Element: <oj-c-date-picker>

Touch Information

Target	Gesture	Action
Month/Year picker buttons	`Tap`	Toggles between Date picker mode and Month/Year picker mode.
Prev/Next buttons	`Tap`	Moves to the prev/next month in the date picker or to the prev/next decade in the year picker.
Today button	`Tap`	Navigates to the Year and Month that contains today's date.
Day Button	`Tap`	Selects this day as the current date.
Month Button	`Tap`	In the month picker, selects this month and returns to the date picker, refreshing the display to show the selected month.
Year Button	`Tap`	In the year picker, selects this year and returns to the date picker, refreshing the display to show the selected year.

Keyboard Information

Target	Key	Action
Date Picker	`Tab`	Moves the focus to next element in the date picker sequence. Only one element in the calendar grid is in the Tab sequence (current day/month/year or selected day/month/year depending on scenario). If focus is on the last tabbable element inside the date picker, moves focus off the date picker to the next tabbable element on the page.
Date Picker	`Shift + Tab`	Moves the focus to the previous tabbable element inside the date picker. If focus is on the first tabbable element inside the date picker, moves focus off the date picker to the previous tabbable element on the page.
Date Picker	`Enter/Space`	Selects the currently focused day or activates the button currently focused.
Calendar Grid	`PageUp`	Changes the calendar grid to the previous month. Moves focus to the closest day in the previous month.
Calendar Grid	`PageDown`	Changes the calendar grid to the next month. Moves focus to the closest day in the next month.
Calendar Grid	`Shift + PageUp`	Changes the calendar grid to the previous year. Moves focus to the closest day of the same month in the previous year.
Calendar Grid	`Shift + PageDown`	Changes the calendar grid to the next year. Moves focus to the closest day of the same month in the next year.
Calendar Grid	`Ctrl + Alt + T or Ctrl + Option + T`	Changes the calendar grid to the year and month that contains today's date. Moves focus to Today.
Calendar Grid	`Home`	Go to the first day of the current month.
Calendar Grid	`End`	Go to the last day of the current month.
Calendar Grid	`ArrowLeft`	Moves focus to the previous day. In RTL, this will move focus to the next day.
Calendar Grid	`ArrowRight`	Moves focus to the next day. In RTL, this will move focus to the previous day.
Calendar Grid	`ArrowUp`	Moves focus to the same day of the previous week.
Calendar Grid	`ArrowDown`	Moves focus to the same day of the next week.
Months Grid	`Enter/Space`	Selects the currently focused month and returns to the date picker, refreshing the display to show the selected month.
Months Grid	`UpArrow`	Moves focus to four months back from the current focused month.
Months Grid	`DownArrow`	Moves focus to four months ahead from the current focused month.
Months Grid	`RightArrow`	Moves focus to the next month. In RTL, this will move focus to the previous month.
Months Grid	`LeftArrow`	Moves focus to the previous month. In RTL, this will move focus to the next month.
Years Grid	`Enter/Space`	Selects the currently focused year and returns to the date picker, refreshing the display to show the selected month.
Years Grid	`PageUp`	Changes the year grid to the previous decade. The focus remains in the same location with respect to the current decade.
Years Grid	`PageDown`	Changes the year grid to the next decade. The focus remains in the same location with respect to the current decade.
Years Grid	`UpArrow`	Moves focus to four years back from the current focused year. If that year is not in the year grid, go back 1 decade.
Years Grid	`DownArrow`	Moves focus to four years ahead from the current focused year. If that year is not in the year grid, go ahead 1 decade.
Years Grid	`RightArrow`	Moves focus to the next year. In RTL, this will move focus to the previous year.
Years Grid	`LeftArrow`	Moves focus to the previous year. In RTL, this will move focus to the next year.