All Components

Readonly TimePicker

By default, the TimePicker is in an active state.

To render the TimePicker into a read-only state, set its readonly property to true.

@Component({
    selector: 'my-app',
    template: `
        <div class="example-wrapper">
            <p>Select a time value:</p>
            <kendo-timepicker [readonly]="true" [value]="value"></kendo-timepicker>
        </div>
    `
})

class AppComponent {
    public value: Date = new Date(2000, 2, 10, 0, 0, 0);
}
In this article