MARKETPLACE
PLUGINS
MULTIPLE DATE TIME RANGE PICKER
Multiple Date Time Range Picker logo

Multiple Date Time Range Picker

Published February 2021
   •    Updated January 2026

Plugin details

This plugin allows you to pick a date range from a calendar. To choose multiple date ranges, simply put in more calendar elements!
Credits to Scott3 which this plugin is based on.

https://bubble.io/contributor/scott3-1511386472596x413652224931865900

Free

For everyone

3.0 stars   •   9 ratings
3.4K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Tony @ Empatech logo
Tony @ Empatech
Joined 2020   •   58 Plugins
View contributor profile

Instructions

1. Search for 'Multiple Date Time Range Picker' Plugin and install 2. Go to Settings Tab -> General -> General Appearance -> tick 'Expose the option to add an ID attribute to HTML elements'
3. Insert 'DateTime Range Picker' from 'Visual elements'
4. Place any element that will serve as the 'button' to open calendar  (no workflow required)
5. Under step 4's element, set ID attribute(last option in your element window!)  to be the same as your 'dateTime Range Picker' element ID field.
6. You're done! You may use the result either as a display or in your workflow.

Follow demo at : https://multiple-date-time-range-picker-demo.bubbleapps.io/

Types

This plugin can be found under the following types:
Element

Categories

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.0)

Great plugin – just one small feature request!
November 30th, 2025
I need an option to disable the default value from being automatically selected/picked when the element loads. In my use case I want the field to start completely empty (no pre-selected option) so the user is forced to make an active choice.Please feel free to reach out: [email protected]
Its fast, easy to use, but lacks essential parameters
October 17th, 2025
Its really fast, easy UI, but it also comes with the current month pre-selected. You can't change this pre-selection nor set it to blank (even if you uncheck the "current month" option. You also can't set a minimum and maximum value. You can't change the options language.
I've forked your plugin to remove the preselected dates, giving you credit. I'll delete if/once you implement that.
October 17th, 2025
  •  
Original reviewer
Terrible
March 5th, 2024
Poor information about how to use it.
Can't set the initial values to even just be blank? Really? C'mon man
March 31st, 2022
Can't set the initial values to even just be blank? Really? C'mon man this makes no sense why it doesn't at least start out with a blank value. I am using this to filter data but to my users it looks as if there is missing data but they are missing the fact that the dates are preset to the first and last day of the current month. Really, this is so dumb that it is done this way.
Falls short
March 17th, 2022
Has potential unfortunately falls short on the basics of setting initial values, workflow events (onchange).
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales