How to display a readonly date field?

[alexpuh]

Hallo,

I am trying to figure out how to display properly the date field as readonly.
It is not a disabled field, so it should not be visually grayed out (like using the formControl's disable-method), just must be not modifiable.
Exactly like the [readonly]=true works for input-fields. But surprisingly, p-datePicker doesn't have an attribute readonly.
Is it on purpose? Is there any workarounds?

Ok, I have decided to display the field as an input, if it is readonly:

@if (readonly) {
<input pInputText formControlName="dateField" readOnly="true"
@else {
<p-datePicker formControlName="dateField"
}

looks ugly in code, but works partially: now I have another problem - with a date format presentation.
The value in the FormControl is actually Date('YYYY-MM-DD'), exactly so it is being displayed in the input field.
But I need a presentation like DD.MM.YYYY.
Can I provide my pipe for displaying the value or define the format to present the value?

Thanks a lot in advance!