Hi Bubblers!
I’m excited to share my new Ionic DateTime Picker plugin - a modern and user-friendly date and time selection solution for Bubble!
Demo page: Ionic DateTime Picker
Editor page: tomo-plugins | Bubble Editor
Plugin page: Ionic DateTime Picker Plugin | Bubble
Key Features:
- iOS/Material Design Modes - Platform-optimized design interface
- Full DateTime Selection - Various presentation styles for date and time picking
- Timezone Support - Locale customization options
- Minute Interval Settings - Flexible time increment configuration
- Extensive Theming Options - Customize colors, backgrounds, and borders
- Action Buttons - Reset, Cancel, and Confirm buttons included
- Customizable Time Label - Format time display as needed
- Event Triggers - Workflow triggers for date selection, reset, and cancel actions
You can see it in action here: Demo
2 Likes
Great job @tomo.hitoma.bubble
Is this usable outside Bubble?
and how difficult it is to add support for seconds?
TIA
1 Like
The ability to customize the padding and border roundness would be a nice addition.
1 Like
@nestormateo Thanks for your interest!
Yes, this is usable outside of Bubble as it’s built with Ionic. You can use it in any Ionic project by implementing the IonDatetime component. Check out the docs at ion-datetime: Ionic API Input for Datetime Format Picker for implementation details.
As for seconds support, it’s difficult because ion-datetime doesn’t provide a UI for selecting seconds. While seconds can be specified in ISO 8601 format, the component ignores them in the UI.
Thanks for your feedback!
@saviorabrams Thanks for your feedback!
Actually, both padding and border roundness customization are already available! You can find these options in the plugin settings under the “Appearance” tab.
Hope this helps!
1 Like
