DatePicker

When to use

Use when users need to select a date, date range, or date+time.

When not to use

For known dates like birthdays, a simple text input with a format hint is faster than clicking through a calendar.

Guidelines

• Allow typing: Let users type a date as well as pick from the calendar.
• Format hint: Show the expected format (e.g. MM/DD/YYYY) near the field.
• Sensible defaults: Open the calendar to today or the most likely date.

How it works