MARKETPLACE
PLUGINS
DATE RANGE PICKER
Date Range Picker logo

Date Range Picker

Published October 2025
   •    Updated this week

Plugin details

This plugin allows you to pick a date range from a calendar.
You can use this to filter data sources, or select dates to additems that contain date range fields.

You can NOT clear a selected value, yet.
You can NOT set a preselected value yet.
You can NOT set a minimum/maximum value, yet.

I'll add those once I have more free time.
This is my first element plugin, for free. Please be nice.

*This is a fork from Tony(Empatech) and Scott3's plugins. I've forked as I didn't want the pre-selected date and the options on the left.

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Vitor Coelho logo
Vitor Coelho
Joined 2022   •   7 Plugins
View contributor profile

Instructions

1. Install this plugin. 2. Go to Settings Tab -> General -> General Appearance -> tick 'Expose the option to add an ID attribute to HTML elements'
3. Insert 'Date Range Picker' from 'Visual elements' in the page.
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