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.
Limiting the Time Range
The following example demonstrates how to limit the value of the DateInput to a certain time range.