Material-ui: [DatePicker] keyboard accessibility

Created on 22 Nov 2016 · 5Comments · Source: mui-org/material-ui

Isn't there a way to focus the datepicker and timepicker through keyboard during the normal navigation using the tab key?

Related issue: #3933.

accessibility DatePicker

Source

paramsingh88

👍2

Most helpful comment

Seems like all the PRs related to this have been closed. Is there currently any work being done on adding tab-support to the datepicker?

zbabtkis on 17 Feb 2017

👍9

All 5 comments

I have the same issue. Anyone solved it somehow?

rszczypka on 30 Nov 2016

👍1

I see the onFocus event gets called when DatePicker's TextField receives focus, however the TextField is not hightlighted to indicate focus.

Additionally, onKeyDown does not trigger when DatePicker is focused.

kbrownhbs on 1 Dec 2016

I added this fix... The DatePicker was actually receiving focus, but the component was triggering blur on the TextField in the DatePicker. Also missing from the DatePicker was the onBlur function, which the documentation already listed, but wasn't actually in the component.

With the PR it will cycle through the DatePicker and TimePicker and show/dismiss the DatePickerDialog as it focuses/blurs.

Perhaps it was a design choice to blur the TextField when it receives focus, but it didn't make much sense to me.