Issue with Date / Time pickers v5.0.20

[sandeep-dash]

Steps to reproduce

Link to live example: (https://codesandbox.io/p/sandbox/zealous-mahavira-g4ti1p?file=%2Fdemo.tsx)

Steps:

1. Select the DateTimePicker
2. Select a date from the calendar
3. Tab and shift focus to the time clock
4. Press 'Enter' key to make the time selection on the clock
5. The 'Enter' key does not make the time selection
6. Selecting the 'Esc' key selects the time selected by the user

Current behavior

Steps:

1. Select the DateTimePicker
2. Select a date from the calendar
3. Tab and shift focus to the time clock
4. Press 'Enter' key to make the time selection on the clock
5. The 'Enter' key does not make the time selection
6. Selecting the 'Esc' key selects the time selected by the user
7. User is also able to save a future date via Keyboard even when future dates are disabled

Expected behavior

User should be able to select a time via keyboard using the 'Enter' key instead of the 'Esc' key

Context

What we are trying to accomplish is resolve 508 accessibility compliance issues. These are a must for web based applications in USA and other countries as well. Not being able to solve this issue poses a serious challenge in delivering a bug free web application

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: DateTimePicker 508 compliance keyboard issue

Search keywords:

[LukasTy]

Hello @sandeep-dash, thank you for creating this issue.

Let me start by saying that we already have an issue (#9636) for adding the keyboard selection in TimeClock. So, if that's the only problem, it looks like the issue is a duplicate. 🤷

As mentioned in the linked issue, you can use the DesktopDateTimePicker if you'd upgrade to v6, which has a different behavior intended mostly for the desktop use.

A side note: v5 is no longer maintained, if you wish to get any bug fixes, consider upgrading to at least v6, but preferably to v7. 😉

[github-actions]

The issue has been inactive for 7 days and has been automatically closed.