📅 Inline Calendar Picker
🗓️ Single Date
Click any day. Min date = today. Shows Today + Clear buttons.
Select a date…
📏 Date Range
Click start then end — or drag. Weekends disabled.
Select a range…
🔢 Multiple Dates
Click to toggle individual dates. Max date = 3 months from now.
🗓️ Granularity Modes
📆 Week Picker
Select an entire week. Week numbers shown on left — click to
select that week too.
Select a week…
🗓️ Month Picker
Opens directly in month view — no day grid shown.
Select a month…
🗓️ Year Picker
Opens directly in year view — no day grid shown.
Select a year…
💬 Popover Mode (Auto-flip)
📅 Date Popover
Click the input to open. Smart positioning — flips if near edge.
Click input above…
📏 Range Popover
Confirm/Cancel buttons visible. Locale: fr-FR.
Click input above…
🔢 Multi-date Popover
Select multiple dates. Confirm when done.
Click input above…
🪟 Modal Mode
📅 Single + Confirm
Opens as centred overlay. Press Escape or Cancel to dismiss.
Waiting…
📏 Date Range Modal
Select a start and end date in a modal.
Waiting…
🔢 Multi-select Modal
Select multiple non-contiguous dates.
Waiting…
🎨 Custom Themes & Renderers
🎨 Custom Accent Color
Pick a swatch then the calendar updates instantly.
Select a date…
🎭 Custom renderDay
Emojis injected into day cells. Even days get 🌟, odd days 🔵.
Select a date…
🆕 Advanced DatePicker Features
📅 Range Presets
Select a preset or pick a range…
⏱️ Datetime with Seconds
Pick a date + time…
📋 Paste from Clipboard
Copy any date string (e.g. 2026-06-15 or
June 15, 2026), click the calendar below, then press
Ctrl/Cmd+V.
Waiting for paste…
🎡 iOS Wheel Picker (MomentumPicker)
📅 Date Wheel
Year · Month · Day columns. 3D cylindrical effect!
Waiting…
⏰ Time Wheel
Hour · Minute — 5 min step.
Waiting…
📆 DateTime Wheel
All 5 columns. Formatted output.
Waiting…
📝 Inline Display Mode
Permanently visible inside a container without an overlay
backdrop. Since there is no "Done" button, it updates live.
🎈 Popover Display Mode
Anchored directly to a trigger element with smart positioning.
Waiting…
🎨 Style Showcase
Currently showing: Modal