We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
The Flutter Date Range Picker is a lightweight widget that allows users to easily select a single date, multiple dates, or a range of dates. It provides month, year, decade, and century views to quickly navigate to a desired date. It supports minimum, maximum, and disabled dates to restrict date selection.
Display month, year, decade, and century views that can easily be selected and navigated, even programmatically.
Display two Date Range Pickers side by side to select ranges of dates between two separate months easily.
In addition to the Gregorian calendar, the Flutter Date Range Picker supports displaying the Islamic calendar (Hijri date picker).
Navigate back and forth between date-range views and view modes.
Restrict users from navigating to different picker views by disabling view switching. Select values in terms of month, year, or decade with this feature enabled.
Select single dates, multiple dates, or a range with support for programmatic selection.
Extend the selected range with the newly selected dates in a Date Range Picker.
Select a date range with a specific minimum and maximum number of days.
Display two Date Range Pickers side by side in the vertical direction to select date ranges between two months easily. Also enable or disable the view navigation using swipe interaction along with snap and free scroll picker view navigation modes.
Display week numbers of a year in the month view of the Date Range Picker.
Allows extending the selection by setting the extendable range selection direction as forward, backward, both and none. If it set to none, the direction cannot be selected.
Display confirm and cancel buttons in the SfDateRangePicker and SfHijriDateRangePicker to confirm or cancel the selected date values.
Display the Today button at the bottom of the Flutter Date Range Picker to quickly navigate to the current date.
Customize the first day of the week as needed. The default first day is Sunday.
Decide whether a cell is selectable or not.
Disable any date in a calendar to make it inactive. Easily prevent the selection of weekends by disabling them.
Design and set custom view to the month and year cells of the Date Range Picker.
Provide a uniform and consistent look to the calendar’s appearance and format with a theme.
Use decorations to highlight dates in a month and weekends as special days.
Flutter Date Range Picker supports right to left rendering for languages such as Arabic and Hebrew.
Display the current date and time by following the globalized date and time formats.
Easily get started with the Flutter Date Range Picker using a few simple lines of DART code example as demonstrated below. Also explore our Flutter Date Range Picker Example that shows you how to render and configure the Date Range Picker in Flutter.
import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_Date Range Picker/Date Range Picker.dart';
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: SfDateRangePicker(),
));
}You can find our Flutter Date Range Picker demo here.
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.
