fix(ui): improve DateRangePicker accessibility and fix docs link

- Add aria-label="Open calendar" and aria-hidden on icon for the calendar trigger button
- Add aria-hidden on nav button icons (React Aria provides built-in labels for prev/next slots)
- Update React Aria docs link to react-aria.adobe.com format

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
Made-with: Cursor

docs-ui/src/app/components/date-range-picker/page.mdx

@@ -17,8 +17,7 @@ import { CodeBlock } from '@/components/CodeBlock';
 import { ReactAriaLink } from '@/components/ReactAriaLink';
 
 export const reactAriaUrls = {
-  dateRangePicker:
-    'https://react-spectrum.adobe.com/react-aria/DateRangePicker.html',
+  dateRangePicker: 'https://react-aria.adobe.com/DateRangePicker',
 };
 
 <PageTitle

packages/ui/src/components/DateRangePicker/DateRangePickerCalendar.tsx

@@ -42,11 +42,11 @@ export const DateRangePickerCalendar = () => {
     <RangeCalendar className={classes.root}>
       <header className={classes.header}>
         <Button slot="previous" className={classes.navButton}>
-          <RiArrowLeftSLine size={16} />
+          <RiArrowLeftSLine size={16} aria-hidden="true" />
         </Button>
         <Heading className={classes.heading} />
         <Button slot="next" className={classes.navButton}>
-          <RiArrowRightSLine size={16} />
+          <RiArrowRightSLine size={16} aria-hidden="true" />
         </Button>
       </header>
       <CalendarGrid className={classes.grid}>

packages/ui/src/components/DateRangePicker/DateRangePickerGroup.tsx

@@ -53,8 +53,8 @@ export const DateRangePickerGroup = ({ dataSize }: { dataSize?: string }) => {
           )}
         </DateInput>
       </div>
-      <Button className={classes.button}>
-        <RiCalendarLine size={16} />
+      <Button className={classes.button} aria-label="Open calendar">
+        <RiCalendarLine size={16} aria-hidden="true" />
       </Button>
     </Group>
   );