Update the Date input field to use the USWDS Memorable date component

[r-bartlett-gsa]

For USAGov Team

As a benefits tool user, in order to successfully input my information, I would like the benefit tool's date input fields to be clearly defined, simple and inclusive.

Acceptance criteria:

• Update date input field to match USWDS inclusive patterns recommendations
• Bold "Your date of birth is" font, so it matches the style of other questions in that section

Resources:

• Design review document (Current design review #553)
• Design prioritization spreadsheet
• USWDS Inclusive Patterns

Definition of Done:

• Code complete
• Tests coverage is greater than team benchmark (90% goal)
• Security scans passed
• Acceptance Criteria is met and it works as expected
• Accessibility tested
• Cross browser tested
• Build process and deployment is automated and repeatable
• Load testing/performance testing
• Self Documentation whenever possible
• Feature toggles if appropriate
• Deployed to staging
• Usability testing
• PR approved / Peer reviewed
• A11y tested by Meghan
• PO approved (UX, usability, edge cases)

More details about each item can be find in BEARS P4 DoD google doc

QA checklist

[danny-englander]

Just adding that this would be the Memorable date component seen here: https://designsystem.digital.gov/components/memorable-date/