Getting Started with KendoReact DateRangePicker
The KendoReact DateRangePicker combines the KendoReact DateInput and MultiViewCalendar components and enables the user to enter or pick a date-range value.
The KendoReact DatePicker component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-dateinputs package.
Basic Usage
The following example demonstrates the DateRangePicker in action.
Example
View Source
Edit In Stackblitz
Change Theme:
Functionality and Features
- Controlled mode
- Default value
- Disabled DateRangePicker
- Focused dates
- Date limits
- Reverse selection
- Custom rendering
- Configuration of child components
- Globalization
- Keyboard navigation
- Accessibility
