As you may already know, we officially released the DevExtreme DateRangeBox widget for all supported JavaScript frameworks including Angular, React, Vue and jQuery.

This new control allows end users to select a date range. The component inherits features from our DateBox component: masked input, flexible popup and calendar customization, input label/styling modes, etc.
Formatting
You can use one of our predefined formats or specify a custom format as needs dictate.

View Demo
Popup and Calendar Customization
Our DateRangeBox allows you to customize calendar appearance and switch between a single-month and two-month drop-down calendar.
To specify a single view, disable the multiView property. Use the calendarOptions property to customize calendar appearance/behavior.

You can also disable date selection before the start date and after the end date. To do so, assign true
to the disableOutOfRangeSelection property.

View Demo
Free DevExpress Products - Get Your Copy Today
The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the
DevExpress Support Center at your convenience. We'll be happy to follow-up.