Introducing our Islamic Hijri Calendar widget, offering a comprehensive date display with both Arabic and English numerals. Easily view Hijri month names alongside the year and navigate through months effortlessly.

Features

• Users can set only the English calendar or show it with the Hijri calendar.
• Shows both english day & arabic day.
• Shows the Hijri month names along with the year.
• set custom font families manually & google font as well.
• Support for both light and dark modes for better visibility and user preference.
• Users can customize the colors to match their preferences or app theme.
• Users can easily change the month and year to navigate through the calendar.

Getting started

Add dependency to your pubspec.yaml file & run Pub get

dependencies:
  islamic_hijri_calendar: ^0.0.4

And import package into your class file

import 'package:islamic_hijri_calendar/islamic_hijri_calendar.dart';

Usage

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.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 islamic 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
),

Properties