MARKETPLACE
PLUGINS
CLOCK TIME PICKER
Clock Time picker logo

Clock Time picker

Published June 2026
   •    Updated this week

Plugin details

Clock Time Picker brings an interactive, phone-style dial to your Bubble app - now with type-to-edit. Users drag the hand around a real clock face, tap a number, or type the hour and minute directly, then toggle AM/PM. It's the fast, familiar way people set times on their phones, brought to the web. Settings you control: Initial hour, Initial minute, Start as PM, Minute step (snap to 5, 15, etc.), and your own Accent color and Face color - no CSS needed.
States it exposes on every change: Hour (12h), Minute, Is PM, Time (24h text), Formatted (e.g. 02:30 PM), Total minutes (great for sorting and duration math), and As date (today) - a real Bubble date you can store and compare. A "Time changed" event lets you save or react in workflows.
Works with mouse and keyboard, fully themeable, lightweight, and zero setup. Perfect for booking, scheduling, alarms, reminders, shift timesheets, and any form where picking a time should feel effortless.

Free

For everyone

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

GoldenAxe logo
GoldenAxe
Joined 2023   •   9 Plugins
View contributor profile

Instructions

1. Drop the Clock Time Picker element onto a page and size it around 320×400 so the dial has room. 2. (Optional) Configure the fields: Initial hour (1–12), Initial minute (0–59), Start as PM, Minute step (e.g. 15), Accent color, and Face color.
3. Users set the time three ways - drag the hand, tap a number, or type into the hour/minute fields. Tap AM or PM to switch.
4. Read the result from the element's states: "Formatted" (02:30 PM) for display, "Time (24h text)" (14:30) for APIs/storage, "As date (today)" for saving and comparing, or "Hour (12h)" / "Minute" / "Is PM" / "Total minutes" for custom logic.
5. Use the "Time changed" event in a workflow to save or react to the selection.

Types

This plugin can be found under the following types:
Element   •   Event

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble