New to Kendo UI for Angular? Start a free 30-day trial

Read-Only DatePicker

By default, the DatePicker is in an active state.

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Read-Only Input

The DatePicker enables you to render only the input in a read-only state, allowing the user to choose a date only from the popup Calendar. To achieve this, set the readOnlyInput property of the DatePicker to true.

If you set the readonly property value to true, the input will be rendered in a read-only state regardless of the readOnlyInput value.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?