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

Time Limits

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

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 time value has to be lower than the max time value.

The TimePicker ignores the min and max date portions of the Date object and uses the date portion of the passed value. If no value is provided, the TimePicker uses the current Date.

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

View Source
Change Theme:

In this article

Not finding the help you need?