ng-datetime-picker с реактивной формой
Я использую ngDateTimePicker(ng-pick-datetime) с "rangeFrom" и "rangeTo" selectMode. Выглядит два поля, связанных со свойством dateTimeRange. Как я могу выглядеть так, но использовать БЕЗ ngModel? Потому что я хотел бы использовать его с Reactive Forms?
<div>
<mat-form-field>
<input
matInput #refInputFrom required readonly
[placeholder]="placeholderFrom"
[(ngModel)]="dateTimeRange"
(ngModelChange)="onModelChangedFrom($event)"
[selectMode]="'rangeFrom'"
[owlDateTimeTrigger]="dtFrom" [owlDateTime]="dtFrom"
>
<owl-date-time #dtFrom></owl-date-time>
<mat-error>
Required Field!
</mat-error>
</mat-form-field>
<mat-form-field>
<input
matInput #refInputTo required readonly
[placeholder]="placeholderTo"
[(ngModel)]="dateTimeRange"
(ngModelChange)="onModelChangedTo($event)"
[selectMode]="'rangeTo'"
[owlDateTimeTrigger]="dtTo" [owlDateTime]="dtTo"
>
<owl-date-time #dtTo></owl-date-time>
<mat-error>
Required Field!
</mat-error>
</mat-form-field>
</div>