Date/Time Picker (Multi-Mode) is the date and time input Bubble was always missing. Built to replace the native element and go far beyond what most plugins offer, it brings single, multiple, and range date selection together with a fully integrated time picker in one polished component. Fully customizable through over 100 properties, giving you complete control over every visual and behavioral detail.
This plugin is part of Newed UI - Component Library, a growing library of advanced, highly customizable components for Bubble. Each component is built from scratch, carefully designed, and tested in real applications to deliver the level of control, polish, and reliability that native Bubble elements often don’t provide. Look for other Newed plugins in the marketplace.



Key Features

Flexible Selection
✅ Single, multiple, and range date selection in one component
✅ Integrated time picker with hour, minute, and second columns
✅ Configurable step intervals for hours, minutes, and seconds
✅ Disable specific dates, weekdays, and time ranges
✅ Set minimum and maximum dates and time limits
✅ Maximum selection limit for multiple and range modes

Locale & Timezone
✅ Built-in locale support for dates, month names, weekday and time labels
✅ System or custom IANA timezone with automatic fallback
✅ 12h and 24h time formats with AM/PM tab control
✅ Weekday labels with configurable capitalization

Fully Customizable
✅ Over 100 properties for complete visual and behavioral control
✅ Circle or square selection shape for calendar days and time picker options
✅ Glassmorphism effect with six intensity levels
✅ Custom placeholder, icon placement, and display formats for date and time
✅ Fully customizable item states: available, hovered, selected, and disabled
✅ Seamless integration with native Bubble styles while preserving a consistent appearance across browsers and matching your app design
✅ Advanced visual customization including custom scrollbars, modern glass effects, and a built in icon library

Smooth User Experience
✅ Configurable tooltip on hover showing all selected dates
✅ Smooth animation types with smart directional positioning that adapts beautifully to any screen
✅ Keyboard ready with support for Tab, Enter, Space, and Escape
✅ Handles required and invalid states with customizable styling that integrates with Bubble styles

Workflow Friendly
✅ Exposed states for selected values in all selection modes, validity, focus, and active locale and timezone
✅ Required field validation with touch-aware invalid state
✅ Focus action that can be triggered from anywhere for full workflow control
✅ Reset action with flexible behavior that integrates with native Bubble actions or custom workflows
✅ Value changed event for seamless Bubble integration
✅ Built with pure CSS and JavaScript for maximum performance and reliability, powered by Luxon for locale and timezone support

*The Demo Preview includes the full documentation and examples to help you get set up correctly.



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.