[fix] DatePicker error handling not up to current USWDS spec

[jlee-enquizit]

ReactUSWDS Version & USWDS Version:
react-uswds: v4.1.0
uswds: v3.1.0

Describe the bug
There is a tooltip error that pops up on DatePicker component when there is a wrong input.
This is not compliant to the USWDS current style that highlights the whole component and displays an error message above the input. This should be the same error-handling for the phone number and zipcode inputs as well.

To Reproduce
Steps to reproduce the behavior:

1. Go to a DatePicker field
2. Type in text, anything that is not a proper date.
3. Submit or hit Enter.
4. See error

Expected behavior
The label and input should be highlighted in red with a red error message displayed above input.

Screenshots
Current:

USWDS compliant: (phone number used as example)

Additional context

Device and Browser Information (please complete the following information if describing a UI bug):

• Mac Ventura 13.2.1 (22D68)
• Chrome
• Version 110.0.5481.100

[werdnanoslen]

Hi, I've submitted #2398 to add validation controls that other inputs have, like for phone numbers. To use it, you'd need to set the fields' error and validationStatus attributes and give it an ErrorMessage component, as described in our FormGroup story.

As a side note, I (and USWDS) recommend using the date input, not date picker, component for memorable dates like DOB.