New Plugin: Time Picker Pro - Time Only Input Element

[domrkz]

Hello all,

I just released Time Picker Pro, a flexible and lightweight time picker plugin for Bubble. It gives you more control, better styling options, and cleaner data handling than the built-in picker (which doesn’t have a “Time only” mode).

Demo: rkzdigital.com/time-picker-pro
Plugin: bubble.io/plugin/time-picker-pro-1754445234800x354797030018908160
Docs: rkzdigital.notion.site/Time-Picker-Pro-Plugin-Documentation
Editor Demo: Click here

Key Features

• 12-hour AM/PM format only (for now)

• Set minimum and maximum selectable times

• Set the initial value

• Exposes both text (Selected Time) and full DateTime value (Selected DateTime)

• Validation state (Is Valid) for conditional styling

• Separate states for hour, minute, and meridiem (AM/PM)

• “Reset input” action to return to the initial value

• Works with Bubble style properties for fonts, borders, and colors

• Automatically switches to OS-based time-picker on mobile

• Lightweight and built on Flatpickr

Common Uses

• Booking, event, or scheduling apps

• Forms that need time validation

• Clean, customizable UI

• Any time you need a native-like “time only” input element

I built this because I needed a better time picker for my own apps. I’m happy to add new features or updates that make it work better your projects, just let me know what would help and what you’d like to see added.

Thanks for checking it out!

Dominic
RKZ Digital

[amjad]

This is really useful. The lack of a dedicated time-only picker in Bubble has been a pain point for anyone building scheduling or booking apps. Having to use the full date-time picker and then hide or ignore the date portion always felt like a workaround.

A few things I noticed that make this stand out:

The fact that it exposes separate states for hour, minute, and AM/PM is really helpful for validation and conditional logic. Being able to set min/max selectable times is great for business hour restrictions.

The automatic switch to native OS time picker on mobile is a nice touch. Native pickers usually feel more natural to users on their phones.

Building on Flatpickr is a solid choice since it is well maintained and widely used.

One feature request if you are taking them - 24-hour format support would be great for apps targeting users in regions where that is the standard format. You mentioned 12-hour AM/PM only for now, so hopefully that is on the roadmap.

Thanks for sharing this and for providing documentation. Good luck with the plugin!

[domrkz]

@amjad Thank you for the feedback! I appreciate you taking the time to check the plugin out.

Regarding your feature request for 24-hour format support, I am actually working on it right now, and it will be added within the next couple of days!

[domrkz]

JUST ADDED: 24-hour Time Picker Pro input element

You can now choose between a 12-hour and 24-hour time picker input element using the Time Picker Pro plugin.

You can it out on the demo page: Time Picker Pro | RKZ Digital

[domrkz]

JUST ADDED: Auto-binding

You can now enable auto-binding on the parent element’s thing:

The input’s Selected DateTime value is used as the value published for auto-binding, so you can also associate a Date picker input and combine them for auto-binding.

You can test auto-binding on the Time Picker Pro demo page: Time Picker Pro | RKZ Digital