fix: apply aria-details on the calendar (#8042)

* fix: pass aria-details to the calendar props

* add: aria prop test for calendar

Author: Persists

packages/@react-aria/calendar/src/useCalendarBase.ts

@@ -93,6 +93,7 @@ export function useCalendarBase(props: CalendarPropsBase & DOMProps & AriaLabeli
   return {
     calendarProps: mergeProps(domProps, labelProps, {
       role: 'application',
+      'aria-details': props['aria-details'] || undefined,
       'aria-describedby': props['aria-describedby'] || undefined
     }),
     nextButtonProps: {

packages/react-aria-components/test/Calendar.test.js

@@ -83,6 +83,21 @@ describe('Calendar', () => {
     }
   });
 
+  it('should support aria props on the Calendar', () => {
+    let {getByRole} = renderCalendar({      
+      'aria-label': 'label',
+      'aria-labelledby': 'labelledby',
+      'aria-describedby': 'describedby',
+      'aria-details': 'details'
+    });
+
+    let group = getByRole('application');
+    expect(group).toHaveAttribute('aria-label', expect.stringContaining('label'));
+    expect(group).toHaveAttribute('aria-labelledby', expect.stringContaining('labelledby'));
+    expect(group).toHaveAttribute('aria-describedby', 'describedby');
+    expect(group).toHaveAttribute('aria-details', 'details');    
+  });
+
   it('should support custom CalendarGridHeader', () => {
     let {getByRole} = render(
       <Calendar aria-label="Appointment date">