<div>
    <mat-form-field class="adf-date-editor">
        <label [attr.for]="column.id">{{column.name}} (d-M-yyyy)</label>
        <input matInput
            id="dateInput"
            type="text"
            [matDatepicker]="datePicker"
            [value]="value"
            [id]="column.id"
            [required]="column.required"
            [disabled]="!column.editable"
           (focusout)="onDateChanged($event.srcElement.value)">
        <mat-datepicker-toggle  *ngIf="column.editable" matSuffix [for]="datePicker" class="adf-date-editor-button" ></mat-datepicker-toggle>
    </mat-form-field>
    <mat-datepicker #datePicker (dateChange)="onDateChanged($event)" [touchUi]="true"></mat-datepicker>
</div>
