Time Pickers

Time pickers collect an hour and a minute, sometimes a second, sometimes a pair of them marking a span.

Get Pro to installPro12 blocksReact, Vue and Figma

Every block in the set#

Booking a slot in one card: a real calendar, then hour, minute and am / pm wheels on one lens

Picking day and time as one sentence: the headline is the answer

Wheels that only stop on free times, read in either zone

The same booking flow with a glanceable time: the picked day named, the minute read out over a ruler you can fling

Booking where the session is drawn to scale on the day, hatched where it is taken

A reminder that turns on, takes a note and picks how long before it rings

Availability windows, quiet hours, opening times: several From / To spans per day

Seeing a whole day of hours at once, and what it means in another time zone

Hours for several days, entered from the keyboard

Durations and countdowns set in place: a trigger that names the timer and opens hour, minute and second spinbuttons

Timers that usually come from a few presets, then a fine-tune

A picker that becomes the running timer

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.