# Date Limits

The DatePicker can display a date range between predefined min and max values, allowing the user to pick a date only from that range.

> To enable the user to select a date range, use the [Kendo UI for Vue DateRangePicker component](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/daterangepicker).

To define the start date of the range, use the [`min`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/datepickerprops#min) property. To define the end date of the range, use the [`max`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/datepickerprops#max) property. The `min` date value has to be lower than the `max` date value.

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/datepicker/datelimits/source.txt)

## Suggested Links

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