Jalali date picker - Gregorian date picker - Time picker

Jalali (Persian - Farsi - Shamsi) date picker & Gregorian date picker & Time picker all with cupertino style and responsive UI.

Version Platform

IRDateTimePicker Banner

Usage

Step1: add dependency to your pubspec.yaml:


dependencies:
  ir_datetime_picker: version

Step2: import library:


import 'package:ir_datetime_picker/ir_datetime_picker.dart';

Step3: check exmaple to use:


// Simple jalali date picker using top level functions showIRJalaliDatePickerDialog or showIRJalaliDatePickerRoute:
// NOTE: For create your own JalaliDatePicker use IRJalaliDatePicker widget.
ElevatedButton(
  child: const Text("انتخاب تاریخ"),
  onPressed: () async {
    Jalali? selectedDate = await showIRJalaliDatePickerDialog(
      context: context,
      title: "انتخاب تاریخ",
      visibleTodayButton: true,
      todayButtonText: "انتخاب امروز",
      confirmButtonText: "تایید",
      initialDate: Jalali(1400, 4, 2),
    );
    if (selectedDate != null) {
      setState(() {
        _jalaliDate = "${selectedDate.year}/${selectedDate.month}/${selectedDate.day}";
      });
    }
  },
),


// Simple gregorian date picker using top level functions showIRGregorianDatePickerDialog or showIRGregorianDatePickerRoute:
// NOTE: For create your own GregorianDatePicker use IRGregorianDatePicker widget.
ElevatedButton(
  child: const Text("انتخاب تاریخ"),
  onPressed: () async {
    Gregorian? selectedDate = await showIRGregorianDatePickerDialog(
      context: context,
      title: "انتخاب تاریخ",
      visibleTodayButton: true,
      todayButtonText: "انتخاب امروز",
      confirmButtonText: "تایید",
      initialDate: Gregorian(2020, 7, 15),
    );
    if (selectedDate != null) {
      setState(() {
        _gregorianDate = "${selectedDate.year}/${selectedDate.month}/${selectedDate.day}";
      });
    }
  },
),


// Simple time picker using top level function showIRTimePickerDialog:
// NOTE: For create your own TimePicker use IRTimePicker widget.
ElevatedButton(
  child: const Text("انتخاب زمان"),
  onPressed: () async {
    IRTimeModel? selectedTime = await showIRTimePickerDialog(
      context: context,
      initialTime: IRTimeModel(hour: 18, minute: 45, second: 59),
      title: "انتخاب زمان",
      visibleSecondsPicker: true,
      visibleNowButton: true,
      nowButtonText: "انتخاب اکنون",
      confirmButtonText: "تایید",
    );
    if (selectedTime != null) {
      setState(() {
        _time = selectedTime.toString();
        Duration durationTime = selectedTime.toDuration();
        print('Duration: ${durationTime.toString()}');
        print('IRTimeModel: ${IRTimeModel.fromDuration(durationTime).toString()}');
      });
    }
  },
),


// You can create your own date picker with IRJalaliDatePicker or IRGregorianDatePicker widgets:
Container(
  color: Colors.green.withOpacity(0.1),
  child: IRJalaliDatePicker(
    initialDate: Jalali(1400, 1, 3),
    minYear: 1390,
    maxYear: 1420,
    visibleTodayButton: true,
    todayButtonText: "انتخاب اکنون",
    constraints: const BoxConstraints.tightFor(width: 400, height: 200),
    onSelected: (Jalali date) {
      if (kDebugMode) {
        print(date.toString());
      }
    },
  ),
),

Support

If you have any issues or questions, please don't hesitate to reach out to us at Alikhajavi74@gmail.com

https://github.com/alikhajavi74

Libraries

ir_datetime_picker
Export main libraries for development. You just need to import this library and use all the features of this package.