New to Kendo UI for Vue? Start a free 30-day trial

Date Ranges

The Calendar provides options for displaying date ranges.

To define the start date of the range, use the min property. To define the end date of the range, use the max property.

The min date value has to be lower than the max date value.

<kendo-calendar :value="new Date()"
				:min="new Date(2017, 0, 1)"
				:max="new Date(2020, 11, 31)">
</kendo-calendar>

In this article

Not finding the help you need?