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() {
        return(
            <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>
            </div>
        )
    }
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

Functionality and Features

In this article