Last updated:
0 purchases
multi date range picker
Multi Date Range Picker #
A simple and customize Date range picker with multi range
Features #
Create Multi Range picker
Support multi language (with intl localization)
Getting Started #
In the pubspec.yaml of your flutter project, add the following dependency:
dependencies:
...
multi_date_range_picker: "^0.0.5"
copied to clipboard
In your library add the following import:
import 'package:flutter_slidable/flutter_slidable.dart';
copied to clipboard
and use MultiDateRangePicker Widget to show
MultiDateRangePicker(
initialValue: [],
onChanged: (List<List<DateTime>> intervals) {
},
);
copied to clipboard
Customization #
You can change colors of selection and background and more.
onlyOne = false // Allow only one selection
selectionColor = Colors.lightGreenAccent // Sets the color of the selection
buttonColor = Colors.lightGreenAccent // Sets the color of the buttons
buttonTextColor = Colors.black // Sets the color of text in buttons
primaryTextColor = Colors.black // Sets the color of UI text
dateTextColor = Colors.black // Sets the color of calendar date
ignoreTextColor = Colors.grey // Sets the color of external calendar date
selectedDateTextColor = Colors.black // Sets the color of calendar date when is selected
selectedIgnoreTextColor = Colors.black // Sets the color of external calendar date when is selected
backgroundTextColor = Colors.white // Sets the background color
copied to clipboard
Note #
For the customization of the local you will need at the start of your application to define the default local in intl
Intl.defaultLocale = 'fr';
initializeDateFormatting();
copied to clipboard
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.