Firestore Date Pipe

firestore-date-pipe.ts

import {formatDate} from '@angular/common';
import {Inject, LOCALE_ID, Pipe, PipeTransform} from '@angular/core';
import firebase from 'firebase/app';
import Timestamp = firebase.firestore.Timestamp;

/**
 * Can change style of date rendered to 'medium', 'shortDate', etc.
 * Change on line 26
 * 
 * Example
 * {{ post?.date | firestoreDate }}
 */

@Pipe({
    name: 'firestoreDate'
})
export class FirestoreDatePipe implements PipeTransform {

  constructor(@Inject(LOCALE_ID) private locale: string) {
  }

  transform(timestamp: Timestamp, format?: string): string {
      if (!timestamp?.toDate) {
          return;
      }
      return formatDate(timestamp.toDate(), format || 'medium', this.locale);
  }
}