Native Date Picker — Custom & Styled
A fully custom date picker that inherits your app's typography and fits seamlessly into any Bubble design system — no ugly browser-native UI, no styling limitations.

Why it's better than Bubble's built-in date picker:

Fully styled — border, border-radius, colors, fonts all match your design system. No more fighting the browser's default date input that looks different on every OS and can't be customized.

Smart keyboard input — type your date directly in DD/MM/YY format with auto-advancing segments (day → month → year). Click any segment to edit it independently. Use arrow keys, Tab, Ctrl+A — it behaves like a real input.

Three navigation modes — switch between day grid, month picker, and year picker with a single click. Jump to any date in seconds without scrolling through months.

Multi-instance safe — open one picker and all others close automatically. Closes on outside click and scroll, even inside repeating groups.

Visual feedback — the trigger highlights when open so users always know which picker is active. Selected date is clearly highlighted in the calendar grid.

Clear button — a one-click × button lets users reset the date and triggers the event with a null value, ready to wire up in your Bubble workflows.

Initial date support — populate the picker from a parent group or data source with the initial_date property.

Exposes a clean value_date state (type Date) and a date_selected event — plug it directly into your workflows.

🔜 Coming in next version: time selection (hours & minutes) — pick a full datetime in one unified component.