Estou construindo uma forma reativa simples. Por uma questão de simplicidade, digamos que os únicos dados que quero exibir são uma data.

test.component.html

<form novalidate [formGroup]="myForm">
       <input type="date" formControlName="date">
</form>

test.component.ts

private date: Date = Date.now();
ngOnInit() {
        this.myForm = this.fb.group({
            date: [this.date, [Validators.required]]
        });
    }

O campo tipo de entrada = data no modelo requer que a data esteja no formato 'aaaa-MM-dd'. O valor no evento é um objeto Data do JavaScript.

Como posso modificar os dados no nível do modelo para que o valor de entrada esteja correto?

O que eu tentei:

Uma maneira de fazer isso seria injetar o DatePipe no meu componente e aplicar a conversão no código.

date: [datePipe.transform(this.event.date, 'yyyy-MM-dd'), [Validators.required]]

Mas isso vincula os detalhes de implementação do modelo ao componente. Por exemplo, e se um modelo NativeScript exigir que a data esteja no formatoMM/dd/yyyy? O formGroup não é mais válido.