Bubble doesn’t have a native time input that feels like the wheel picker
in iOS — the one where you scroll hours and minutes as two columns, with
a highlighted band in the middle. Everything I found either used a plain
dropdown or a text input with validation, neither of which feels right
on a phone.
This one runs on native scroll-snap rather than manual touch handling,
so the momentum and snapping come from the browser for free and feel
identical to the system picker on iOS and Android.
Features:
- 24-hour or 12-hour with an automatic AM/PM column
- Any minute step (1, 5, 15…)
- Tap a row to scroll it to centre, arrow keys work too
- Transparent background by default — drops onto any group or popup
- Configurable row height, font size, colours, corner radius
Exposes hour (always 0–23), minute, a formatted value, and a display
string, plus a “value changed” event that fires once scrolling settles,
not on every frame.
Demo: https://appletimepicker.bubbleapps.io/version-test?debug_mode=true
Marketplace: https://bubble.io/plugin/appletimepicker-1787147845850x200791563525160960
If anyone’s building a date picker on the same wheel mechanic and wants
to compare notes, I’m about to start on exactly that.