All Components

Read-Only DateInput

By default, the DateInput is in an active state.

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

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

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