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. Image for the cookie policy date
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 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.


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


Vertical picker

Display two Date Range Pickers side by side in the vertical direction, allowing you 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.

Vertical date picker in Flutter Date Range Picker.


Hijri date picker

In addition to the Gregorian calendar, display the Islamic calendar (Hijri date picker).

Hijri date picker in Flutter Date Range Picker.


Week numbers

Display the week numbers of the year in the month view.

Week numbers in Flutter Date Range Picker.


Quick navigation

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


Enable and 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.


Action buttons

Display confirm and cancel buttons to confirm or cancel the selected date values.

Action buttons in Flutter Date Range Picker.


Today Button

Display the Today button at the bottom of the Date Range Picker to quickly navigate to the current date.

Today button in Flutter Date Range Picker.


Extendable range selection

Extend the selected range with newly selected dates.

Extendable range selection in Flutter Date Range Picker.


Limit date selection range

Select a date range with specific minimum and maximum numbers of days.

Limit date selection ranges 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.


Selectable day predicate

Decide whether a cell is selectable or not.

Selectable day predicate in Flutter Date Range Picker.


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

Builder

Design and set your own custom view to the month and year cells of the Date Range Picker.

Month cell builder in Flutter Date Range Picker.

Month cell

Year cell builder in Flutter Date Range Picker.

Year cell

Theming

Provide a uniform and consistent look to the calendar’s appearance and format with a theme.

Theming in Flutter Date Range Picker.


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 Range 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.

Up arrow 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