Date Limits

The DateInput enables you to set a predefined min-max date range, allowing the user to input a date value only within that range.

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

You can control the range of dates in the DateInput by setting the min and max properties to limit the Date selection, or minTime and maxTime to limit only the Time part of the value. When the atleast one of the limiting properties are configured and the selected date value is out of this range, the component displays a visual indication. The min date value has to be lower than the max date value - The same rule applies to the time value of the minTime and maxTime properties.

Limiting the Date Range

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

Example
View Source
Change Theme:

Limiting the Time Range

The following example demonstrates how to limit the value of the DateInput to a certain time range.

Example
View Source
Change Theme: