Read-Only DateTimePicker

By default, the DateTimePicker is in an active state.

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

@Component({
    selector: 'my-app',
    template: `
        <div class="example-config">
            <input type="checkbox" class="k-checkbox" id="readonly" [(ngModel)]="readonly">
            <label class="k-checkbox-label" [attr.for]="'readonly'">Read-only</label>
        </div>
        <div class="example-wrapper">
            <kendo-datetimepicker
                [readonly]="readonly"
            >
            </kendo-datetimepicker>
        </div>
    `
})

class AppComponent {
    public readonly: boolean = true;
}

In this article