islamic_hijri_calendar 0.0.2 copy "islamic_hijri_calendar: ^0.0.2" to clipboard
islamic_hijri_calendar: ^0.0.2 copied to clipboard

Islamic Hijri Calendar widget displays dates in Arabic and English numerals, shows Hijri month names and years, and allows effortless month navigation.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:islamic_hijri_calendar/islamic_hijri_calendar.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Islamic Hijri Calendar',
      theme: ThemeData.light(),
      darkTheme: ThemeData.dark(),
      themeMode: ThemeMode.system,
      home: const HijriCalendarExample(),
    );
  }
}

class HijriCalendarExample extends StatefulWidget {
  const HijriCalendarExample({
    super.key,
  });

  @override
  State<HijriCalendarExample> createState() => _HijriCalendarExampleState();
}

class _HijriCalendarExampleState extends State<HijriCalendarExample> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(elevation: 1, title: const Text("Islamic Hijri Calendar")),
      body:IslamicHijriCalendar(
        highlightBorder : Theme.of(context).colorScheme.primary, // Set selected date border color
        defaultBorder : Theme.of(context).colorScheme.onBackground.withOpacity(.1), // Set default date border color
        highlightTextColor : Theme.of(context).colorScheme.background, // Set today date text color
        defaultTextColor : Theme.of(context).colorScheme.onBackground, //Set others dates text color
        defaultBackColor : Theme.of(context).colorScheme.background, // Set default date background color
        adjustmentValue: 0, // Set hijri calendar adjustment value which is set  by user side
        isGoogleFont: true, // Set it true if you want to use google fonts else false
        fontFamilyName: "Lato", // Set your custom font family name or google font name
        getSelectedEnglishDate: (selectedDate){ // returns the date selected by user
          print("English Date : $selectedDate");
        },
        getSelectedHijriDate: (selectedDate){ // returns the date selected by user in Hijri format
          print("Hijri Date : $selectedDate");
        },
        isDisablePreviousNextMonthDates: true, // Set dates which are not included in current month should show disabled or enabled
      ),
    );
  }
}
36
likes
0
points
109
downloads

Publisher

verified publisherdevcodespace.com

Weekly Downloads

Islamic Hijri Calendar widget displays dates in Arabic and English numerals, shows Hijri month names and years, and allows effortless month navigation.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, google_fonts, intl

More

Packages that depend on islamic_hijri_calendar