Timepicker
Time selection input built on Angular Material
A timepicker component that wraps Angular Material's MatTimepicker. Provides a text input with a dropdown of time options at configurable intervals.
Inputs
control : FormControl<Date>
FormControl that holds the selected time as a Date object.
disabled : boolean
Disable the time input and toggle.
max : Date
Latest selectable time. Only the time portion of the Date is used.
min : Date
Earliest selectable time. Only the time portion of the Date is used.
displayValidation ?: boolean = true
Display the validation error message.
interval ?: TimepickerInterval = TimepickerInterval.THIRTY_MINUTES
Time step between each option in the dropdown.
label ?: string
Accessible label for the time input, used by screen readers.
maxWidth ?: boolean = false
Expands to fill the parent width instead of fitting the time value.
placeholder ?: string = '—— : —— ——'
Placeholder text shown when no time is selected.