ir_datetime_picker 4.0.0

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

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.

Demo:

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: "انتخاب تاریخ",
      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: "انتخاب تاریخ",
      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? time = await showIRTimePickerDialog(
      context: context,
      title: "انتخاب زمان",
      nowButtonText: "انتخاب اکنون",
      confirmButtonText: "تایید",
    );
    if (time != null) {
      setState(() {
        _time = time.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,
    onSelected: (Jalali date) {
      print(date.toString());
    },
    todayButtonText: "انتخاب اکنون",
  ),
)

Support

If you have any issues or questions, please don't hesitate to reach out to us at [e-mail]

https://github.com/alikhajavi74