The React DateRangePicker is a lightweight and mobile-friendly component that allows end users to select start and end date values as a range from a calendar pop-up or by entering the value directly in an HTML input text box.
Define the preset of ranges (like last 30 days or last week) to set date ranges frequently used by the end users.
The React DateRangePicker component’s input value is set to be a custom date formatted apart from the default culture-specific date format.
The React DateRangePicker supports globalization to translate the names of months days, and the today button text to any supported language. The date format and first day of the week are set to a specific culture.
Easily limit the end user to selecting only a date range with specific minimum and maximum numbers of days (span of days) by setting the min and max days options.
Enter or select a value within a specific range of dates by defining the min and max properties.
Allow only valid values to be entered in the DateRangePicker control’s input by validating them with disabled or out-of-min and out-of-max date ranges. The invalid and out-of-date-range values are set in a disabled state to prevent users from entering them or selecting them from a date range.
You have complete control over the appearance of the component. Customize the style based on your application’s look and feel.
Show the week numbers in the pop-up calendar.
Change the first day of the week in every month.
The React DateRangePicker provides a responsive mode that gives an adaptive, redesigned UI appearance for mobile devices.
You have control over all the UI elements and behaviors of the DateRangePicker with a rich set of developer-friendly APIs to provide the best experience to your end users.
The React DateRangePicker supports several built-in themes such as material, bootstrap, fabric (Office 365), and high contrast.
We do not sell the React DateRangePicker separately. It is only available for purchase as part of the Syncfusion React suite, which contains over 70 React components, including the DateRangePicker. A single developer license for the Syncfusion Essential Studio for React suite costs $995.00 USD, including one year of support and updates. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team today to see if you qualify for any additional discounts.
You can find our React DateRangePicker demo here.
No, our 70 React components, including DateRangePicker, are not sold individually, only as a single package. However, we have competitively priced the product so it only costs a little bit more than what some other vendors charge for their DateRangePicker alone. We have also found that, in our experience, our customers usually start off using one of our products and then expand to several products quickly, so we felt it was best to offer all 70 React components for a flat fee of $995/developer. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team today to see if you qualify for any additional discounts.
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.