fix(storybook): Add aria-describedby to DateInput examples to date match USWDS example implementation (#3312)

Author: brandonlenz

dangerfile.ts

@@ -109,11 +109,16 @@ const checkPrDescription: () => void = () => {
 
 const checkCodeChanges: () => void = () => {
   // Request changes to package source code to also include changes to tests.
-  const hasCodeChanges = allFiles.some((p) => !!p.match(/^src\/.*\.[jt]sx?/))
+  const hasSourceCodeChanges = allFiles.some(
+    (p) => !!p.match(/^src\/.((?!\.(stories|test)\.).)*\.[jt]sx?/)
+  )
   const hasTestChanges = allFiles.some(
     (p) => !!p.match(/^src\/.*\.test\.[jt]sx?/)
   )
-  if (hasCodeChanges && !hasTestChanges) {
+  const hasStorybookChanges = allFiles.some(
+    (p) => !!p.match(/^src\/.*\.stories\.[jt]sx?/)
+  )
+  if (hasSourceCodeChanges && !hasTestChanges) {
     warn(
       'This PR does not include changes to tests, even though it affects source code.'
     )
@@ -131,11 +136,7 @@ const checkCodeChanges: () => void = () => {
   }
 
   // Require new src/components files to include changes to storybook
-  const hasStorybookChanges = allFiles.some(
-    (p) => !!p.match(/^src\/.*\.stories\.[jt]sx?/)
-  )
-
-  if (hasCodeChanges && !hasStorybookChanges) {
+  if (hasSourceCodeChanges && !hasStorybookChanges) {
     warn(
       'This PR does not include changes to storybook, even though it affects component code.'
     )

src/components/forms/DateInput/DateInput.stories.tsx

@@ -63,7 +63,10 @@ export const DateOfBirthExample = (): JSX.Element => (
     <DateInputGroup>
       <FormGroup className="usa-form-group--month usa-form-group--select">
         <Label htmlFor="input-select">Month</Label>
-        <Select id="testDateInput" name="testDateInput">
+        <Select
+          id="testDateInput"
+          name="testDateInput"
+          aria-describedby="dateOfBirthHint">
           <option>- Select -</option>
           <option value="1">01 - January</option>
           <option value="2">02 - February</option>
@@ -86,6 +89,7 @@ export const DateOfBirthExample = (): JSX.Element => (
         unit="day"
         maxLength={2}
         minLength={2}
+        aria-describedby="dateOfBirthHint"
       />
       <DateInput
         id="testDateInput"
@@ -94,6 +98,7 @@ export const DateOfBirthExample = (): JSX.Element => (
         unit="year"
         maxLength={4}
         minLength={4}
+        aria-describedby="dateOfBirthHint"
       />
     </DateInputGroup>
   </Fieldset>