🤖 Merge PR DefinitelyTyped#71920 fix(react-date-range): update AriaLabelsShape by @RobertStanyon

Author: RobertStanyon

types/react-date-range/index.d.ts

@@ -30,13 +30,17 @@ export interface RangeKeyDict {
 export type Preview = Pick<Range, "startDate" | "endDate" | "color">;
 
 export interface AriaLabelsShape {
-    dateInput?: RangeKeyDict | undefined;
+    dateInput?: {
+        [key: string]: {
+            startDate?: string;
+            endDate?: string;
+        };
+    } | undefined;
     monthPicker?: string | undefined;
     yearPicker?: string | undefined;
     prevButton?: string | undefined;
     nextButton?: string | undefined;
 }
-
 export interface ScrollOptions {
     enabled?: boolean | undefined;
     calendarWidth?: number | undefined;

types/react-date-range/react-date-range-tests.tsx

@@ -101,7 +101,18 @@ class ReactDatePicker extends React.Component<any, any> {
         return (
             <div>
                 <DateRange
-                    ariaLabels={{ yearPicker: "year-aria" }}
+                    ariaLabels={{
+                        dateInput: {
+                            selection: {
+                                startDate: "start-aria",
+                                endDate: "end-aria",
+                            },
+                        },
+                        monthPicker: "month-aria",
+                        yearPicker: "year-aria",
+                        prevButton: "prev-aria",
+                        nextButton: "next-aria",
+                    }}
                     calendarFocus="backwards"
                     className="customClassName"
                     classNames={{ dateDisplay: "dateDisplayCustom" }}