Recibo el siguiente error en mi consola: "Error: InvalidPipeArgument: 'No se puede convertir "[object Object]" en una fecha' para la canalización 'DatePipe'".

Tengo una entrada de calendario, que debería permitir al usuario seleccionar una fecha y luego pasar esa fecha en un formato determinado, 'dd/MM/yyyy'. Quiero que la fecha seleccionada se muestre en la entrada del calendario una vez que hayan seleccionado una fecha.

Me doy cuenta de que no puedo tener un enlace bidireccional en [ngModel] si tengo una tubería allí, así que estoy usando (ngModelChange). Si elimino #createdByCutOffDate="ngModel", se elimina el error, pero no puedo ver la fecha seleccionada en la entrada del calendario.

También probé el método updateCreatedByCutOffDate() tomando un tipo de fecha o cadena.

this.createdByCutOffDate tiene el siguiente formato: 'Jue 17 de febrero de 2022 00:00:00 GMT+0000 (hora del meridiano de Greenwich)'

componente.html

 <input type="date" id="createdByCutOffDate" [ngModel]="createdByCutOffDate | date:'dd/MM/yyyy'" #createdByCutOffDate="ngModel" (ngModelChange)="updateCreatedByCutOffDate($event)" />

componente.ts

 createdByCutOffDate: Date; updateCreatedByCutOffDate(date: string) { this.createdByCutOffDate = new Date(date); }