Repository: Hacker0x01/react-datepicker (ts)

Issue:
The calendar dialog is missing an accessibility property
**Describe the bug**
According to the ARIA authoring practices guide the dialog should contain an aria-label. [Link](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/#:~:text=dialog%20is%20modal.-,aria%2Dlabel%3D%22string%22,-div)


**To Reproduce**

1. Open up calendar
2. Notice there is no aria-label on the aria-modal

**Expected behavior**
aria-label should be set on the aria-modal dialog to something like "choose date".

**Screenshots**
![image](https://github.com/Hacker0x01/react-datepicker/assets/125996778/6c785029-0a32-4781-9ab6-c604cdef569c)

**Additional context**
This is our last open issue from our accessibility vendor on our date picker component. Good job!


Pull request description:
Add aria-label to calendar container for accessibility
Fixes #4555

Patch:
diff --git a/src/calendar_container.jsx b/src/calendar_container.jsx
index f02348e1..346d0b06 100644
--- a/src/calendar_container.jsx
+++ b/src/calendar_container.jsx
@@ -3,7 +3,7 @@ import React from "react";
 
 export default function CalendarContainer({ className, children }) {
   return (
-    <div className={className} role="dialog" aria-modal="true">
+    <div className={className} role="dialog" aria-label="Choose Date" aria-modal="true">
       {children}
     </div>
   );


Test patch:
diff --git a/test/calendar_test.test.js b/test/calendar_test.test.js
index d452add0..e21a25a1 100644
--- a/test/calendar_test.test.js
+++ b/test/calendar_test.test.js
@@ -1833,6 +1833,7 @@ describe("Calendar", () => {
       expect(dialog).not.toBeNull();
       expect(dialog.getAttribute("role")).toBe("dialog");
       expect(dialog.getAttribute("aria-modal")).toBe("true");
+      expect(dialog.getAttribute("aria-label")).toBe("Choose Date");
     });
   });
 });