Timepicker

Time input with a dropdown of options at set intervals, built on MatTimepicker

Contents

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.