Custom Date Range Picker in Flutter

You are currently viewing Custom Date Range Picker in Flutter

A Flutter package for all platform which provides a custom date range picker in flutter.

image

Screen Shot

Mobile

Simulator Screen Shot - iPhone 14 Pro Max - 2023-03-17 at 19 04 23
Simulator Screen Shot - iPhone 14 Pro Max - 2023-03-17 at 19 04 14

Web

"Screen Shot 2022-03-01 at 15 36 31

Usage

Add the package to pubspec.yaml

dependencies:
  flutter_date_range_picker:
    git:
        url: https://github.com/linagora/flutter-date-range-picker.git
        ref: master

Import it

import 'package:flutter_date_range_picker/flutter_date_range_picker.dart';

Use the widget

  • Open date range picker:
MaterialDateRangePickerDialog.showDateRangePicker(
  context,
  selectDateRangeActionCallback: (startDate, endDate) {}
);
  • Open date picker:
MaterialDateRangePickerDialog.showDatePicker(
  context,
  title
  selectDateActionCallback: (dateSelected) {}
);

Learn more about date picker click here

Credit

This project is developed by linagora
Download this project from the below link.
https://github.com/linagora/flutter-date-range-picker/archive/refs/heads/master.zip
You can visit the source page from the below link:
https://github.com/linagora/flutter-date-range-picker

Spread the love
See also  Flutter Calendar Picker Example

Leave a Reply