Date Limits

The Calendar can display a date range between predefined min and max values, allowing the user to select a date only from that range.

To enable the user to select a date range, use the KendoReact DateRangePicker component.

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.

The following example demonstrates how to limit the value of the Calendar to a certain date range.

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
 /