islamic_hijri_calendar 0.0.4

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: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: SizedBox(
        height: 450,
        child: IslamicHijriCalendar(
          isHijriView:
              true, //allowing users to set either the English calendar only or display the Hijri calendar alongside the English calendar
          highlightBorder: Theme.of(context)
              .colorScheme
              .primary, // Set selected date border color
          defaultBorder: Theme.of(context)
              .colorScheme
              .onSurface
              .withOpacity(.1), // Set default date border color
          highlightTextColor: Theme.of(context)
              .colorScheme
              .surface, // Set today date text color
          defaultTextColor: Theme.of(context)
              .colorScheme
              .onSurface, //Set others dates text color
          defaultBackColor: Theme.of(context)
              .colorScheme
              .surface, // 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
          getSelectedHijriDate:
              (selectedDate) {}, // returns the date selected by user in Hijri format
          isDisablePreviousNextMonthDates:
              true, // Set dates which are not included in current month should show disabled or enabled
        ),
      ),
    );
  }
}