New to Kendo UI for jQuery? Download free 30-day trial

Component Types

As of R2 2020 version of the Kendo UI suite, the TimePicker widget introduces a new component type. It aims to enhance the existing rendering and deliver a fresh and modern look and feel.

By default, the TimePicker is initialized with the classic render mode. In order to set it to modern, configure the options of the widget as follows:

    $("#timepicker").kendoTimePicker({
        componentType:"modern"
    });

As a result, the appearance of the widget is alternated.

Kendo UI for jQuery TimePicker Comparison between the content types

The rendered selectors in the Kendo UI TimePicker depend on the currently applied format. If the format is omitted, the default format from the application's culture is used.

See Also

In this article