Summary

This issue originates from this comment in #5374:

The date picker component has some quirks with keyboard navigation in VoiceOver:

• ⚠️ When VoiceOver is turned on in Chrome and Safari, the up and down arrows stop working as expected after using the Tab key anywhere in the component. (This matches the behavior in develop and also occurs in your div-based demo)
  • Note: This issue does NOT happen when using VO + Up/down arrow (This is an improvement over develop)
• ⚠️ When VoiceOver is turned on in Firefox, the up and down arrows close the dialog when VoiceOver is turned on (This matches the behavior in develop and also occurs in your div-based demo)
  • Note: This issue does NOT happen when using VO + Up/down arrow (This is an improvement over develop)
• ⚠️ When VoiceOver is turned on in Firefox and VoiceOver Gestures is turned on in iOS Safari, you cannot move to another month with the left/right arrows. You must use the top navigation to move to next/previous month. (This matches the behavior in develop)