Input Date Picker contains a calendar component within an input used for choosing a day of a month.
Overview
Input Date Picker is an input-driven component containing the Date Picker.
Usage
- Choosing a day
- Choosing a range of days
Sample
Accessibility
Keyboard navigation
For more detailed keyboard navigation, visit the Date Picker's keyboard navigation.
| Key | Function |
|---|---|
Tab | Moves focus in and out of the component. |
Tab and Shift | Moves focus in and out of the component. |
Arrow down | Opens and shifts focus to the calcite-date-picker component. |
Esc | When the calcite-date-picker component is open, closes the component and shifts focus back to the calcite-input-date-picker. |