реактивные формы с данными из ввода и изменением формата значения

Question

У меня есть реактивные формы, которые принимают значения из формы @Input. Все значения отображаются в Html, но я хочу изменить формат значения в <input matInput В моем примере у меня есть дата, которую я хочу иметь в определенном формате. С данными @Input я делаю это следующим образом:

{{Inputdata.date| date: "dd.MM.y"}}

Но в случае, если у меня есть элементы в моей Реактивной форме:

<tr>
            <td>
                Date
            </td>
            <td>
                <mat-form-field color="warn">
                    <input matInput type="text" class="form-control" formControlName="date">
                </mat-form-field>
            </td>
</tr>

Это пример формата даты, но ятакже хотел бы иметь возможность использовать опцию выбора тоже.

Возможно ли это?

Answer 1

Я использовал datePicker. Это решило мою проблему.