Component Library

Date Picker

Issue Description

The data picker icons are not in the tab order and not accessible by keyboard.

Recommendation

There are 2 options to fix this issue,

  1. Add the date format to the label and insert a calendar icon right next to the label, but should not set tab focus. This way calendar is only visible and available for mouse users.
  2. Replace the datepicker with an accessible widget.

https://dequeuniversity.com/library/aria/date-picker