JHijri Picker Package

Just An Amazing Hijri Date Picker in Flutter is a Widget With Many Customizable Options, Easy To Use and customize and implement.

Features

• Hijri Date Picker.
• Normal Date Picker.
• Easy To Use, Customise, and Implement.

Usage

To Use JGlobalDatePicker

• JDateModel

This Model Could Be JHijri Or DateTime, One Value Not Both.

JDateModel dM = JDateModel(dateTime: DateTime.now());
Or
dM = JDateModel(jhijri: JHijri.now());

If You Want to Use JHijri IN JDateModel You Have to add JHijriConverter to your pubspec.yaml

Note:

If You Use onChange Method You Can’t Use onOk

As Simple Dialog:

final val = openDialog(context);
Future<HijriDate?> openDialog(BuildContext context)async{
 return await showGlobalDatePicker(context: context, pickerType:PickerType.JNormal);
}

As Full Dialog:

final dialog = openDialog(context);
Future<HijriDate?> openDialog(BuildContext context)async{
  return await showGlobalDatePicker(
    context: context,
    startDate: JDateModel(
        jhijri: JHijri(
          fYear: 1442,
          fMonth: 12,
          fDay: 10,
        )),
    selectedDate: JDateModel(jhijri: JHijri.now()),
    endDate: JDateModel(
        jhijri: JHijri(
          fDay: 25,
          fMonth: 1,
          fYear: 1460,
        )),
    pickerMode: DatePickerMode.day,
    pickerTheme: Theme.of(context),
    textDirection: TextDirection.rtl,
    //locale: const Locale("ar", "SA"),
    okButtonText: "حفظ",
    cancelButtonText: "عودة",
    onOk: (value) {
      debugPrint(value.toString());
      Navigator.pop(context);
    },
    onCancel: () {
      Navigator.pop(context);
    },
    primaryColor: Colors.blue,
    calendarTextColor: Colors.white,
    backgroundColor: Colors.black,
    borderRadius: const Radius.circular(10),
    buttonTextColor: Colors.white,
    headerTitle: const Center(
      child: Text("التقويم الهجري", style: TextStyle(color: Colors.white),),
    ),
  );
}

As Widget:

Widget _JHijriAsWidget(){
  return JGlobalDatePicker(
    widgetType: WidgetType.JContainer,
    pickerType: PickerType.JHijri,
    buttons: const SizedBox(),
    primaryColor: Colors.blue,
    calendarTextColor: Colors.white,
    backgroundColor: Colors.black,
    borderRadius: const Radius.circular(10),
    headerTitle: const Center(
      child: Text("التقويم الهجري"),
    ),
    startDate: JDateModel(dateTime: DateTime.parse("1984-12-24")),
    selectedDate: JDateModel(dateTime: DateTime.now()),
    endDate: JDateModel(dateTime: DateTime.parse("2030-09-20")),
    pickerMode: DatePickerMode.day,
    pickerTheme: Theme.of(context),
    textDirection: TextDirection.rtl,
    onChange: (val) {
      debugPrint(val.toString());
    },
  );
}

Additional information

Provided By Just Codes Developers

Learn about custom date picker click here

Credit

This project is developed by AymanYassinn
Download this project from the below link.
https://github.com/AymanYassinn/HijriDatePicker/archive/refs/heads/main.zip
You can visit the source page from the below link:
https://github.com/AymanYassinn/HijriDatePicker