Tab Behavior

The component trigger contains <auro-input> element(s) which each have two focusable elements:

1. Input
2. Clear button: only shown when the input has a value.

Each focusable element (when shown) participates in the browser window's default tabindex sequence.

When the component is disabled it is removed from the tabindex sequence. VoiceOver's virtual cursor (swipe navigation) can still encounter the component, but standard keyboard Tab navigation skips it.

Key Events Trigger input

Key	Modifier	Current State	Focus Element	Behavior
Enter	-	Collapsed	Trigger input, NOT the input clear button	Opens the calendar bib. Focus moves to the calendar grid; the active date cell is marked imperatively and announced via the aria-live region. The Enter key behavior overrides the inherited auro-dropdown key behavior outlined below.
Space	-	Collapsed	Trigger input, NOT the input clear button	Opens the calendar bib. Focus moves to the calendar grid; the active date cell is marked imperatively and announced via the aria-live region. The Space key behavior overrides the inherited auro-dropdown key behavior outlined below.

Calendar

Key	Modifier	Current State	Focus Element	Behavior
Enter	-	Expanded	Previous Month Button	Re-renders the calendar to show the previous month
			Next Month Button	Re-renders the calendar to show the next month
			Done button	Collapses the bib.
Space	-	Expanded	Previous Month Button	Re-renders the calendar to show the previous month
			Next Month Button	Re-renders the calendar to show the next month
			Done button	Collapses the bib.

Calendar grid

When the calendar bib is open, DOM focus stays on the #calendarGrid wrapper. The active cell is tracked imperatively (an active property on the cell host and an .activeCell class on its button) — no aria-activedescendant or proxy element is used. Arrow keys move the active cell indicator without wrapping; when a boundary is reached the calendar navigates to the adjacent month. A debounced aria-live region announces the full date context after navigation pauses.

Key	Modifier	Current State	Focus Element	Behavior
ArrowRight	-	Expanded	Calendar grid (any date active)	Moves the active indicator to the next day. If at the end of the month, navigates to the first focusable day of the next month.
ArrowLeft	-	Expanded	Calendar grid (any date active)	Moves the active indicator to the previous day. If at the start of the month, navigates to the last focusable day of the previous month.
ArrowDown	-	Expanded	Calendar grid (any date active)	Moves the active indicator to the same day of the week in the next week (+7 days). Navigates to the next month if needed.
ArrowUp	-	Expanded	Calendar grid (any date active)	Moves the active indicator to the same day of the week in the previous week (−7 days). Navigates to the previous month if needed.
Enter / Space	-	Expanded	Calendar grid (any date active)	Selects the active date. Blackout dates can be active but cannot be selected.
Escape	-	Expanded	Calendar grid (any date active)	Closes the calendar bib and returns focus to the trigger input.
Tab	-	Expanded	Calendar grid (any date active)	Moves focus to the next focusable element outside the calendar grid (e.g., month navigation buttons or the close button in fullscreen mode).

Key Events inherited from Auro-Dropdown

Key	Modifier	Current State	Focus Element	Behavior
Enter	-	Collapsed	Trigger or any focusable element within the trigger.	Opens the bib.
	-	Expanded	Trigger or any focusable element within the trigger.	Closes the bib.
Escape	-	Expanded	Component :host or any focusable element within the component.	Closes the bib.
Space	-	Collapsed	Trigger or any focusable element within the trigger.	Opens the bib.
	-	Expanded	Trigger or any focusable element within the trigger.	Closes the bib.