Input Time

A time picker input (HH:MM). Delegates to the native browser time picker. Supports min, max, and step constraints.

Properties

Name	Type	Default	Description
`label`	`string`	`''`	Visible label text rendered above the input.
`description`	`string`	`''`	Helper text shown below the input. Hidden when message is non-empty.
`message`	`string`	`''`	State-coloured validation message shown below the input.
`state`	`'none' \| 'error' \| 'success'`	`'none'`	Validation state. Controls border colour and message colour.
`name`	`string`	`''`	HTML name attribute for form submission.
`value`	`string`	`''`	Controlled value in HH:MM or HH:MM:SS format.
`placeholder`	`string`	`''`	Placeholder text.
`disabled`	`boolean`	`false`	Disables all interaction.
`required`	`boolean`	`false`	Marks field as required. Adds visual asterisk and aria-required="true".
`readonly`	`boolean`	`false`	Allows focus and selection but not editing.
`hideLabel`	`boolean`	`false`	Visually hides the label while keeping it as the accessible name.
`compact`	`boolean`	`false`	Enables dense mode. Reduces input height from 44 px (default touch target) to 32 px.
`autoComplete`	`string`	`undefined`	HTML autocomplete attribute passed to the inner input.
`theme`	`'dark' \| 'light'`	`'dark'`	Per-component theme override. Reflects onto host data-theme.
`min`	`string`	`undefined`	Minimum selectable time in HH:MM format.
`max`	`string`	`undefined`	Maximum selectable time in HH:MM format.
`step`	`number`	`undefined`	Step in seconds. E.g. 900 for 15-minute increments.

Name	Detail type	Bubbles	Description
`change`	`string`	Yes	Emitted when the user commits a time. Payload is HH:MM or HH:MM:SS.
`input`	`string`	Yes	Emitted on every value change.
`blur`	`FocusEvent`	No	Emitted when the input loses focus.
`focus`	`FocusEvent`	No	Emitted when the input gains focus.