Time Picker logo

Time Picker

Published August 2025
   •    Updated this week

Plugin details

A lightweight, easy-to-use time picker plugin for Bubble apps that allows users to select a time (hours, minutes, and AM/PM). The plugin supports binding to a Bubble Date field, where it keeps the original date intact and updates only the time portion. If the bound date field is empty, it defaults to today's date combined with the selected time.

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Code Bloom logo
Code Bloom
Joined 2025   •   4 Plugins
View contributor profile

Instructions

- Add the plugin element to your page. - Set the `initial_value` property:
   
   Bind this to a Bubble Date/DateTime field in your database that contains the initial date/time value you want to show. If empty, the plugin shows a blank time picker input.
   
- Use the exposed state `selected_time`:
   
   This returns a JavaScript Date object combining the original date (or today’s date if empty) and the selected time. Use this state in workflows to update your database or perform other actions.
   
- Resizing:
   
   You can resize the element width and height like any other Bubble element. The input scales accordingly.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Calendar   •   Data (things)   •   Technical   •   Productivity   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble