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:Material 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

Suggested Links

• API Reference of the DateRangePicker