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 provides the option to render just the input in a read-only state, allowing the user to choose a date only from the popup Calendar. To achieve this, set the DatePicker readOnlyInput property to true.

Note that 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?