In the latest v23.1 version, DevExpress has officially released the DevExtreme DateRangeBox widget, which supports all JavaScript frameworks, including Angular, React, Vue and jQuery. This new control allows end users to select a date range. The component inherits the features of the DateBox component: masked input, flexible pop-up window and calendar customization, input label/style mode, etc.
DevExtreme contains a comprehensive collection of high-performance and responsive UI widgets for use in traditional web and next-generation mobile applications. The suite comes with a fully functional data grid, interactive chart widgets, data editor, and more.
Get the official version of DevExtreme v23.1 download (Q technical communication: 523159565)
format
Users can now use predefined formats or specify custom formats as needed.
Pop-ups and calendar customization
The DateRangeBox component allows users to customize the calendar appearance and switch between single-month and two-month drop-down calendars.
To specify a single view, disable the multiView property and use the calendarOptions property to customize calendar appearance/operation.
The user can disable date selection before the start date and after the end date by assigning true to the disableOutOfRangeSelection property.