Choose your colors:

Foreground color
Background color

# 📅 Date/Time Input Test

### How to use

- Click the calendar icon (📅) to open the date picker
- You can also type directly in the input field
- The picker dialog is movable and non-modal
- Double-click a date to quickly confirm

Standard Inputs
Date (type="date")
Value: 2024-03-15
Date & Time (type="datetime-local")
Value: 2024-03-15T14:30
Time (type="time")
Value: 14:30
Month (type="month")
Value: 2024-03
Week (type="week")
Value: 2024-W11
With Constraints
Date with Min/Max (2024 only)
Value: (empty)
Disabled / Readonly (should NOT open picker)
Disabled Date
Disabled - should not open picker
Readonly Date
Readonly - should not open picker