All Components

This website hosts native Kendo UI components, built from the ground up with the ultimate performance in mind, intended to be used in the React ecosystem.

Date Ranges

The Calendar provides options for displaying date ranges.

To define the start date of the range, use the min property. To define the end date of the range, use the max property.

The min date value has to be lower than the max date value.

class App extends React.Component {
    render() {
        return <Calendar min={new Date(2010, 10, 10)} max={new Date(2010, 10, 20) } />;
    }
}

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);
In this article