jhijri_picker

Description:

jhijri picker

JHijri Picker Package #
Just An Amazing Hijri Date Picker Widget With Many Customizable Options, Easy To Use, Customise & 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());
copied to clipboard
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);
}
copied to clipboard
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),),
),
);
}
copied to clipboard
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());
},
);
}
copied to clipboard
Additional information #
Provided By Just Codes Developers