Я строю простую реактивную форму. Для простоты, скажем, единственные данные, которые я хочу отобразить, - это дата.

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]]
        });
    }

Поле ввода type = date в шаблоне требует, чтобы дата была в формате «гггг-мм-дд». Значение в событии является объектом JavaScript Date.

Как я могу изменить данные на уровне шаблона, чтобы вводимое значение было правильным?

Что я пробовал:

Один из способов сделать это - вставить DatePipe в мой компонент и применить преобразование в коде.

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

Но это связывает детали реализации шаблона с компонентом. Например, что если шаблон NativeScript требует, чтобы дата была в форматеMM/dd/yyyy? FormGroup больше не действителен.