Primitive

PickerButton

Generic disclosure button for picker workflows.

Use PickerButton for date, time, select, and generated picker triggers. Keep picker state in components.
control
DOM renderImage render
PickerButtonDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Disclosure triggers for date, time, select, and generated pickers.
Render state

Open

Open picker state.
Render state

Time

Alternate icon for time picker workflows.
Render state

Disabled

Disabled picker trigger.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
openboolean-Open disclosure state.
iconIconName-Semantic trailing icon.
childrenReactNode-Visible picker value.