Как отобразить измененную дату в материале DatePicker

Question

У меня есть этот календарь, в котором я хочу отобразить значение по умолчанию для ранее введенной пользователем даты. Однако он не отображает никакого значения, когда я пытаюсь изменить дату. Новая дата все еще может быть сохранена, поэтому мне интересно, как исправить отображение при изменении данных.

Вот код для справки

<mat-form-field>
  <input matInput [matDatepicker]="dp" placeholder="Date of Birth: No change Display" [formControl]="getDate(userPrivate.date_of_birth)" [(ngModel)]="userPrivate.date_of_birth">
  <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
  <mat-datepicker #dp >
  </mat-datepicker>
</mat-form-field>

и на моем .ts

getDate(x){
  // convert Epoch time to formcontrol
  var date = new FormControl(new Date(parseInt(x)));
  // return newDate;
  return date;
  }

Answer 1

Это то, что я сделал, когда работал с mat-datepicker

<input matInput [matDatepicker]="dp" placeholder="Choose a date" [formControl]="dateForm" (click)="dp.open()"
        (dateChange)="dateChange($event)" #dateInput>
    <mat-datepicker #dp></mat-datepicker>

In .ts, я использую библиотеку moment для установки даты в formcontrol

this.dateForm.setValue(moment(previous_input_date, date_format));