MARKETPLACE
PLUGINS
MULTIPLE DATETIME RANGE PICKER
Multiple DateTime Range Picker logo

Multiple DateTime Range Picker

Published February 2021
   •    Updated June 2025

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

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

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:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble