animation: Object

Animations to be used for opening/closing the popup. Setting to false will turn of the animation.

close: Object

Animation to be used for closing of the popup.

Example

$("#timepicker").kendoTimePicker({
    animation: {
        close: {
            effects: "fadeOut",
            duration: 300,
            hide: true
            show: false
        }
    }
});

open: Object

Animation to be used for opening of the popup.

Example

$("#timePicker").kendoTimePicker({
    animation: {
        open: {
            effects: "fadeIn",
            duration: 300,
            show: true
        }
    }
});

culture: String(default: en-US)

Specifies the culture info used by the widget.

Example

// specify on widget initialization
$("#timepicker").kendoTimePicker({
    culture: "de-DE"
});

dates: Array

Specifies a list of dates, which are shown in the time drop-down list. If not set, the DateTimePicker will auto-generate the available times.

Example

$("#timePicker").kendoTimePicker({
    dates: [new Date(2000, 10, 10, 10, 0, 0), new Date(2000, 10, 10, 30, 0)] //the drop-down list will consist only two entries - "10:00 AM" and "10:30 AM"
});

format: String(default: h:mm tt)

Specifies the format, which is used to format the value of the TimePicker displayed in the input.

interval: Number(default: 30)

Specifies the interval, between values in the popup list, in minutes.

max: Date(default: 00:00)

Specifies the end value in the popup list.

min: Date(default: 00:00)

Specifies the start value in the popup list.

parseFormats: Array

Specifies the formats, which are used to parse the value set with the value method or by direct input. If not set the value of the options.format will be used.

Example

$("#timePicker").kendoTimePicker({
    format: "h:mm tt",
    parseFormats: ["HH:mm"] //format also will be added to parseFormats
});

value: Date(default: null)

Specifies the selected time.