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
max properties to limit the
Date selection, or
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
The following example demonstrates how to limit the value of the DateInput to a certain date range.
The following example demonstrates how to limit the value of the DateInput to a certain time range.