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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Date Range Picker for Flutter 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.


Multiple picker view modes

Display month, year, decade, and century views that can be easily selected and navigated, even programmatically.

Month View in Flutter Date Range Picker

Month

Year view in Flutter Date Range Picker

Year

Decade View in Flutter Date Range Picker

Decade

Century View in Flutter Date Range Picker

Century


Multi-date picker view

Display two Date Range Pickers side by side, allowing you to select ranges of dates within two separate months easily.

Multi-date picker in Flutter date range picker


Quick navigation

Navigate back and forth between date-range views and view modes.


Enable/disable built-in view switching

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.

Range selection in Flutter date range picker


Date selection

Select single dates, multiple dates, or a range with support for programmatic selection.

Single Selection in Flutter Date Range Picker

Single selection

Multiple Selections in Flutter Date Range Picker

Multiple selections

Range Selection in Flutter Date Range Picker

Range selection

Multiple Range selection in Flutter Date Range Picker

Multiple range selection


Limit date selection range

Select a date range with a specific minimum and maximum number of days by setting the minimum and maximum days options.

Limit Date Selection Range in Flutter Date Range Picker


Change first day of week

Customize the first day of the week as needed. The default first day is Sunday.


Blackout dates

Disable any date in a calendar to make it inactive. Easily prevent the selection of weekends by disabling them.

Blackout Dates in Flutter Date Range Picker


Appearance customization

Change the look and feel of the Date Range Picker by customizing its default appearance and style using Flutter decorations.


Highlight holidays and weekends

Use decorations to highlight dates in a month, even weekends, as special days.

Highlight Holidays in Flutter Date Range Picker


Right to left (RTL) orientation

Orient content right to left for languages such as Arabic and Hebrew.

RTL in Flutter Date Range Picker


Accessibility

Easily access the Date Range Picker with screen readers.


Globalization

Display the current date and time by following the globalized date and time formats.

Globalization for Month View in Flutter Date Range Picker

Month

Globalization for Year View in Flutter Date Rane Picker

Year


Awards

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.

Syncfusion Awards
Scroll up icon

Warning Icon 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.Close Icon

Live Chat Icon For mobile
Live Chat Icon