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.

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

 /