DateRangePicker Overview

The DateRangePicker combines the KendoReact DateInput and MultiViewCalendar components and enables the user to enter or pick a date-range value.

Basic Usage

The following example demonstrates the DateRangePicker in action.

class App extends React.Component {
    render() {
            <div className="example-wrapper" >
                <DateRangePicker />
                <p>(use Alt+<code>↓</code> to open the calendar, <code>←</code> and <code>→</code> to navigate, <code>↑</code> to increment and <code>↓</code> to decrement the value)</p>
    <App />,

Functionality and Features

In this article