# DatePicker Read-Only State

By default, the DatePicker is in an active state.

To render the DatePicker into a read-only state, set its [`readonly`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#readonly) property to `true`.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dateinputs/datepicker/readonly/source.txt)

## 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`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#readonlyinput) property of the DatePicker to `true`.

> If you set the [`readonly`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#readonly) property value to `true`, the input will be rendered in a read-only state regardless of the [`readOnlyInput`](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent#readonlyinput) value.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/dateinputs/datepicker/readonly/readonly-input/source.txt)

## Suggested Links

* [API Reference of the DatePicker](https://www.telerik.com/kendo-angular-ui/components/dateinputs/api/datepickercomponent)