Как использовать дату (метку времени) из firebase в реактивной форме с formControlName?

Question

Я хотел бы использовать дату из firebase в реактивной форме для обновления или изменения значения

Мой компонент:

site - это мои данные из firebase

ngOnInit() {
    this.siteForm = this.formBuilder.group({
      id: [this.site.id],
      title: [this.site.title, Validators.required],
      link: [this.site.link, Validators.required],
      linkAdmin: [this.site.linkAdmin, Validators.required],
      refSite: [this.site.refSite, Validators.required],
      screen: [this.site.screen, Validators.required],
      dev: [this.site.dev, Validators.required],
      created: [this.site.created, Validators.required]
  });
  }

Мой шаблон

  <div class="form-group row">
      <label for="created" class="col-md-3 col-form-label">Date de création :</label>
      <div class="col-md-9">
        <input (blur)="OnCheck()" (change)="onSubmit()" type="date" class="form-control" id="created" name="created"
          formControlName="created" required placeholder="Changer la date de création"
          [ngClass]="{ 'is-invalid': (check || submitted) && f.created.errors }">
        <div *ngIf="(check || submitted) && f.created.errors" class="invalid-feedback">
          <div *ngIf="f.created.errors.required">Date is required</div>
        </div>
      </div>
    </div>

Я пытался использовать pipe в шаблоне или конвертировать в моем скрипте, но ничего не работает. Если у кого-то есть идея? Большое спасибо.