fix(v8 DatePicker): Add aria-required to required DatePickers (#33239)

Author: emmayjiang

change/@fluentui-react-65309bf9-4a4c-421a-b5c7-1d88fb4e2d10.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix(v8 DatePicker): Add aria-required to required DatePickers",
+  "packageName": "@fluentui/react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react/src/components/DatePicker/DatePicker.base.tsx

@@ -496,6 +496,7 @@ export const DatePickerBase: React.FunctionComponent<IDatePickerProps> = React.f
           role="combobox"
           label={label}
           aria-expanded={isCalendarShown}
+          aria-required={isRequired}
           ariaLabel={ariaLabel}
           aria-haspopup="dialog"
           aria-controls={isCalendarShown ? calloutId : undefined}

packages/react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap

@@ -92,6 +92,7 @@ exports[`DatePicker renders DatePicker allowing text input correctly 1`] = `
             aria-expanded={false}
             aria-haspopup="dialog"
             aria-invalid={false}
+            aria-required={false}
             className=
                 ms-TextField-field
                 {
@@ -322,6 +323,7 @@ exports[`DatePicker renders DatePicker with value correctly 1`] = `
             aria-expanded={false}
             aria-haspopup="dialog"
             aria-invalid={false}
+            aria-required={false}
             className=
                 ms-TextField-field
                 {
@@ -553,6 +555,7 @@ exports[`DatePicker renders default DatePicker correctly 1`] = `
             aria-expanded={false}
             aria-haspopup="dialog"
             aria-invalid={false}
+            aria-required={false}
             className=
                 ms-TextField-field
                 {