New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Interval

The Telerik UI for ASP.NET MVC TimePicker allows you to specify the time interval between values in the popup list.

Depending on the Component Type, you can set the interval in two distinct ways.

Setting the Interval in Classic Render Mode

When the Component Type() method is set to classic, the interval is specified in minutes (numeric values).

    @(Html.Kendo().TimePicker
        .Name("timepicker")
        .ComponentType("classic")
        .Interval(7)
    )

When the ComponentType() is set to classic, the interval does not accept an object of hours, minutes and seconds.

Setting the Interval in Modern Render Mode

When the ComponentType() method is set to modern, the interval is specified as an object of hours, minutes and seconds.

    @(Html.Kendo().TimePicker()
        .Name("timepicker")
        .Interval(interval => interval
            .Second(15)
            .Minute(5)
            .Hour(7)
        )
    )

When the ComponentType() is set to modern, the interval does not accept a single numerical value.

See Also

In this article