fix(date-picker,date-range-picker): Focus outline radius

[connorlanigan]

Description

This change updates the radius of the focus outline for the dropdown part of the Date Picker and the Date Range Picker. While the dropdown acts as a container, it has a different border-radius than the Container component. The radius for the focus outline did not match this different border-radius.

Before

After

How has this been tested?

How did you test to verify your changes?
Manual testing in the browser

How can reviewers test these changes efficiently?

• Open http://localhost:8080/#/light/date-picker/simple
• Focus the input field
• Press Tab to move the focus to the button, and Enter to open the dropdown
• Observe the focus radius around the dropdown

[Check for unexpected visual regressions, see CONTRIBUTING.md for details.]

Documentation changes

Do the changes include any API documentation changes?

• [ ] Yes, this change contains documentation changes.
• [X] No.

Related Links

n/a

Review checklist

The following items are to be evaluated by the author(s) and the reviewer(s).

Correctness

• [X] Changes are backward-compatible if not indicated, see CONTRIBUTING.md.
• [X] Changes do not include unsupported browser features, see CONTRIBUTING.md.
• [X] Changes were manually tested for accessibility, see accessibility guidelines.

Security

• [X] _If the code handles URLs: all URLs are validated through the checkSafeUrl function.

Testing

• [ ] Changes are covered with new/existing unit tests?
• [ ] Changes are covered with new/existing integration tests?

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.