[WNMGDS-2848] Add ds-date-field web component

[tamara-corbalt]

Summary

• Adds a new ds-date-field web component. See Jira ticket for details: https://jira.cms.gov/browse/WNMGDS-2848

How to test

• Check it out on Storybook: yarn run storybook

Checklist

• [X] Prefixed the PR title with the Jira ticket number as [WNMGDS-####] Title or [NO-TICKET] if this is unticketed work.
• [X] Selected appropriate Type (only one) label for this PR, if it is a breaking change, label should only be Type: Breaking
• [X] Selected appropriate Impacts, multiple can be selected.
• [X] Selected appropriate release milestone

If this is a change to design:

• [X] If visual regression image references have been changed, design MUST be assigned to review. In this instance, designer approval is a requirement before the PR can be merged.

If this is a change to code:

• [X] Created or updated unit tests to cover any new or modified code
• [X] If necessary, updated unit-test snapshots (yarn test:unit:update) and browser-test snapshots (yarn test:browser:update)

If this is a change to documentation:

• [X] Checked for spelling and grammatical errors

[jack-ryan-nava-pbc]

@tamara-corbalt It looks like the uncontrolled version of the React component is not functioning right because it is expecting an onChange function to be passed in.

If you observe the console while trying to make a change, you'll see a big red error blob of text.

[tamara-corbalt]

@jack-ryan-nava-pbc and & @pwolfert, I pushed up changes that should resolve the issues you called out. When time allows, let me know what you think!

[pwolfert]

If you observe the console while trying to make a change, you'll see a big red error blob of text.

@jack-ryan-nava-pbc, I realized after reading this that my PR never made onChange optional. But I don't actually know where you were seeing these errors. Can you list your reproduction steps?

[tamara-corbalt]

Hi @pwolfert! @jack-ryan-nava-pbc is out sick today. Here's how you should be able to reproduce the behavior Jack was referring to here:

1. Go to this commit: Adds new storybook-doc snapshots.
2. Run storybook locally
3. Navigate to the "Uncontrolled Component" story for the SingleInputDateField.
4. Open the browser console.
5. Choose a date on the datepicker.

You should see the type error in the console as described.