[terra-date-picker] [terra-date-time-picker] Fixed DatePicker focus issues - Githubissues

cerner / terra-framework

Terra framework houses composed and higher order react components to help developers quickly build out new applications.

http://terra-ui.com

Apache License 2.0

67 stars 71 forks source link

[terra-date-picker] [terra-date-time-picker] Fixed DatePicker focus issues #2167

Closed adavijit closed 5 months ago

adavijit commented 5 months ago

Summary

What was changed:

Focused the button to open calendar after calendar is closed in mobile view.
Introduced a new prop disableButtonFocusOnClose to optionally disable focusing the button when the calendar is closed.
Updated jest and wdio screenshots
Fixed DatePicker Input Field Tabbing issue

Why it was changed:

The onBlur event is not triggered in mobile view for date time picker because the focus is lost after the calendar is closed.
Pressing tab from a DateTime input fields should move to the next input field not to the calendar button.

Testing

This change was tested using:

[x] WDIO
[x] Jest
[ ] Visual testing (please attach a screenshot or recording)
[ ] Other (please describe below)
[ ] No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

[ ] UX review
[ ] Accessibility review
[ ] Functional review

Additional Details

This PR resolves:

UXPLATFORM-10400 UXPLATFORM-10428

Thank you for contributing to Terra. @cerner/terra