Prepared Docs

The @prepared911/ui-calendar package exposes three related pieces:

TimePicker: Input with type="time", optional Label, and SVGAsset.Time tail icon by default.
TimeRangePicker: controlled wrapper around TimeRangeInputs with value: { start, end } as HH:mm strings and optional maxRange (hours).
TimeRangeInputs: low-level pair of start/end time fields with change handlers.

TimePicker props

Name	Type	Description
`id`	`string`	Required; associates `Label` and input.
`value`	`string`	`HH:mm` value for native time input.
`onChange`	`(value: string) => void`	Change handler.
`label`	`string`	Overrides default translated “Time” label.
`hideLabel`	`boolean`	Hide label when an outer label exists.
`disabled`	`boolean`	Disables the input.
`tailIcon`	`SVGAsset`	Optional icon override.

TimeRangePicker props

Name	Type	Description
`value`	`{ start: string; end: string }`	Time strings.
`onChange`	`(value) => void`	Emits updated range.
`disabled`	`boolean`	Disables both fields.
`maxRange`	`number`	Maximum span in hours.

Import

Examples

Previous

Time Picker / Usage

Next

Time Picker / Accessibility

TimePicker props

TimeRangePicker props