MARKETPLACE
PLUGINS
SMART DATE & TIME PICKER
Smart Date & Time Picker logo

Smart Date & Time Picker

Published November 2025
   •    Updated May 2026

Plugin details

EN A modern, fully customizable Date & Time Picker for Bubble!
With a beautiful popup calendar and time selector, this plugin lets you easily manage date, time, and month inputs — with full control over colors, borders, padding, and themes (light, dark, normal, or custom).

🔹 Works natively with Bubble inputs
🔹 Popup opens up or down (your choice!)
🔹 Supports custom icons, padding, and flexible layouts
🔹 Built for clarity — ideal for dashboards, HR tools, and booking apps
🔹 No external libraries — pure JavaScript, fast, and responsive

Bring a professional and elegant experience to your Bubble app with Smart Date & Time Picker.

BR

Um seletor moderno e totalmente personalizável de data e hora para Bubble!
Com um popup elegante de calendário e seleção de tempo, esse plugin permite escolher datas, horas e meses com total controle sobre cores, bordas, arredondamento e temas (claro, escuro, normal ou personalizado).

🔹 Compatível com os inputs nativos do Bubble
🔹 Escolha se o popup abre para cima ou para baixo
🔹 Ícone personalizável, padding ajustável e layout flexível
🔹 Ideal para sistemas administrativos, RH e agendamentos
🔹 Desenvolvido em JavaScript puro — leve, rápido e sem dependências externas

Leve uma experiência profissional e elegante ao seu aplicativo com o Smart Date & Time Picker.

DEMO:
https://bubble.io/page?id=date--time-picker&test_plugin=1762825688632x268099702224584700_current&tab=Design&name=index&elements=bTHDl


PREVIEW:
https://date--time-picker.bubbleapps.io/version-test

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Rafael Grosso logo
Rafael Grosso
Joined 2023   •   10 Plugins
View contributor profile

Instructions

EN
Drag the Smart Date & Time Picker element onto your Bubble page.

Choose the picker format: Date, Time or DateTime.

Set your theme (light, dark, normal, or customized).

Optionally define custom colors, icon, popup direction, and padding.

Use the states date and date_string or trigger the dateready event in your workflows.

💡 Tip:
For full customization, set Color Scheme to Customized and define your own colors and borders.

BR

Arraste o elemento Smart Date & Time Picker para a sua página no Bubble.

Escolha o formato do seletor: Data, Hora ou Data/Hora.

Selecione o tema (claro, escuro, normal ou personalizado).

Caso queira, defina suas próprias cores, ícone, direção do popup e espaçamento interno.

Use os estados date e date_string ou o evento dateready nos seus workflows.

💡 Dica:
Para personalização total, defina o esquema de cores como Customized e escolha suas próprias cores e bordas.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Calendar   •   Mobile   •   Data (things)   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble