Firestore Timestamp to Angular Material Datepicker date

firestore-datepicker-adapter.directive.ts

import { Directive, HostListener } from '@angular/core';
import { NgModel } from '@angular/forms';
import * as firebase from 'firebase';

@Directive({
  selector: '[appFirestoreDatepickerAdapter]',
  providers: [NgModel],
})
export class FirestoreDatepickerAdapterDirective {

  constructor(
    private model: NgModel
  ) { }

  @HostListener('ngModelChange', ['$event'])
  parse(ev): void {
    if (ev instanceof firebase.firestore.Timestamp) {
      this.model.valueAccessor.writeValue(ev.toDate());
    }
  }

}

template.html

<mat-form-field appearance="fill">
  <mat-label>Date</mat-label>
  <input appFirestoreDatepickerAdapter matInput [matDatepicker]="myDateDatepicker" formControlName="myDate" id="myDate">
  <mat-datepicker-toggle matSuffix [for]="myDateDatepicker"></mat-datepicker-toggle>
  <mat-datepicker #myDateDatepicker ></mat-datepicker>
</mat-form-field>