Overview
Datepicker provides a calendar interface for selecting dates. Simplifies date input with visual selection instead of manual entry.
How to Use Datepicker
- Click on the date field
- A calendar popup appears
- Click on a date to select it
- The date appears in the field
- Click outside or press Enter to close
How to Navigate Months
- Click ← (Left Arrow) to go to previous month
- Click → (Right Arrow) to go to next month
- Click the Month/Year header to change month
- Click the Year to select a different year
How to Select Today's Date
- Click the calendar icon or field
- Look for a Today or Now button
- Click it to select today's date
How to Select a Date Range
- Click the start date
- Click the end date
- Both dates are selected
How to Clear a Selected Date
- Click on the date field
- Look for a Clear or X button
- Click it to clear the date
How to Set Minimum/Maximum Dates
Some datepickers restrict date selection:
- Past dates only: Cannot select future dates
- Future dates only: Cannot select past dates
- Date range: Select dates within a specific range
Quick Reference
| Action | Steps |
|---|---|
| Select Date | Click field → Click date |
| Change Month | Click arrow buttons |
| Select Today | Click Today button |
| Clear | Click Clear or X button |