fix(Calendar): year prev/next buttons don't lose focus when they become disabled (#36343)

Author: smhigley

change/@fluentui-react-calendar-compat-0d9c3499-7ea6-4f4f-b600-420607d2c351.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix(Calendar): year prev/next buttons don't lose focus when they become disabled",
+  "packageName": "@fluentui/react-calendar-compat",
+  "email": "sarah.higley@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-calendar-compat/library/src/components/CalendarYear/CalendarYear.tsx

@@ -245,11 +245,12 @@ const CalendarYearNavArrow: React.FunctionComponent<CalendarYearNavArrowProps> =
   return (
     <button
       className={mergeClasses(classNames.navigationButton, disabled && classNames.disabled)}
+      aria-disabled={disabled}
+      tabIndex={disabled ? -1 : undefined}
       onClick={!disabled ? onNavigate : undefined}
       onKeyDown={!disabled ? onKeyDown : undefined}
       type="button"
       title={ariaLabelString}
-      disabled={disabled}
     >
       {direction === CalendarYearNavDirection.Previous ? navigationIcons.upNavigation : navigationIcons.downNavigation}
     </button>