Issue Summary

The button type date picker element in the Create object modal for the "Last Serviced" edit field has missing keyboard support.

Steps to Reproduce

1. Launch the URL
2. In the Insights section, navigate to the main content area where the Create object button is present and activate it.
3. A modal will appear to Create an object, navigate into it and select Object Type as "Servers".
4.  Once the servers option is selected, form fields for Servers will appear. Navigate to the Last Serviced form field having a Date picker element.

Screenshot

Actual Results

In the Create object modal, when the "Servers" option for the object type is selected, the form field for Last serviced has a date picker element which has missing keyboard support. This element could be active with a mouse click but no keyboard and screen reader focus is received as it is coded into a span element. This made it difficult for screen reader users and only keyboard users to access the functionality associated with it.

Expected Results

Apply the following changes:

• Provide role="button" for the <div> element containing the mentioned element.
• Remove the span element as it does not allow to receive the keyboard and screen reader focus.
• A working accessible example could be found at: https://pauljadam.com/guides/datepickers.html 

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available.

Bug Ref: 749682

Bulldog Ref: JSMDC-12897