Skip to main content

Updated focus style on date picker for component consistency

What components does this change affect?

This change affects all implementations of the date picker component.

What changed

Updated date picker focus styling to improve component consistency between date picker and time picker.

Before:

101376 Date Picker Before

After:

101376 Date Picker After

Why this change was made

This update brings the date picker focus styling into closer alignment with the time picker, providing a more consistent visual experience when navigating form components using a keyboard.

Benefits include:

  • improved consistency – date picker and time picker components now use more consistent focus styling
  • improved user experience – creates a more predictable experience when navigating similar form components

Recommended checks for consuming teams

After updating your Design System packages, we recommend reviewing date picker focus behaviour in your application.

Areas worth checking:

  • focus styling displays correctly across the different date picker controls
  • date picker functionality and interactions continue to work as expected

Summary

This change updates the date picker focus styling to provide greater consistency with the time picker and other form components.

No functional or data changes are expected.

Internal reference

Design System internal reference: 98066

Was this page helpful?