Forms

Date-Time Input

A native local date and time input without implicit timezone conversion.

idle

Usage

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

Local time for the Product team workspace.

Guidance	Practice
Do	Show the intended timezone beside local date and time entry. Preserve the user's entered value on validation failure.

Guidance	Boundary
Scope	The control does not perform timezone conversion. The application resolves ambiguous or nonexistent local times.

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 YYYY-MM-DDTHH: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 date and time input without implicit timezone conversion.

idle

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

Local time for the Product team workspace.

Guidance	Practice
Do	Show the intended timezone beside local date and time entry. Preserve the user's entered value on validation failure.

Guidance	Boundary
Scope	The control does not perform timezone conversion. The application resolves ambiguous or nonexistent local times.

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 YYYY-MM-DDTHH: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.