Forms

Time Input

A native local time input with the shared Input appearance.

idle

Usage

import { TimeInput } from "@mizen-labs/ui";

Local time for the Product team workspace.

Guidance	Practice
Do	State which local time the field represents. Set native bounds and step where the task requires them.

Guidance	Boundary
Scope	The value has no date or timezone. Resolve those explicitly before storing an instant.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`value / defaultValue`	`string`	`undefined`	Local value in HH:mm[:ss] format. Empty string clears the control; no implicit time zone.
`min / max`	`string`	`undefined`	Native lower and upper bounds in the same format as value.
`step`	`number \| string`	`60`	Native step in seconds. Use 1 for second precision or 900 for 15-minute intervals.
`size`	`"default" \| "sm" \| "lg"`	`"default"`	Uses the existing Input metrics and appearance.
`onValueChange`	`InputProps["onValueChange"]`	`undefined`	Receives the local string value and cancellable Base UI change details.
`name / required / disabled / readOnly / ref`	`Native input props`	`undefined`	Native form and Field behavior. Controlled values remain owned by the caller.

Forms

A native local time input with the shared Input appearance.

idle

import { TimeInput } from "@mizen-labs/ui";

Local time for the Product team workspace.

Guidance	Practice
Do	State which local time the field represents. Set native bounds and step where the task requires them.

Guidance	Boundary
Scope	The value has no date or timezone. Resolve those explicitly before storing an instant.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`value / defaultValue`	`string`	`undefined`	Local value in HH:mm[:ss] format. Empty string clears the control; no implicit time zone.
`min / max`	`string`	`undefined`	Native lower and upper bounds in the same format as value.
`step`	`number \| string`	`60`	Native step in seconds. Use 1 for second precision or 900 for 15-minute intervals.
`size`	`"default" \| "sm" \| "lg"`	`"default"`	Uses the existing Input metrics and appearance.
`onValueChange`	`InputProps["onValueChange"]`	`undefined`	Receives the local string value and cancellable Base UI change details.
`name / required / disabled / readOnly / ref`	`Native input props`	`undefined`	Native form and Field behavior. Controlled values remain owned by the caller.