A simple Time Picker input element using Flatpickr. Let users select or type times with validation, styling, and full Bubble workflow integration.
- Easily customize the input's font face, font size, font weight, background color/gradient, border color, border width, border roundness, and shadow style properties
- Access the input's current value in multiple ways, including a Bubble Date type with a base date you can dynamically set
- Enforce allowed time ranges with built-in validation by setting min and max times
- Dynamically set the minute increment setting
- Optionally enforce Minute Increment" to snap selected times to the nearest valid interval, based on the minute increment
- Use Bubble's native auto-binding feature to bind the time picker directly to a date field in your app’s database

Demo page: https://rkzdigital.com/time-picker-pro

Editor demo: https://bubble.io/page?id=rkz-digital-demos&tab=Design&name=time-picker-pro&type=page&elements=bTLdP