# 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.

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

## Suggested Links

* [API Reference of the DateInput](https://www.telerik.com/kendo-vue-ui/components/dateinputs/api/dateinputprops)