Va-memorable-date Web Component Displays Multiple Error Styling

[adam-antonioli]

Bug Report

• [X] I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

When using the va-memorable-date web component, when entering not-a-number into any of the fields, a main error for the component is displays as expected, but a second error is also displayed on the specific field. This does not happen during other validation.

https://github.com/user-attachments/assets/556d6764-d4ea-44ac-9e0e-1a7e865e395d

What I expected to happen

Only the main error for the overall component should display for all validation types.

Reproducing

Steps to reproduce:

1. Go to: https://design.va.gov/storybook/?path=/docs/uswds-va-memorable-date--docs
2. Enter not-a-number in any of the fields in the demo. (See video above)

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• [X] This bug is blocking work currently in progress
• [ ] This bug is affecting work currently in progress but we have a workaround
• [ ] This bug is blocking work planned within the next few sprints
• [ ] This bug is not blocking any work
• [ ] Other

[caw310]

Hey team! Please add your planning poker estimate with Zenhub @Andrew565 @ataker @harshil1793 @it-harrison @jamigibbs @micahchiang @powellkerry @rmessina1010 @rsmithadhoc

[jamigibbs]

I think this might be a related issue because of the va-text-input component:

• https://github.com/department-of-veterans-affairs/vets-design-system-documentation/issues/3113

[caw310]

Closing as this was resolved with #3113