Segmented date input
Segmented date input
A date input split into separate day, month and year fields, with the calendar as a secondary path rather than the only one.
Disabled
Disable the bound control, not the segments. The component mirrors the control's state onto all three fields and the calendar button.
Inputs
control : FormControl<Date>
id : string
label ?: string
Labels the group for screen readers, e.g. "Date of birth".
maxDate ?: Date
Latest selectable date. Sizes the year dropdown and bounds the calendar.
minDate ?: Date
Earliest selectable date. Sizes the year dropdown and bounds the calendar.
showCalendarPicker ?: boolean = true
Shows the calendar button as a secondary way to pick a date.
size ?: any = InputSize.MID
yearOrder ?: SegmentedDateInputYearOrder = 'descending'