Как создать средство выбора длительности в материале Angular в Angular 8

Question

Я рассчитываю реализовать продолжительность, которая может захватывать ввод в формате ЧЧ: ММ. Mat-datepicker может быть опцией, но ограничением будет то, что он позволит захватывать время в течение 24 часов, но поле ввода также должно быть способно захватывать ввод, например, 32:45, то есть 34 часа и 45 минут.

Я не уверен, сможем ли мы достичь с помощью выбора даты и времени. Захват с одним только полем ввода циновки также будет отличным.

<mat-form-field>
 <mat-label>Enter the Duration</mat-label>
 <input matInput [matDatepicker]="picker">
 <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
 <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

Answer 1

Я разработал директиву для DurationPicker, которая может быть применена к полю ввода Mat *

Демонстрация по ссылке ниже

https://stackblitz.com/edit/angular-lyajg3?file=src%2Fapp%2Fmy-duration-picker-directive.ts