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

Time Ranges and Formats

The TimePicker enables you to set time ranges and formats.

To configure the time ranges, use the min and max properties. To set the time format, use the time property.

View Source
Edit In Stackblitz  
Change Theme:

The following example demonstrates how to configure the time interval and format for the time view.

<div id="vueapp" class="vue-app">
   <kendo-timepicker :value="currentDate"                       
new Vue({
    el: '#vueapp',
    data: {       
        currentDate: new Date(2018, 9, 15)

In this article

Not finding the help you need?