Input Date Picker
A text input with an integrated calendar dropdown for selecting dates. Supports typed input and click-to-pick.
Default (MM/DD/YYYY)
Type a date or click the calendar icon to pick one. Default format is MM/DD/YYYY.
Pre-selected Date
Initialized with a value. The calendar opens to the correct month.
Selected: March 15, 2025
DD/MM/YYYY Format
European date format. The placeholder and parsing adapt to the format string.
ISO Format (YYYY-MM-DD)
ISO 8601 format commonly used in databases and APIs.
Required with Error
Shows required asterisk and error state with a message.
Disabled
Input and calendar icon are both disabled.
With Help Icon
Shows a help tooltip icon next to the label.
Side by Side
Two date pickers in a row for start/end date scenarios.