# 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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker).

You can control the range of dates in the DateInput by setting the [`min`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputprops#min) and [`max`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputprops#max) properties to limit the `Date` selection, or [`minTime`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputprops#mintime) and [`maxTime`](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputprops#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.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dateinputs/dateinput/range/date/func/source.txt)

## Limiting the Time Range

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

[Demo Source](https://demos.telerik.com/kendo-react-ui/dateinputs/dateinput/range/time/func/source.txt)

## Suggested Links

* [Learn about KendoReact Free.](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium)
* [API Reference of the DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/dateinputprops)
* [React Date Inputs](https://www.telerik.com/kendo-react-ui/components/dateinputs)