Как отобразить измененную дату в 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>

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

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