используя angular, express и mongoDB: как отформатировать дату в элементе ввода, не нарушая NgModel?

Question

У меня есть свойство deadlineDate (формат даты) в моем mongoDB.В моем component.html у меня есть поле ввода, где я хочу, чтобы пользователь мог изменять deadlineDate.

при открытии component.html полная дата отображается во входном текстовом поле

<label>project deadline:
    <input [(ngModel)]="project.deadlineDate" 
        placeholder="{{project.deadlineDate | date }}" 
        type="text"  
        onfocus="(this.type='date')" 
        onblur="(this.type='text')" />
 </label> 

возвращается при открытии html: 2019-02-20T00: 00: 00.000Z в моем поле ввода.Я хочу, чтобы он возвратил 20-02-2019

какие-либо идеи о том, как я могу отформатировать это?Предложения о том, как сделать это более удобным для пользователя / -используемым / -читаемым, также приветствуются ofcourse.-

component.ts:

  ngOnInit(): void {
      this.getProject();
  };

 getProject(): void {
        const id = this.route.snapshot.paramMap.get('id');
        this.projectService.getProject(id)
          .subscribe(project => this.project = project);
      };

service.ts

getProject(id: string): Observable<Project> {
  const url = `${this.backendUrl}/project/${id}`;
  return this.http.get<Project>(url)
    .pipe(
      map(project => project[0]),
      tap(res => console.log(res)),
      catchError(this.handleError<Project>(`getProject id=${id}`))
    );
};