Accessibility in .NET MAUI Date Time Picker (SfDateTimePicker)
21 Jan 20251 minute to read
The .NET MAUI Date Time Picker control has interact with the Header, Column Header, Footer, and Picker Items.
Header Layout
The SfDateTimePicker control has interact header text with localization of header layout. It contains DateFormat and TimeFormat property of the DateTimePickerHeaderView. For example,
| Format | Accessibility |
|---|---|
| Date Format | 1/January/2023 |
| Time Format | 10:15:30 AM (or) PM |

Column Header Layout
The SfDateTimePicker control has interact column header text with localization of column header layout. It contains DayHeaderText, MonthHeaderText, YearHeaderText, HourHeaderText, MinuteHeaderText, SecondHeaderText, and MeridiemHeaderText properties in the DateTimePickerColumnHeaderView. The default value of DayHeaderText is “Day”, MonthHeaderText is “Month”, YearHeaderText is “Year”, HourHeaderText is “Hour”, MinuteHeaderText is “Minute”, SecondHeaderText is “Second”, and MeridiemHeaderText is “string.Empty”.

Footer Layout
The SfDateTimePicker control has interact validation buttons (OK and Cancel) with localization of footer layout. The Default value of the OkButtonText property is “OK”, and CancelButtonText is “Cancel”.

Picker Items
The SfDateTimePicker control has interact with the item source in picker items. The item source contains based on the Date Format and Time Format. For example,
| Format | Example |
|---|---|
| d, M, h, H | 1 |
| dd, MM, hh, HH, mm, ss | 01 |
| MMM | January |
| yyyy | 2023 |
| tt | AM/PM |

Keyboard
SfDateTimePicker supports selection using keyboard interactions.
| Key | Description |
|---|---|
| Tab | Focus the picker. |
| Enter | Opens the selected picker. |
| DownArrow | Selects an item from the currently expanded list by moving downwards. |
| UpArrow | Selects an item from the currently expanded list by moving upwards. |
| RightArrow/Tab | Navigates through the selected item in the right direction. |
| LeftArrow/Shift+Tab | Navigates through the selected item in the left direction. |
| Esc/Enter | Exit and commit selection. |