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.
Unfortunately, activation email could not send to your email. Please try again.

Date Picker Component for React

The date picker control allows an end user to enter or select a date value. It has month, year, and decade view options to quickly navigate to the desired date. Supports min, max, and disabled date to restrict date selection.

Month or year selection

The date picker control provides a flexible option to select only the month or year as a date value in the popup.


The date picker control’s input value can be custom formatted apart from the default culture’s specific date format.

Date range

Restrict the user to enter or select the date value within a specific range of dates by using min and max properties.

Disabled dates

Any date can be disabled to prevent the user from selecting it.


The date picker control supports globalization (internationalization and localization) to translate the names of months, days, and today button text to any supported language.


You have complete control over the appearance of the date picker component.

Highlight weekends

The date picker control supports highlighting every weekend in a month.

First day of week

Change the first day of weeks in every month.

Week number

Know the week number of the selected day in popup by enabling the week number option.


  • Fully supports WAI-ARIA accessibility that helps the date picker control be accessible by on-screen readers and assistive devices.
  • Follows WAI-ARIA best practices for implementing keyboard interaction.
  • Designed the UI element visuals such as foreground color, background color, line spacing, text and images based on WCAG 2.0 standard.
  • Supports right-to-left (RTL) direction for users working in right-to-left languages like Hebrew and Arabic.

Mobile-friendly UI

Provides responsive mode which gives adaptive, redesigned UI appearance for mobile devices.

React datepicker shows the calendar at the center of the screen on mobile devices

Developer-friendly APIs

Allows you to have control over all the UI elements and behaviors of the components to provide the best experience to your end users with the rich set of developer friendly APIs.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

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.