Form controls · 2026-08-07

Time deserves a better interface.

Portaled pickers replaced browser-native date and time interfaces with a consistent, application-ready control family.

Choosing a date, time, month, or week should feel like part of the same system — no matter which browser is in front of the user.

Explore the components

<DateField id="start" label="Start date" value={date} onChange={setDate} />

<DateField id="time" label="Time" type="time" value={time} onChange={setTime} />

<ComboboxField id="company" label="Company" options={companies} />

Beyond the native overlay

DateField gained Opus date/time, time, month, and week pickers, removing the inconsistent browser-native experience from those workflows.

ComboboxField moved from a native datalist to a filtered, viewport-aware portaled list that behaves like the rest of the library.

Shared positioning and interaction patterns reduce the design decisions teams need to remake in every form.