Как инициализировать поле формы ввода Angular Material Datepicker?

Question

Я пытаюсь отформатировать мой выбор даты. Я не знаю путь. Я попытался вставить библиотеку moment.js, которую я не знаю, как использовать, но скопировал ее из Интернета. Теперь моя программа выбора даты возвращает момент объекта, и я не знаю, как его отформатировать.

Компонент

this.form = this.fb.group({
  deliveryDate: [this.deliveryDate], // i try to set here instead this.delieryDate null or moment() or everythink.....
  address: [null, [Validators.required, Validators.minLength(5)]],
  phone: [null, [Validators.minLength(9),Validators.maxLength(19)]],
  city: [null, [Validators.required, Validators.minLength(5)]],
  data: this.fb.array([this.createContact()])
});

Шаблон

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Izaberite datum narudzbe"
      formControlName="deliveryDate">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>