@fluentui/react-calendar-compat 0.0.18 → 0.0.20

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui/react-calendar-compat
 
-This log was last generated on Tue, 23 Jan 2024 15:06:23 GMT and should not be manually modified.
+This log was last generated on Tue, 06 Feb 2024 17:52:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.0.20)
+
+Tue, 06 Feb 2024 17:52:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.0.19..@fluentui/react-calendar-compat_v0.0.20)
+
+### Patches
+
+- fix: Update year and month pickers to use the correct keyboard navigation type and apply requested focus indicator width from design for day picker. ([PR #30435](https://github.com/microsoft/fluentui/pull/30435) by estebanmu@microsoft.com)
+- Bump @fluentui/react-tabster to v9.19.0 ([PR #26681](https://github.com/microsoft/fluentui/pull/26681) by beachball)
+
+## [0.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.0.19)
+
+Tue, 30 Jan 2024 23:16:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.0.18..@fluentui/react-calendar-compat_v0.0.19)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.29 ([PR #29983](https://github.com/microsoft/fluentui/pull/29983) by beachball)
+- Bump @fluentui/react-tabster to v9.18.0 ([PR #29983](https://github.com/microsoft/fluentui/pull/29983) by beachball)
+- Bump @fluentui/react-utilities to v9.18.0 ([PR #29983](https://github.com/microsoft/fluentui/pull/29983) by beachball)
+
 ## [0.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.0.18)
 
-Tue, 23 Jan 2024 15:06:23 GMT 
+Tue, 23 Jan 2024 15:10:58 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.0.17..@fluentui/react-calendar-compat_v0.0.18)
 
 ### Patches

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js

@@ -3,6 +3,7 @@ import { __styles, mergeClasses, shorthands } from '@griffel/react';
 import { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';
 import { AnimationDirection } from '../Calendar/Calendar.types';
 import { weekCornersClassNames } from './useWeekCornerStyles.styles';
+import { createFocusOutlineStyle } from '@fluentui/react-tabster';
 /**
  * @internal
  */
@@ -90,9 +91,45 @@ const useDayCellStyles = /*#__PURE__*/__styles({
     Bq9yiu4: "ftezgwa",
     cpbo2x: ["f1llk4aj", "f1d258es"],
     Bq268z6: "f1iohfpm"
+  },
+  focusIndicator: {
+    Brovlpu: "ftqa4ok",
+    B486eqv: "f2hkw1w",
+    B8q5s1w: "f8hki3x",
+    Bci5o5g: ["f1d2448m", "ffh67wi"],
+    n8qw10: "f1bjia2o",
+    Bdrgwmp: ["ffh67wi", "f1d2448m"],
+    Bb7d1vk: "f226i61",
+    zhwhgb: ["f13kzufm", "fsx75g8"],
+    dhy2o1: "flujwa2",
+    Gfyso: ["fsx75g8", "f13kzufm"],
+    Bm4h7ae: "f15bsgw9",
+    B7ys5i9: "f14e48fq",
+    Busjfv9: "f18yb2kv",
+    Bhk32uz: "fd6o370",
+    Bf4ptjt: "fh1cnn4",
+    kclons: ["fy7oxxb", "f184ne2d"],
+    Bhdgwq3: "fpukqih",
+    Blkhhs4: ["f184ne2d", "fy7oxxb"],
+    Bqtpl0w: "f1umxd9d",
+    clg4pj: ["fp9lxrq", "f4twznv"],
+    hgwjuy: "f1eh9j8j",
+    Bonggc9: ["f4twznv", "fp9lxrq"],
+    B1tsrr9: ["f1jqcqds", "ftffrms"],
+    Dah5zi: ["ftffrms", "f1jqcqds"],
+    Bkh64rk: ["f2e7qr6", "fsr1zz6"],
+    qqdqy8: ["fsr1zz6", "f2e7qr6"],
+    B6dhp37: "f1dvezut",
+    i03rao: ["fd0oaoj", "f1cwg4i8"],
+    Boxcth7: "fjvm52t",
+    Bsom6fd: ["f1cwg4i8", "fd0oaoj"],
+    J0r882: "fehyjer",
+    Bule8hv: ["f1e5jfm0", "f1e134r0"],
+    Bjwuhne: "f1ykb25c",
+    Ghsupd: ["f1e134r0", "f1e5jfm0"]
   }
 }, {
-  d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1k6fduh{cursor:pointer;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fxldao9{height:28px;}", ".f336tjw{line-height:28px;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f10pi13n{position:relative;}", ".f1w9dchk{width:28px;}", ".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}", ".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}", ".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}"],
+  d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1k6fduh{cursor:pointer;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fxldao9{height:28px;}", ".f336tjw{line-height:28px;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f10pi13n{position:relative;}", ".f1w9dchk{width:28px;}", ".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}", ".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}", ".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}", ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}", ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}", ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}", ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}", ".f1umxd9d[data-fui-focus-visible]::after{border-top-width:var(--strokeWidthThin);}", ".fp9lxrq[data-fui-focus-visible]::after{border-right-width:var(--strokeWidthThin);}", ".f4twznv[data-fui-focus-visible]::after{border-left-width:var(--strokeWidthThin);}", ".f1eh9j8j[data-fui-focus-visible]::after{border-bottom-width:var(--strokeWidthThin);}", ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}", ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}", ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}", ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}", ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}", ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}", ".fehyjer[data-fui-focus-visible]::after{top:calc(var(--strokeWidthThin) * -1);}", ".f1e5jfm0[data-fui-focus-visible]::after{right:calc(var(--strokeWidthThin) * -1);}", ".f1e134r0[data-fui-focus-visible]::after{left:calc(var(--strokeWidthThin) * -1);}", ".f1ykb25c[data-fui-focus-visible]::after{bottom:calc(var(--strokeWidthThin) * -1);}"],
   m: [["@media (forced-colors: active){.f8pusc0{background-color:Window;}}", {
     m: "(forced-colors: active)"
   }], ["@media (forced-colors: active){.fqgauei{color:WindowText;}}", {
@@ -119,7 +156,15 @@ const useDayCellStyles = /*#__PURE__*/__styles({
     m: "(forced-colors: active)"
   }], ["@media (forced-colors: active){.f1iohfpm.fui-CalendarDayGrid__pressedStyle{color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }]]
+  }], ["@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }]],
+  f: [".ftqa4ok:focus{outline-style:none;}"],
+  i: [".f2hkw1w:focus-visible{outline-style:none;}"]
 });
 const useDaySelectedStyles = /*#__PURE__*/__styles({
   base: {
@@ -421,7 +466,7 @@ export const useCalendarDayGridStyles_unstable = props => {
   return {
     wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),
     table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),
-    dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),
+    dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),
     daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),
     weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),
     weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","m","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n    wrapper: 'fui-CalendarDayGrid__wrapper',\n    table: 'fui-CalendarDayGrid__table',\n    dayCell: 'fui-CalendarDayGrid__dayCell',\n    daySelected: 'fui-CalendarDayGrid__daySelected',\n    weekRow: 'fui-CalendarDayGrid__weekRow',\n    weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n    weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n    dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n    dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n    dayButton: 'fui-CalendarDayGrid__dayButton',\n    dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n    firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n    lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n    dayMarker: 'fui-CalendarDayGrid__dayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n    hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n    pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n    base: {\n        paddingBottom: '10px'\n    }\n});\nconst useTableStyles = makeStyles({\n    base: {\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        fontSize: 'inherit',\n        marginTop: '4px',\n        paddingBottom: '10px',\n        position: 'relative',\n        tableLayout: 'fixed',\n        textAlign: 'center',\n        width: '196px'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useDayCellStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        lineHeight: '28px',\n        ...shorthands.margin(0),\n        ...shorthands.padding(0),\n        position: 'relative',\n        width: '28px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        },\n        [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                color: 'WindowText',\n                ...shorthands.outline('1px', 'solid', 'Highlight'),\n                zIndex: 3\n            }\n        },\n        [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                ...shorthands.borderColor('Highlight'),\n                color: 'Highlight'\n            }\n        }\n    }\n});\nconst useDaySelectedStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            ...shorthands.borderColor('Highlight'),\n            color: 'HighlightText',\n            forcedColorAdjust: 'none'\n        },\n        [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'HighlightText'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useWeekRowStyles = makeStyles({\n    base: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationTimingFunction: EASING_FUNCTION_1\n    },\n    horizontalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_RIGHT_IN20\n        ]\n    },\n    horizontalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_LEFT_IN20\n        ]\n    },\n    verticalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_DOWN_IN20\n        ]\n    },\n    verticalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_UP_IN20\n        ]\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none',\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    }\n});\nconst useWeekNumberCellStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2),\n        ...shorthands.borderRight('1px', 'solid'),\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground4,\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        ...shorthands.margin(0),\n        ...shorthands.padding(0),\n        width: '28px'\n    }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n    base: {\n        [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n    lightenDaysOutsideNavigatedMonth: {\n        color: tokens.colorNeutralForeground4,\n        fontWeight: tokens.fontWeightRegular,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderRadius('2px'),\n        ...shorthands.borderStyle('none'),\n        color: 'inherit',\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: 'inherit',\n        height: '24px',\n        lineHeight: '24px',\n        ...shorthands.overflow('visible'),\n        ...shorthands.padding(0),\n        width: '24px',\n        '&span': {\n            height: 'inherit',\n            lineHeight: 'inherit'\n        }\n    }\n});\nconst useDayIsTodayStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackground,\n        ...shorthands.borderRadius('100%'),\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            ...shorthands.borderColor('WindowText'),\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            backgroundColor: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        opacity: 0,\n        ...shorthands.overflow('hidden'),\n        position: 'absolute',\n        width: 0\n    },\n    verticalForward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_UP_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        marginTop: '-28px',\n        opacity: 0,\n        ...shorthands.overflow('hidden'),\n        position: 'absolute',\n        width: 0\n    },\n    verticalBackward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_DOWN_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useDayMarkerStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandForeground2,\n        ...shorthands.borderRadius('100%'),\n        bottom: '1px',\n        height: '4px',\n        left: 0,\n        ...shorthands.margin('auto'),\n        position: 'absolute',\n        right: 0,\n        width: '4px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n    corners: {\n        [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n            borderTopRightRadius: '2px'\n        },\n        [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n            borderTopLeftRadius: '2px'\n        },\n        [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n            borderBottomRightRadius: '2px'\n        },\n        [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n            borderBottomLeftRadius: '2px'\n        }\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    const wrapperStyles = useWrapperStyles();\n    const tableStyles = useTableStyles();\n    const dayCellStyles = useDayCellStyles();\n    const daySelectedStyles = useDaySelectedStyles();\n    const weekRowStyles = useWeekRowStyles();\n    const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n    const weekNumberCellStyles = useWeekNumberCellStyles();\n    const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n    const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n    const dayButtonStyles = useDayButtonStyles();\n    const dayIsTodayStyles = useDayIsTodayStyles();\n    const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n    const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n    const dayMarkerStyles = useDayMarkerStyles();\n    const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n    const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n    return {\n        wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n        table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n        dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),\n        daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n        weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n        weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n        weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n        dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n        dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n        dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n        dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n        firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n        dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n    };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,aAAa,EAAEC,cAAc,EAAEC,4BAA4B,QAAQ,aAAa;AAChP,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAG;EACzCC,OAAO,EAAE,8BAA8B;EACvCC,KAAK,EAAE,4BAA4B;EACnCC,OAAO,EAAE,8BAA8B;EACvCC,WAAW,EAAE,kCAAkC;EAC/CC,OAAO,EAAE,8BAA8B;EACvCC,gBAAgB,EAAE,uCAAuC;EACzDC,cAAc,EAAE,qCAAqC;EACrDC,gBAAgB,EAAE,uCAAuC;EACzDC,wBAAwB,EAAE,+CAA+C;EACzEC,SAAS,EAAE,gCAAgC;EAC3CC,UAAU,EAAE,iCAAiC;EAC7CC,mBAAmB,EAAE,0CAA0C;EAC/DC,kBAAkB,EAAE,yCAAyC;EAC7DC,SAAS,EAAE;AACf,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAG;EAC9CC,UAAU,EAAE,iCAAiC;EAC7CC,YAAY,EAAE;AAClB,CAAC;AACD,MAAMC,gBAAgB,gBAAGpC,QAAA;EAAAqC,IAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAIxB,CAAC;AACF,MAAMC,cAAc,gBAAGxC,QAAA;EAAAqC,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,eAAA;IAAAD,MAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,CAetB,CAAC;AACF,MAAMW,gBAAgB,gBAAGlD,QAAA;EAAAqC,IAAA;IAAAc,MAAA;IAAAC,OAAA;IAAAT,OAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAX,OAAA;IAAAY,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAtB,OAAA;IAAAuB,MAAA;IAAAhB,MAAA;IAAAG,MAAA;IAAAc,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAxC,CAAA;EAAAyC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAoCxB,CAAC;AACF,MAAMC,oBAAoB,gBAAGjF,QAAA;EAAAqC,IAAA;IAAA6C,MAAA;IAAA/B,MAAA;IAAAW,OAAA;IAAAqB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAvB,OAAA;IAAAwB,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;EAAA;AAAA;EAAArD,CAAA;EAAAyC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAa,CAAA;AAAA,CAwB5B,CAAC;AACF,MAAMC,gBAAgB,gBAAG9F,QAAA;EAAAqC,IAAA;IAAA0D,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,kBAAA;IAAAC,OAAA;EAAA;EAAAC,iBAAA;IAAAD,OAAA;EAAA;EAAAE,gBAAA;IAAAF,OAAA;EAAA;EAAAG,eAAA;IAAAH,OAAA;EAAA;AAAA;EAAA5D,CAAA;EAAAgE,CAAA;AAAA,CA8BxB,CAAC;AACF,MAAMC,yBAAyB,gBAAGxG,QAAA;EAAAqC,IAAA;IAAAoE,MAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAG,OAAA;IAAAF,MAAA;EAAA;AAAA;EAAA1D,CAAA;EAAAgE,CAAA;AAAA,CAQjC,CAAC;AACF,MAAMG,uBAAuB,gBAAG1G,QAAA;EAAAqC,IAAA;IAAA6C,MAAA;IAAAyB,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA9D,MAAA;IAAAR,OAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAV,OAAA;IAAAY,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAtB,OAAA;IAAAuB,MAAA;IAAAb,MAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,CAc/B,CAAC;AACF,MAAM2E,yBAAyB,gBAAGlH,QAAA;EAAAqC,IAAA;IAAA8E,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAtD,OAAA;EAAA;AAAA;EAAAxB,CAAA;EAAAyC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAWjC,CAAC;AACF,MAAMsC,iCAAiC,gBAAGtH,QAAA;EAAAuH,gCAAA;IAAApE,MAAA;IAAAE,OAAA;IAAAU,OAAA;EAAA;AAAA;EAAAxB,CAAA;EAAAyC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAQzC,CAAC;AACF,MAAMwC,kBAAkB,gBAAGxH,QAAA;EAAAqC,IAAA;IAAA6C,MAAA;IAAAuC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAb,MAAA;IAAAc,MAAA;IAAAC,MAAA;IAAA5E,MAAA;IAAAC,OAAA;IAAAT,OAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAyE,OAAA;IAAAC,OAAA;IAAAtE,MAAA;IAAAC,MAAA;IAAAtB,OAAA;IAAAuB,MAAA;IAAAb,MAAA;IAAAkF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAA5F,CAAA;AAAA,CAmB1B,CAAC;AACF,MAAM6F,mBAAmB,gBAAGpI,QAAA;EAAAqC,IAAA;IAAA6C,MAAA;IAAAuC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAzE,MAAA;IAAAE,OAAA;IAAAS,OAAA;IAAAqB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAvB,OAAA;IAAAwB,MAAA;IAAA8C,MAAA;IAAAzC,OAAA;EAAA;AAAA;EAAArD,CAAA;EAAAyC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAmB3B,CAAC;AACF,MAAMsD,4BAA4B,gBAAGtI,QAAA;EAAAqC,IAAA;IAAAiB,OAAA;IAAAiF,MAAA;IAAAP,OAAA;IAAAC,OAAA;IAAApF,MAAA;IAAAG,MAAA;EAAA;EAAAsD,eAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,OAAA;IAAAF,MAAA;EAAA;AAAA;EAAA1D,CAAA;EAAAgE,CAAA;AAAA,CAkBpC,CAAC;AACF,MAAMiC,2BAA2B,gBAAGxI,QAAA;EAAAqC,IAAA;IAAAiB,OAAA;IAAAV,OAAA;IAAA2F,MAAA;IAAAP,OAAA;IAAAC,OAAA;IAAApF,MAAA;IAAAG,MAAA;EAAA;EAAAqD,gBAAA;IAAAN,MAAA;IAAAC,MAAA;IAAAG,OAAA;IAAAF,MAAA;EAAA;AAAA;EAAA1D,CAAA;EAAAgE,CAAA;AAAA,CAmBnC,CAAC;AACF,MAAMkC,kBAAkB,gBAAGzI,QAAA;EAAAqC,IAAA;IAAA6C,MAAA;IAAAuC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAc,OAAA;IAAApF,OAAA;IAAAqF,MAAA;IAAA/F,OAAA;IAAAY,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAb,MAAA;IAAA+F,MAAA;IAAA5F,MAAA;IAAAc,OAAA;IAAAyB,MAAA;EAAA;AAAA;EAAAhD,CAAA;EAAAyC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAgB1B,CAAC;AACF,MAAM6D,8BAA8B,gBAAG7I,QAAA;EAAA8I,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAA3G,CAAA;AAAA,CAetC,CAAC;AACF;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAM4G,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,MAAMC,aAAa,GAAGjH,gBAAgB,CAAC,CAAC;EACxC,MAAMkH,WAAW,GAAG9G,cAAc,CAAC,CAAC;EACpC,MAAM+G,aAAa,GAAGrG,gBAAgB,CAAC,CAAC;EACxC,MAAMsG,iBAAiB,GAAGvE,oBAAoB,CAAC,CAAC;EAChD,MAAMwE,aAAa,GAAG3D,gBAAgB,CAAC,CAAC;EACxC,MAAM4D,sBAAsB,GAAGlD,yBAAyB,CAAC,CAAC;EAC1D,MAAMmD,oBAAoB,GAAGjD,uBAAuB,CAAC,CAAC;EACtD,MAAMkD,sBAAsB,GAAG1C,yBAAyB,CAAC,CAAC;EAC1D,MAAM2C,8BAA8B,GAAGvC,iCAAiC,CAAC,CAAC;EAC1E,MAAMwC,eAAe,GAAGtC,kBAAkB,CAAC,CAAC;EAC5C,MAAMuC,gBAAgB,GAAG3B,mBAAmB,CAAC,CAAC;EAC9C,MAAM4B,yBAAyB,GAAG1B,4BAA4B,CAAC,CAAC;EAChE,MAAM2B,wBAAwB,GAAGzB,2BAA2B,CAAC,CAAC;EAC9D,MAAM0B,eAAe,GAAGzB,kBAAkB,CAAC,CAAC;EAC5C,MAAM0B,2BAA2B,GAAGtB,8BAA8B,CAAC,CAAC;EACpE,MAAM;IAAEuB,gBAAgB;IAAEC,kBAAkB;IAAE9C,gCAAgC;IAAEtE;EAAgB,CAAC,GAAGmG,KAAK;EACzG,OAAO;IACHjI,OAAO,EAAElB,YAAY,CAACiB,yBAAyB,CAACC,OAAO,EAAEkI,aAAa,CAAChH,IAAI,CAAC;IAC5EjB,KAAK,EAAEnB,YAAY,CAACiB,yBAAyB,CAACE,KAAK,EAAEkI,WAAW,CAACjH,IAAI,EAAEY,eAAe,IAAIqG,WAAW,CAACrG,eAAe,CAAC;IACtH5B,OAAO,EAAEpB,YAAY,CAACiB,yBAAyB,CAACG,OAAO,EAAEkI,aAAa,CAAClH,IAAI,EAAE8H,2BAA2B,CAACrB,OAAO,CAAC;IACjHxH,WAAW,EAAErB,YAAY,CAACiB,yBAAyB,CAACI,WAAW,EAAEkI,iBAAiB,CAACnH,IAAI,CAAC;IACxFd,OAAO,EAAEtB,YAAY,CAACiB,yBAAyB,CAACK,OAAO,EAAE6I,gBAAgB,KAAKE,SAAS,IAAIb,aAAa,CAACpH,IAAI,EAAE+H,gBAAgB,KAAKE,SAAS,KAAKD,kBAAkB,KAAKrJ,kBAAkB,CAACuJ,UAAU,GAAGH,gBAAgB,GAAGX,aAAa,CAACvD,kBAAkB,GAAGuD,aAAa,CAACrD,iBAAiB,GAAGgE,gBAAgB,GAAGX,aAAa,CAACpD,gBAAgB,GAAGoD,aAAa,CAACnD,eAAe,CAAC,CAAC;IACpX9E,gBAAgB,EAAEvB,YAAY,CAACiB,yBAAyB,CAACM,gBAAgB,EAAEkI,sBAAsB,CAACrH,IAAI,CAAC;IACvGZ,cAAc,EAAExB,YAAY,CAACiB,yBAAyB,CAACO,cAAc,EAAEkI,oBAAoB,CAACtH,IAAI,CAAC;IACjGX,gBAAgB,EAAEzB,YAAY,CAACiB,yBAAyB,CAACQ,gBAAgB,EAAEkI,sBAAsB,CAACvH,IAAI,CAAC;IACvGV,wBAAwB,EAAE1B,YAAY,CAACiB,yBAAyB,CAACS,wBAAwB,EAAE4F,gCAAgC,IAAIsC,8BAA8B,CAACtC,gCAAgC,CAAC;IAC/L3F,SAAS,EAAE3B,YAAY,CAACiB,yBAAyB,CAACU,SAAS,EAAEkI,eAAe,CAACzH,IAAI,CAAC;IAClFR,UAAU,EAAE5B,YAAY,CAACiB,yBAAyB,CAACW,UAAU,EAAEkI,gBAAgB,CAAC1H,IAAI,CAAC;IACrFP,mBAAmB,EAAE7B,YAAY,CAACiB,yBAAyB,CAACY,mBAAmB,EAAEkI,yBAAyB,CAAC3H,IAAI,EAAE+H,gBAAgB,KAAKE,SAAS,IAAID,kBAAkB,KAAKrJ,kBAAkB,CAACuJ,UAAU,IAAI,CAACH,gBAAgB,IAAIJ,yBAAyB,CAAC1D,eAAe,CAAC;IAC1QvE,kBAAkB,EAAE9B,YAAY,CAACiB,yBAAyB,CAACa,kBAAkB,EAAEkI,wBAAwB,CAAC5H,IAAI,EAAE+H,gBAAgB,KAAKE,SAAS,IAAID,kBAAkB,KAAKrJ,kBAAkB,CAACuJ,UAAU,IAAIH,gBAAgB,IAAIH,wBAAwB,CAAC5D,gBAAgB,CAAC;IACtQrE,SAAS,EAAE/B,YAAY,CAACiB,yBAAyB,CAACc,SAAS,EAAEkI,eAAe,CAAC7H,IAAI;EACrF,CAAC;AACL,CAAC"}
+{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","m","f","i","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n    wrapper: 'fui-CalendarDayGrid__wrapper',\n    table: 'fui-CalendarDayGrid__table',\n    dayCell: 'fui-CalendarDayGrid__dayCell',\n    daySelected: 'fui-CalendarDayGrid__daySelected',\n    weekRow: 'fui-CalendarDayGrid__weekRow',\n    weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n    weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n    dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n    dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n    dayButton: 'fui-CalendarDayGrid__dayButton',\n    dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n    firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n    lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n    dayMarker: 'fui-CalendarDayGrid__dayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n    hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n    pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n    base: {\n        paddingBottom: '10px'\n    }\n});\nconst useTableStyles = makeStyles({\n    base: {\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        fontSize: 'inherit',\n        marginTop: '4px',\n        paddingBottom: '10px',\n        position: 'relative',\n        tableLayout: 'fixed',\n        textAlign: 'center',\n        width: '196px'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useDayCellStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        lineHeight: '28px',\n        ...shorthands.margin(0),\n        ...shorthands.padding(0),\n        position: 'relative',\n        width: '28px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        },\n        [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                color: 'WindowText',\n                ...shorthands.outline('1px', 'solid', 'Highlight'),\n                zIndex: 3\n            }\n        },\n        [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                ...shorthands.borderColor('Highlight'),\n                color: 'Highlight'\n            }\n        }\n    },\n    focusIndicator: createFocusOutlineStyle({\n        style: {\n            outlineWidth: tokens.strokeWidthThin,\n            ...shorthands.borderWidth(tokens.strokeWidthThin)\n        }\n    })\n});\nconst useDaySelectedStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            ...shorthands.borderColor('Highlight'),\n            color: 'HighlightText',\n            forcedColorAdjust: 'none'\n        },\n        [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'HighlightText'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useWeekRowStyles = makeStyles({\n    base: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationTimingFunction: EASING_FUNCTION_1\n    },\n    horizontalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_RIGHT_IN20\n        ]\n    },\n    horizontalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_LEFT_IN20\n        ]\n    },\n    verticalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_DOWN_IN20\n        ]\n    },\n    verticalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_UP_IN20\n        ]\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none',\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    }\n});\nconst useWeekNumberCellStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2),\n        ...shorthands.borderRight('1px', 'solid'),\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground4,\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        ...shorthands.margin(0),\n        ...shorthands.padding(0),\n        width: '28px'\n    }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n    base: {\n        [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n    lightenDaysOutsideNavigatedMonth: {\n        color: tokens.colorNeutralForeground4,\n        fontWeight: tokens.fontWeightRegular,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderRadius('2px'),\n        ...shorthands.borderStyle('none'),\n        color: 'inherit',\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: 'inherit',\n        height: '24px',\n        lineHeight: '24px',\n        ...shorthands.overflow('visible'),\n        ...shorthands.padding(0),\n        width: '24px',\n        '&span': {\n            height: 'inherit',\n            lineHeight: 'inherit'\n        }\n    }\n});\nconst useDayIsTodayStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackground,\n        ...shorthands.borderRadius('100%'),\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            ...shorthands.borderColor('WindowText'),\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            backgroundColor: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        opacity: 0,\n        ...shorthands.overflow('hidden'),\n        position: 'absolute',\n        width: 0\n    },\n    verticalForward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_UP_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        marginTop: '-28px',\n        opacity: 0,\n        ...shorthands.overflow('hidden'),\n        position: 'absolute',\n        width: 0\n    },\n    verticalBackward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_DOWN_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useDayMarkerStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandForeground2,\n        ...shorthands.borderRadius('100%'),\n        bottom: '1px',\n        height: '4px',\n        left: 0,\n        ...shorthands.margin('auto'),\n        position: 'absolute',\n        right: 0,\n        width: '4px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n    corners: {\n        [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n            borderTopRightRadius: '2px'\n        },\n        [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n            borderTopLeftRadius: '2px'\n        },\n        [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n            borderBottomRightRadius: '2px'\n        },\n        [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n            borderBottomLeftRadius: '2px'\n        }\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    const wrapperStyles = useWrapperStyles();\n    const tableStyles = useTableStyles();\n    const dayCellStyles = useDayCellStyles();\n    const daySelectedStyles = useDaySelectedStyles();\n    const weekRowStyles = useWeekRowStyles();\n    const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n    const weekNumberCellStyles = useWeekNumberCellStyles();\n    const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n    const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n    const dayButtonStyles = useDayButtonStyles();\n    const dayIsTodayStyles = useDayIsTodayStyles();\n    const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n    const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n    const dayMarkerStyles = useDayMarkerStyles();\n    const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n    const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n    return {\n        wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n        table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n        dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n        daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n        weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n        weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n        weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n        dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n        dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n        dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n        dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n        firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n        dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n    };\n};\n"],"mappings":"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"}

package/lib/components/CalendarMonth/CalendarMonth.js

@@ -117,7 +117,7 @@ function useFocusLogic({ componentRef }) {
         animationDirection
     });
     const arrowNavigationAttributes = useArrowNavigationGroup({
-        axis: 'both'
+        axis: 'grid'
     });
     if (isYearPickerVisible) {
         const [onRenderYear, yearStrings] = getYearStrings({

package/lib/components/CalendarMonth/CalendarMonth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CalendarMonth.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport {\n  addYears,\n  compareDatePart,\n  getMonthEnd,\n  getMonthStart,\n  getYearEnd,\n  getYearStart,\n  setMonth,\n  DEFAULT_DATE_FORMATTING,\n} from '../../utils';\nimport { CalendarYear } from '../CalendarYear/CalendarYear';\nimport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles';\nimport type { CalendarMonthProps } from './CalendarMonth.types';\nimport type { CalendarYearRange, ICalendarYear } from '../CalendarYear/CalendarYear.types';\n\nconst MONTHS_PER_ROW = 4;\n\nfunction useAnimateBackwards({ navigatedDate }: { navigatedDate: CalendarMonthProps['navigatedDate'] }) {\n  const currentYear = navigatedDate.getFullYear();\n\n  const previousYearRef = React.useRef<number | undefined>();\n  React.useEffect(() => {\n    previousYearRef.current = currentYear;\n  });\n  const previousYear = previousYearRef.current;\n\n  if (previousYear === undefined || previousYear === currentYear) {\n    return undefined;\n  } else {\n    return previousYear > currentYear;\n  }\n}\n\nfunction useFocusLogic({ componentRef }: { componentRef: CalendarMonthProps['componentRef'] }) {\n  const navigatedMonthRef = React.useRef<HTMLButtonElement>(null);\n  const calendarYearRef = React.useRef<ICalendarYear>(null);\n  const focusOnUpdate = React.useRef(false);\n\n  const focus = React.useCallback(() => {\n    if (calendarYearRef.current) {\n      calendarYearRef.current.focus();\n    } else if (navigatedMonthRef.current) {\n      navigatedMonthRef.current.focus();\n    }\n  }, []);\n\n  React.useImperativeHandle(componentRef, () => ({ focus }), [focus]);\n\n  React.useEffect(() => {\n    if (focusOnUpdate.current) {\n      focus();\n      focusOnUpdate.current = false;\n    }\n  });\n\n  const focusOnNextUpdate = () => {\n    focusOnUpdate.current = true;\n  };\n\n  return [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonth: React.FunctionComponent<CalendarMonthProps> = props => {\n  const {\n    allFocusable,\n    animationDirection,\n    className,\n    componentRef,\n    dateTimeFormatter = DEFAULT_DATE_FORMATTING,\n    highlightCurrentMonth,\n    highlightSelectedMonth,\n    maxDate,\n    minDate,\n    navigatedDate,\n    navigationIcons,\n    onHeaderSelect: onUserHeaderSelect,\n    onNavigateDate,\n    selectedDate,\n    strings,\n    today = new Date(),\n    yearPickerHidden = false,\n  } = props;\n\n  const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({ componentRef });\n  const [isYearPickerVisible, setIsYearPickerVisible] = React.useState(false);\n\n  const animateBackwards = useAnimateBackwards({ navigatedDate });\n\n  const selectMonthCallback = (newMonth: number): (() => void) => {\n    return () => onSelectMonth(newMonth);\n  };\n\n  const onSelectNextYear = (): void => {\n    onNavigateDate(addYears(navigatedDate, 1), false);\n  };\n\n  const onSelectPrevYear = (): void => {\n    onNavigateDate(addYears(navigatedDate, -1), false);\n  };\n\n  const onSelectMonth = (newMonth: number): void => {\n    // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked\n    onUserHeaderSelect?.();\n    onNavigateDate(setMonth(navigatedDate, newMonth), true);\n  };\n\n  const onHeaderSelect = (): void => {\n    if (!yearPickerHidden) {\n      focusOnNextUpdate();\n      setIsYearPickerVisible(true);\n    } else {\n      onUserHeaderSelect?.();\n    }\n  };\n\n  const onSelectYear = (selectedYear: number) => {\n    focusOnNextUpdate();\n    const navYear = navigatedDate.getFullYear();\n    if (navYear !== selectedYear) {\n      let newNavigationDate = new Date(navigatedDate.getTime());\n      newNavigationDate.setFullYear(selectedYear);\n      // for min and max dates, adjust the new navigation date - perhaps this should be\n      // checked on the master navigation date handler (i.e. in Calendar)\n      if (maxDate && newNavigationDate > maxDate) {\n        newNavigationDate = setMonth(newNavigationDate, maxDate.getMonth());\n      } else if (minDate && newNavigationDate < minDate) {\n        newNavigationDate = setMonth(newNavigationDate, minDate.getMonth());\n      }\n      onNavigateDate(newNavigationDate, true);\n    }\n    setIsYearPickerVisible(false);\n  };\n\n  const onYearPickerHeaderSelect = (focus: boolean): void => {\n    focusOnNextUpdate();\n    setIsYearPickerVisible(false);\n  };\n\n  const dateFormatter = dateTimeFormatter!;\n\n  // determine if previous/next years are in bounds\n  const isPrevYearInBounds = minDate ? compareDatePart(minDate, getYearStart(navigatedDate)) < 0 : true;\n  const isNextYearInBounds = maxDate ? compareDatePart(getYearEnd(navigatedDate), maxDate) < 0 : true;\n\n  const classNames = useCalendarMonthStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,\n    highlightCurrent: highlightCurrentMonth,\n    highlightSelected: highlightSelectedMonth,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'both' });\n\n  if (isYearPickerVisible) {\n    const [onRenderYear, yearStrings] = getYearStrings({ dateTimeFormatter, navigatedDate, strings });\n    // use navigated date for the year picker\n    return (\n      <CalendarYear\n        key={'calendarYear'}\n        minYear={minDate ? minDate.getFullYear() : undefined}\n        maxYear={maxDate ? maxDate.getFullYear() : undefined}\n        // eslint-disable-next-line react/jsx-no-bind\n        onSelectYear={onSelectYear}\n        // eslint-disable-next-line react/jsx-no-bind\n        onHeaderSelect={onYearPickerHeaderSelect}\n        selectedYear={\n          selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined\n        }\n        navigatedYear={navigatedDate.getFullYear()}\n        navigationIcons={navigationIcons}\n        onRenderYear={onRenderYear}\n        strings={yearStrings}\n        componentRef={calendarYearRef}\n        highlightCurrentYear={highlightCurrentMonth}\n        highlightSelectedYear={highlightSelectedMonth}\n        animationDirection={animationDirection}\n      />\n    );\n  }\n\n  const rowIndexes = [];\n  for (let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++) {\n    rowIndexes.push(i);\n  }\n\n  const yearString = dateFormatter.formatYear(navigatedDate);\n  const headerAriaLabel = strings.monthPickerHeaderAriaLabel\n    ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString)\n    : yearString;\n\n  return (\n    <div className={classNames.root}>\n      <div className={classNames.headerContainer}>\n        <button\n          className={classNames.currentItemButton}\n          onClick={onHeaderSelect}\n          onKeyDown={onButtonKeyDown(onHeaderSelect)}\n          aria-label={headerAriaLabel}\n          tabIndex={!!onUserHeaderSelect || !yearPickerHidden ? 0 : -1}\n          type=\"button\"\n        >\n          <span aria-live=\"polite\" aria-atomic=\"true\">\n            {yearString}\n          </span>\n        </button>\n        <div className={classNames.navigationButtonsContainer}>\n          <button\n            className={mergeClasses(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled)}\n            aria-disabled={!isPrevYearInBounds}\n            tabIndex={isPrevYearInBounds ? undefined : allFocusable ? 0 : -1}\n            onClick={isPrevYearInBounds ? onSelectPrevYear : undefined}\n            onKeyDown={isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined}\n            title={\n              strings.prevYearAriaLabel\n                ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, -1))\n                : undefined\n            }\n            type=\"button\"\n          >\n            {navigationIcons.upNavigation}\n          </button>\n          <button\n            className={mergeClasses(classNames.navigationButton, !isNextYearInBounds && classNames.disabled)}\n            aria-disabled={!isNextYearInBounds}\n            tabIndex={isNextYearInBounds ? undefined : allFocusable ? 0 : -1}\n            onClick={isNextYearInBounds ? onSelectNextYear : undefined}\n            onKeyDown={isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined}\n            title={\n              strings.nextYearAriaLabel\n                ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, 1))\n                : undefined\n            }\n            type=\"button\"\n          >\n            {navigationIcons.downNavigation}\n          </button>\n        </div>\n      </div>\n      <div {...arrowNavigationAttributes} className={classNames.gridContainer} role=\"grid\" aria-label={yearString}>\n        {rowIndexes.map((rowNum: number) => {\n          const monthsForRow = strings!.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);\n          return (\n            <div key={'monthRow_' + rowNum + navigatedDate.getFullYear()} role=\"row\" className={classNames.buttonRow}>\n              {monthsForRow.map((month: string, index: number) => {\n                const monthIndex = rowNum * MONTHS_PER_ROW + index;\n                const indexedMonth = setMonth(navigatedDate, monthIndex);\n                const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;\n                const isSelectedMonth = selectedDate.getMonth() === monthIndex;\n                const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();\n                const isInBounds =\n                  (minDate ? compareDatePart(minDate, getMonthEnd(indexedMonth)) < 1 : true) &&\n                  (maxDate ? compareDatePart(getMonthStart(indexedMonth), maxDate) < 1 : true);\n\n                return (\n                  <button\n                    ref={isNavigatedMonth ? navigatedMonthRef : undefined}\n                    role={'gridcell'}\n                    className={mergeClasses(\n                      classNames.itemButton,\n                      highlightCurrentMonth &&\n                        isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) &&\n                        classNames.current,\n                      highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected,\n                      !isInBounds && classNames.disabled,\n                    )}\n                    disabled={!allFocusable && !isInBounds}\n                    key={monthIndex}\n                    onClick={isInBounds ? selectMonthCallback(monthIndex) : undefined}\n                    onKeyDown={isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined}\n                    aria-label={dateFormatter.formatMonth(indexedMonth, strings!)}\n                    aria-selected={isNavigatedMonth}\n                    tabIndex={isInBounds ? 0 : -1}\n                    type=\"button\"\n                  >\n                    {month}\n                  </button>\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nCalendarMonth.displayName = 'CalendarMonth';\n\nfunction getYearStrings({\n  dateTimeFormatter,\n  navigatedDate,\n  strings,\n}: Pick<CalendarMonthProps, 'dateTimeFormatter' | 'navigatedDate' | 'strings'>) {\n  const yearToString = (year: number) => {\n    if (dateTimeFormatter) {\n      // create a date based on the current nav date\n      const yearFormattingDate = new Date(navigatedDate.getTime());\n      yearFormattingDate.setFullYear(year);\n      return dateTimeFormatter.formatYear(yearFormattingDate);\n    }\n    return String(year);\n  };\n\n  const yearRangeToString = (yearRange: CalendarYearRange) => {\n    return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;\n  };\n\n  const yearRangeToNextDecadeLabel = (yearRange: CalendarYearRange) => {\n    return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n  };\n\n  const yearRangeToPrevDecadeLabel = (yearRange: CalendarYearRange) => {\n    return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n  };\n\n  return [\n    yearToString,\n    {\n      rangeAriaLabel: yearRangeToString,\n      prevRangeAriaLabel: yearRangeToPrevDecadeLabel,\n      nextRangeAriaLabel: yearRangeToNextDecadeLabel,\n      headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel,\n    } as const,\n  ] as const;\n}\n\nfunction isCurrentMonth(month: number, year: number, today: Date): boolean {\n  return today.getFullYear() === year && today.getMonth() === month;\n}\n\nfunction onButtonKeyDown(callback: () => void): (ev: React.KeyboardEvent<HTMLButtonElement>) => void {\n  return (ev: React.KeyboardEvent<HTMLButtonElement>) => {\n    switch (ev.key) {\n      case Enter:\n        callback();\n        break;\n    }\n  };\n}\n"],"names":["React","Enter","useArrowNavigationGroup","mergeClasses","addYears","compareDatePart","getMonthEnd","getMonthStart","getYearEnd","getYearStart","setMonth","DEFAULT_DATE_FORMATTING","CalendarYear","useCalendarMonthStyles_unstable","MONTHS_PER_ROW","useAnimateBackwards","navigatedDate","currentYear","getFullYear","previousYearRef","useRef","useEffect","current","previousYear","undefined","useFocusLogic","componentRef","navigatedMonthRef","calendarYearRef","focusOnUpdate","focus","useCallback","useImperativeHandle","focusOnNextUpdate","CalendarMonth","props","allFocusable","animationDirection","className","dateTimeFormatter","highlightCurrentMonth","highlightSelectedMonth","maxDate","minDate","navigationIcons","onHeaderSelect","onUserHeaderSelect","onNavigateDate","selectedDate","strings","today","Date","yearPickerHidden","isYearPickerVisible","setIsYearPickerVisible","useState","animateBackwards","selectMonthCallback","newMonth","onSelectMonth","onSelectNextYear","onSelectPrevYear","onSelectYear","selectedYear","navYear","newNavigationDate","getTime","setFullYear","getMonth","onYearPickerHeaderSelect","dateFormatter","isPrevYearInBounds","isNextYearInBounds","classNames","hasHeaderClickCallback","highlightCurrent","highlightSelected","arrowNavigationAttributes","axis","onRenderYear","yearStrings","getYearStrings","key","minYear","maxYear","navigatedYear","highlightCurrentYear","highlightSelectedYear","rowIndexes","i","shortMonths","length","push","yearString","formatYear","headerAriaLabel","monthPickerHeaderAriaLabel","replace","div","root","headerContainer","button","currentItemButton","onClick","onKeyDown","onButtonKeyDown","aria-label","tabIndex","type","span","aria-live","aria-atomic","navigationButtonsContainer","navigationButton","disabled","aria-disabled","title","prevYearAriaLabel","upNavigation","nextYearAriaLabel","downNavigation","gridContainer","role","map","rowNum","monthsForRow","slice","buttonRow","month","index","monthIndex","indexedMonth","isNavigatedMonth","isSelectedMonth","isSelectedYear","isInBounds","ref","itemButton","isCurrentMonth","selected","formatMonth","aria-selected","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","yearPickerHeaderAriaLabel","callback","ev"],"mappings":"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"}
+{"version":3,"sources":["CalendarMonth.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport {\n  addYears,\n  compareDatePart,\n  getMonthEnd,\n  getMonthStart,\n  getYearEnd,\n  getYearStart,\n  setMonth,\n  DEFAULT_DATE_FORMATTING,\n} from '../../utils';\nimport { CalendarYear } from '../CalendarYear/CalendarYear';\nimport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles';\nimport type { CalendarMonthProps } from './CalendarMonth.types';\nimport type { CalendarYearRange, ICalendarYear } from '../CalendarYear/CalendarYear.types';\n\nconst MONTHS_PER_ROW = 4;\n\nfunction useAnimateBackwards({ navigatedDate }: { navigatedDate: CalendarMonthProps['navigatedDate'] }) {\n  const currentYear = navigatedDate.getFullYear();\n\n  const previousYearRef = React.useRef<number | undefined>();\n  React.useEffect(() => {\n    previousYearRef.current = currentYear;\n  });\n  const previousYear = previousYearRef.current;\n\n  if (previousYear === undefined || previousYear === currentYear) {\n    return undefined;\n  } else {\n    return previousYear > currentYear;\n  }\n}\n\nfunction useFocusLogic({ componentRef }: { componentRef: CalendarMonthProps['componentRef'] }) {\n  const navigatedMonthRef = React.useRef<HTMLButtonElement>(null);\n  const calendarYearRef = React.useRef<ICalendarYear>(null);\n  const focusOnUpdate = React.useRef(false);\n\n  const focus = React.useCallback(() => {\n    if (calendarYearRef.current) {\n      calendarYearRef.current.focus();\n    } else if (navigatedMonthRef.current) {\n      navigatedMonthRef.current.focus();\n    }\n  }, []);\n\n  React.useImperativeHandle(componentRef, () => ({ focus }), [focus]);\n\n  React.useEffect(() => {\n    if (focusOnUpdate.current) {\n      focus();\n      focusOnUpdate.current = false;\n    }\n  });\n\n  const focusOnNextUpdate = () => {\n    focusOnUpdate.current = true;\n  };\n\n  return [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonth: React.FunctionComponent<CalendarMonthProps> = props => {\n  const {\n    allFocusable,\n    animationDirection,\n    className,\n    componentRef,\n    dateTimeFormatter = DEFAULT_DATE_FORMATTING,\n    highlightCurrentMonth,\n    highlightSelectedMonth,\n    maxDate,\n    minDate,\n    navigatedDate,\n    navigationIcons,\n    onHeaderSelect: onUserHeaderSelect,\n    onNavigateDate,\n    selectedDate,\n    strings,\n    today = new Date(),\n    yearPickerHidden = false,\n  } = props;\n\n  const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({ componentRef });\n  const [isYearPickerVisible, setIsYearPickerVisible] = React.useState(false);\n\n  const animateBackwards = useAnimateBackwards({ navigatedDate });\n\n  const selectMonthCallback = (newMonth: number): (() => void) => {\n    return () => onSelectMonth(newMonth);\n  };\n\n  const onSelectNextYear = (): void => {\n    onNavigateDate(addYears(navigatedDate, 1), false);\n  };\n\n  const onSelectPrevYear = (): void => {\n    onNavigateDate(addYears(navigatedDate, -1), false);\n  };\n\n  const onSelectMonth = (newMonth: number): void => {\n    // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked\n    onUserHeaderSelect?.();\n    onNavigateDate(setMonth(navigatedDate, newMonth), true);\n  };\n\n  const onHeaderSelect = (): void => {\n    if (!yearPickerHidden) {\n      focusOnNextUpdate();\n      setIsYearPickerVisible(true);\n    } else {\n      onUserHeaderSelect?.();\n    }\n  };\n\n  const onSelectYear = (selectedYear: number) => {\n    focusOnNextUpdate();\n    const navYear = navigatedDate.getFullYear();\n    if (navYear !== selectedYear) {\n      let newNavigationDate = new Date(navigatedDate.getTime());\n      newNavigationDate.setFullYear(selectedYear);\n      // for min and max dates, adjust the new navigation date - perhaps this should be\n      // checked on the master navigation date handler (i.e. in Calendar)\n      if (maxDate && newNavigationDate > maxDate) {\n        newNavigationDate = setMonth(newNavigationDate, maxDate.getMonth());\n      } else if (minDate && newNavigationDate < minDate) {\n        newNavigationDate = setMonth(newNavigationDate, minDate.getMonth());\n      }\n      onNavigateDate(newNavigationDate, true);\n    }\n    setIsYearPickerVisible(false);\n  };\n\n  const onYearPickerHeaderSelect = (focus: boolean): void => {\n    focusOnNextUpdate();\n    setIsYearPickerVisible(false);\n  };\n\n  const dateFormatter = dateTimeFormatter!;\n\n  // determine if previous/next years are in bounds\n  const isPrevYearInBounds = minDate ? compareDatePart(minDate, getYearStart(navigatedDate)) < 0 : true;\n  const isNextYearInBounds = maxDate ? compareDatePart(getYearEnd(navigatedDate), maxDate) < 0 : true;\n\n  const classNames = useCalendarMonthStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,\n    highlightCurrent: highlightCurrentMonth,\n    highlightSelected: highlightSelectedMonth,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid' });\n\n  if (isYearPickerVisible) {\n    const [onRenderYear, yearStrings] = getYearStrings({ dateTimeFormatter, navigatedDate, strings });\n    // use navigated date for the year picker\n    return (\n      <CalendarYear\n        key={'calendarYear'}\n        minYear={minDate ? minDate.getFullYear() : undefined}\n        maxYear={maxDate ? maxDate.getFullYear() : undefined}\n        // eslint-disable-next-line react/jsx-no-bind\n        onSelectYear={onSelectYear}\n        // eslint-disable-next-line react/jsx-no-bind\n        onHeaderSelect={onYearPickerHeaderSelect}\n        selectedYear={\n          selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined\n        }\n        navigatedYear={navigatedDate.getFullYear()}\n        navigationIcons={navigationIcons}\n        onRenderYear={onRenderYear}\n        strings={yearStrings}\n        componentRef={calendarYearRef}\n        highlightCurrentYear={highlightCurrentMonth}\n        highlightSelectedYear={highlightSelectedMonth}\n        animationDirection={animationDirection}\n      />\n    );\n  }\n\n  const rowIndexes = [];\n  for (let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++) {\n    rowIndexes.push(i);\n  }\n\n  const yearString = dateFormatter.formatYear(navigatedDate);\n  const headerAriaLabel = strings.monthPickerHeaderAriaLabel\n    ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString)\n    : yearString;\n\n  return (\n    <div className={classNames.root}>\n      <div className={classNames.headerContainer}>\n        <button\n          className={classNames.currentItemButton}\n          onClick={onHeaderSelect}\n          onKeyDown={onButtonKeyDown(onHeaderSelect)}\n          aria-label={headerAriaLabel}\n          tabIndex={!!onUserHeaderSelect || !yearPickerHidden ? 0 : -1}\n          type=\"button\"\n        >\n          <span aria-live=\"polite\" aria-atomic=\"true\">\n            {yearString}\n          </span>\n        </button>\n        <div className={classNames.navigationButtonsContainer}>\n          <button\n            className={mergeClasses(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled)}\n            aria-disabled={!isPrevYearInBounds}\n            tabIndex={isPrevYearInBounds ? undefined : allFocusable ? 0 : -1}\n            onClick={isPrevYearInBounds ? onSelectPrevYear : undefined}\n            onKeyDown={isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined}\n            title={\n              strings.prevYearAriaLabel\n                ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, -1))\n                : undefined\n            }\n            type=\"button\"\n          >\n            {navigationIcons.upNavigation}\n          </button>\n          <button\n            className={mergeClasses(classNames.navigationButton, !isNextYearInBounds && classNames.disabled)}\n            aria-disabled={!isNextYearInBounds}\n            tabIndex={isNextYearInBounds ? undefined : allFocusable ? 0 : -1}\n            onClick={isNextYearInBounds ? onSelectNextYear : undefined}\n            onKeyDown={isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined}\n            title={\n              strings.nextYearAriaLabel\n                ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, 1))\n                : undefined\n            }\n            type=\"button\"\n          >\n            {navigationIcons.downNavigation}\n          </button>\n        </div>\n      </div>\n      <div {...arrowNavigationAttributes} className={classNames.gridContainer} role=\"grid\" aria-label={yearString}>\n        {rowIndexes.map((rowNum: number) => {\n          const monthsForRow = strings!.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);\n          return (\n            <div key={'monthRow_' + rowNum + navigatedDate.getFullYear()} role=\"row\" className={classNames.buttonRow}>\n              {monthsForRow.map((month: string, index: number) => {\n                const monthIndex = rowNum * MONTHS_PER_ROW + index;\n                const indexedMonth = setMonth(navigatedDate, monthIndex);\n                const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;\n                const isSelectedMonth = selectedDate.getMonth() === monthIndex;\n                const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();\n                const isInBounds =\n                  (minDate ? compareDatePart(minDate, getMonthEnd(indexedMonth)) < 1 : true) &&\n                  (maxDate ? compareDatePart(getMonthStart(indexedMonth), maxDate) < 1 : true);\n\n                return (\n                  <button\n                    ref={isNavigatedMonth ? navigatedMonthRef : undefined}\n                    role={'gridcell'}\n                    className={mergeClasses(\n                      classNames.itemButton,\n                      highlightCurrentMonth &&\n                        isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) &&\n                        classNames.current,\n                      highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected,\n                      !isInBounds && classNames.disabled,\n                    )}\n                    disabled={!allFocusable && !isInBounds}\n                    key={monthIndex}\n                    onClick={isInBounds ? selectMonthCallback(monthIndex) : undefined}\n                    onKeyDown={isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined}\n                    aria-label={dateFormatter.formatMonth(indexedMonth, strings!)}\n                    aria-selected={isNavigatedMonth}\n                    tabIndex={isInBounds ? 0 : -1}\n                    type=\"button\"\n                  >\n                    {month}\n                  </button>\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nCalendarMonth.displayName = 'CalendarMonth';\n\nfunction getYearStrings({\n  dateTimeFormatter,\n  navigatedDate,\n  strings,\n}: Pick<CalendarMonthProps, 'dateTimeFormatter' | 'navigatedDate' | 'strings'>) {\n  const yearToString = (year: number) => {\n    if (dateTimeFormatter) {\n      // create a date based on the current nav date\n      const yearFormattingDate = new Date(navigatedDate.getTime());\n      yearFormattingDate.setFullYear(year);\n      return dateTimeFormatter.formatYear(yearFormattingDate);\n    }\n    return String(year);\n  };\n\n  const yearRangeToString = (yearRange: CalendarYearRange) => {\n    return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;\n  };\n\n  const yearRangeToNextDecadeLabel = (yearRange: CalendarYearRange) => {\n    return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n  };\n\n  const yearRangeToPrevDecadeLabel = (yearRange: CalendarYearRange) => {\n    return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n  };\n\n  return [\n    yearToString,\n    {\n      rangeAriaLabel: yearRangeToString,\n      prevRangeAriaLabel: yearRangeToPrevDecadeLabel,\n      nextRangeAriaLabel: yearRangeToNextDecadeLabel,\n      headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel,\n    } as const,\n  ] as const;\n}\n\nfunction isCurrentMonth(month: number, year: number, today: Date): boolean {\n  return today.getFullYear() === year && today.getMonth() === month;\n}\n\nfunction onButtonKeyDown(callback: () => void): (ev: React.KeyboardEvent<HTMLButtonElement>) => void {\n  return (ev: React.KeyboardEvent<HTMLButtonElement>) => {\n    switch (ev.key) {\n      case Enter:\n        callback();\n        break;\n    }\n  };\n}\n"],"names":["React","Enter","useArrowNavigationGroup","mergeClasses","addYears","compareDatePart","getMonthEnd","getMonthStart","getYearEnd","getYearStart","setMonth","DEFAULT_DATE_FORMATTING","CalendarYear","useCalendarMonthStyles_unstable","MONTHS_PER_ROW","useAnimateBackwards","navigatedDate","currentYear","getFullYear","previousYearRef","useRef","useEffect","current","previousYear","undefined","useFocusLogic","componentRef","navigatedMonthRef","calendarYearRef","focusOnUpdate","focus","useCallback","useImperativeHandle","focusOnNextUpdate","CalendarMonth","props","allFocusable","animationDirection","className","dateTimeFormatter","highlightCurrentMonth","highlightSelectedMonth","maxDate","minDate","navigationIcons","onHeaderSelect","onUserHeaderSelect","onNavigateDate","selectedDate","strings","today","Date","yearPickerHidden","isYearPickerVisible","setIsYearPickerVisible","useState","animateBackwards","selectMonthCallback","newMonth","onSelectMonth","onSelectNextYear","onSelectPrevYear","onSelectYear","selectedYear","navYear","newNavigationDate","getTime","setFullYear","getMonth","onYearPickerHeaderSelect","dateFormatter","isPrevYearInBounds","isNextYearInBounds","classNames","hasHeaderClickCallback","highlightCurrent","highlightSelected","arrowNavigationAttributes","axis","onRenderYear","yearStrings","getYearStrings","key","minYear","maxYear","navigatedYear","highlightCurrentYear","highlightSelectedYear","rowIndexes","i","shortMonths","length","push","yearString","formatYear","headerAriaLabel","monthPickerHeaderAriaLabel","replace","div","root","headerContainer","button","currentItemButton","onClick","onKeyDown","onButtonKeyDown","aria-label","tabIndex","type","span","aria-live","aria-atomic","navigationButtonsContainer","navigationButton","disabled","aria-disabled","title","prevYearAriaLabel","upNavigation","nextYearAriaLabel","downNavigation","gridContainer","role","map","rowNum","monthsForRow","slice","buttonRow","month","index","monthIndex","indexedMonth","isNavigatedMonth","isSelectedMonth","isSelectedYear","isInBounds","ref","itemButton","isCurrentMonth","selected","formatMonth","aria-selected","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","yearPickerHeaderAriaLabel","callback","ev"],"mappings":"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"}

package/lib/components/CalendarYear/CalendarYear.js

@@ -90,9 +90,10 @@ const CalendarYearGrid = (props)=>{
         }
     }
     const arrowNavigationAttributes = useArrowNavigationGroup({
-        axis: 'both'
+        axis: 'grid'
     });
-    return /*#__PURE__*/ React.createElement("div", arrowNavigationAttributes, /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
+        ...arrowNavigationAttributes,
         className: classNames.gridContainer,
         role: "grid",
         "aria-label": gridAriaLabel
@@ -102,7 +103,7 @@ const CalendarYearGrid = (props)=>{
             role: "row",
             className: classNames.buttonRow
         }, cellRow);
-    })));
+    }));
 };
 CalendarYearGrid.displayName = 'CalendarYearGrid';
 const CalendarYearNavDirection = {

package/lib/components/CalendarYear/CalendarYear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CalendarYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nimport type {\n  CalendarYearStrings,\n  CalendarYearProps,\n  CalendarYearRange,\n  CalendarYearHeaderProps,\n} from './CalendarYear.types';\n\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\n\nconst DefaultCalendarYearStrings: CalendarYearStrings = {\n  prevRangeAriaLabel: undefined,\n  nextRangeAriaLabel: undefined,\n};\ninterface CalendarYearGrid {\n  focus(): void;\n}\n\ninterface CalendarYearGridCellProps extends CalendarYearProps {\n  year: number;\n  current?: boolean;\n  selected?: boolean;\n  disabled?: boolean;\n  onSelectYear?: (year: number) => void;\n  onRenderYear?: (year: number) => React.ReactNode;\n}\n\ninterface CalendarYearGridProps extends CalendarYearProps, CalendarYearRange {\n  selectedYear?: number;\n  animateBackwards?: boolean;\n  componentRef?: React.RefObject<CalendarYearGridCell>;\n}\n\ninterface CalendarYearGridCell {\n  focus(): void;\n}\n\nconst CalendarYearGridCell: React.FunctionComponent<CalendarYearGridCellProps> = props => {\n  const {\n    className,\n    highlightCurrentYear,\n    highlightSelectedYear,\n    year,\n    selected,\n    disabled,\n    componentRef,\n    onSelectYear,\n    onRenderYear,\n  } = props;\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        buttonRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const onClick = () => {\n    onSelectYear?.(year);\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onSelectYear?.(year);\n    }\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    highlightCurrent: highlightCurrentYear,\n    highlightSelected: highlightSelectedYear,\n  });\n\n  return (\n    <button\n      className={mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled)}\n      type=\"button\"\n      role=\"gridcell\"\n      onClick={!disabled ? onClick : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      disabled={disabled}\n      aria-selected={selected}\n      ref={buttonRef}\n    >\n      {onRenderYear?.(year) ?? year}\n    </button>\n  );\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\n\nconst CalendarYearGrid: React.FunctionComponent<CalendarYearGridProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    animationDirection,\n    animateBackwards,\n    minYear,\n    maxYear,\n    onSelectYear,\n    selectedYear,\n    componentRef,\n  } = props;\n\n  const selectedCellRef = React.useRef<CalendarYearGridCell>(null);\n  const currentCellRef = React.useRef<CalendarYearGridCell>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        (selectedCellRef.current || currentCellRef.current)?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const renderCell = (yearToRender: number): React.ReactNode => {\n    const selected = yearToRender === selectedYear;\n    const disabled =\n      (minYear !== undefined && yearToRender < minYear) || (maxYear !== undefined && yearToRender > maxYear);\n    const current = yearToRender === new Date().getFullYear();\n\n    return (\n      <CalendarYearGridCell\n        {...props}\n        key={yearToRender}\n        year={yearToRender}\n        selected={selected}\n        current={current}\n        disabled={disabled}\n        onSelectYear={onSelectYear}\n        componentRef={selected ? selectedCellRef : current ? currentCellRef : undefined}\n      />\n    );\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const onRenderYear = (value: number) => {\n    return props.onRenderYear?.(value) ?? value;\n  };\n\n  const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n\n  let year = fromYear;\n  const cells: React.ReactNode[][] = [];\n\n  for (let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++) {\n    cells.push([]);\n    for (let j = 0; j < CELLS_PER_ROW; j++) {\n      cells[i].push(renderCell(year));\n      year++;\n    }\n  }\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'both' });\n\n  return (\n    <div {...arrowNavigationAttributes}>\n      <div className={classNames.gridContainer} role=\"grid\" aria-label={gridAriaLabel}>\n        {cells.map((cellRow: React.ReactNode[], index: number) => {\n          return (\n            <div key={'yearPickerRow_' + index + '_' + fromYear} role=\"row\" className={classNames.buttonRow}>\n              {cellRow}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\n\nconst CalendarYearNavDirection = {\n  Previous: 0 as const,\n  Next: 1 as const,\n};\n\ninterface CalendarYearNavArrowProps extends CalendarYearHeaderProps {\n  direction: (typeof CalendarYearNavDirection)[keyof typeof CalendarYearNavDirection];\n}\n\nconst CalendarYearNavArrow: React.FunctionComponent<CalendarYearNavArrowProps> = props => {\n  const {\n    className,\n    strings = DefaultCalendarYearStrings,\n    direction,\n    onSelectPrev,\n    onSelectNext,\n    fromYear,\n    toYear,\n    maxYear,\n    minYear,\n    navigationIcons,\n  } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  const ariaLabel =\n    direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n  const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n  const newRange = { fromYear: fromYear + newRangeOffset, toYear: toYear + newRangeOffset };\n  const ariaLabelString = ariaLabel ? (typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange)) : undefined;\n  const disabled =\n    direction === CalendarYearNavDirection.Previous\n      ? minYear !== undefined && fromYear < minYear\n      : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n\n  const onNavigate = () => {\n    direction === CalendarYearNavDirection.Previous ? onSelectPrev?.() : onSelectNext?.();\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onNavigate();\n    }\n  };\n\n  return (\n    <button\n      className={mergeClasses(classNames.navigationButton, disabled && classNames.disabled)}\n      onClick={!disabled ? onNavigate : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      type=\"button\"\n      title={ariaLabelString}\n      disabled={disabled}\n    >\n      {direction === CalendarYearNavDirection.Previous ? navigationIcons.upNavigation : navigationIcons.downNavigation}\n    </button>\n  );\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\n\nconst CalendarYearNav: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.navigationButtonsContainer}>\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Previous} />\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Next} />\n    </div>\n  );\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\n\nconst CalendarYearTitle: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    strings = DefaultCalendarYearStrings,\n    animateBackwards,\n    animationDirection,\n  } = props;\n\n  const onHeaderSelect = () => {\n    props.onHeaderSelect?.(true);\n  };\n\n  const onHeaderKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter || ev.key === Space) {\n      onHeaderSelect();\n    }\n  };\n\n  const onRenderYear = (year: number) => {\n    return props.onRenderYear?.(year) ?? year;\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  if (props.onHeaderSelect) {\n    const rangeAriaLabel = strings.rangeAriaLabel;\n    const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n    const currentDateRange = rangeAriaLabel\n      ? typeof rangeAriaLabel === 'string'\n        ? rangeAriaLabel\n        : rangeAriaLabel(props)\n      : undefined;\n\n    const ariaLabel = headerAriaLabelFormatString\n      ? headerAriaLabelFormatString.replace('{0}', currentDateRange ?? '')\n      : currentDateRange;\n\n    return (\n      <button\n        className={classNames.currentItemButton}\n        onClick={onHeaderSelect}\n        onKeyDown={onHeaderKeyDown}\n        aria-label={ariaLabel}\n        role=\"button\"\n        type=\"button\"\n      >\n        <span aria-live=\"assertive\" aria-atomic=\"true\">\n          {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n        </span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={classNames.current}>\n      {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n    </div>\n  );\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\n\nconst CalendarYearHeader: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  return (\n    <div className={classNames.headerContainer}>\n      {onRenderTitle?.(props) ?? <CalendarYearTitle {...props} />}\n      <CalendarYearNav {...props} />\n    </div>\n  );\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\n\nfunction useAnimateBackwards({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n  const fromYear = Math.floor(rangeYear / 10) * 10;\n\n  const previousFromYearRef = React.useRef<number | undefined>(fromYear);\n  React.useRef(() => {\n    previousFromYearRef.current = fromYear;\n  });\n  const previousFromYear = previousFromYearRef.current;\n\n  if (!previousFromYear || previousFromYear === fromYear) {\n    return undefined;\n  } else if (previousFromYear > fromYear) {\n    return true;\n  } else {\n    return false;\n  }\n}\n\nfunction useYearRangeState({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = React.useMemo(() => {\n    return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;\n  }, [navigatedYear, selectedYear]);\n\n  const [fromYear, setFromYear] = React.useState<number>(rangeYear);\n\n  const onNavNext = () => {\n    setFromYear(year => year + CELL_COUNT);\n  };\n\n  const onNavPrevious = () => {\n    setFromYear(year => year - CELL_COUNT);\n  };\n\n  React.useEffect(() => {\n    setFromYear(rangeYear);\n  }, [rangeYear]);\n\n  const toYear = fromYear + CELL_COUNT - 1;\n\n  return [fromYear, toYear, onNavNext, onNavPrevious] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarYear: React.FunctionComponent<CalendarYearProps> = props => {\n  const animateBackwards = useAnimateBackwards(props);\n  const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n\n  const gridRef = React.useRef<CalendarYearGrid>(null);\n\n  React.useImperativeHandle(props.componentRef, () => ({\n    focus() {\n      gridRef.current?.focus?.();\n    },\n  }));\n\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.root}>\n      <CalendarYearHeader\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        onSelectPrev={onNavPrevious}\n        onSelectNext={onNavNext}\n        animateBackwards={animateBackwards}\n      />\n      <CalendarYearGrid\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        animateBackwards={animateBackwards}\n        componentRef={gridRef}\n      />\n    </div>\n  );\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["React","Enter","Space","useArrowNavigationGroup","mergeClasses","useCalendarYearStyles_unstable","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","useRef","useImperativeHandle","focus","current","onClick","onKeyDown","ev","key","classNames","highlightCurrent","highlightSelected","button","itemButton","type","role","aria-selected","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","renderCell","yearToRender","Date","getFullYear","value","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","axis","div","gridContainer","aria-label","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","navigationIcons","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","navigationButton","title","upNavigation","downNavigation","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","onHeaderKeyDown","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","span","aria-live","aria-atomic","CalendarYearHeader","onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","useYearRangeState","useMemo","setFromYear","useState","onNavNext","onNavPrevious","useEffect","CalendarYear","gridRef","root"],"mappings":"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"}
+{"version":3,"sources":["CalendarYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nimport type {\n  CalendarYearStrings,\n  CalendarYearProps,\n  CalendarYearRange,\n  CalendarYearHeaderProps,\n} from './CalendarYear.types';\n\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\n\nconst DefaultCalendarYearStrings: CalendarYearStrings = {\n  prevRangeAriaLabel: undefined,\n  nextRangeAriaLabel: undefined,\n};\ninterface CalendarYearGrid {\n  focus(): void;\n}\n\ninterface CalendarYearGridCellProps extends CalendarYearProps {\n  year: number;\n  current?: boolean;\n  selected?: boolean;\n  disabled?: boolean;\n  onSelectYear?: (year: number) => void;\n  onRenderYear?: (year: number) => React.ReactNode;\n}\n\ninterface CalendarYearGridProps extends CalendarYearProps, CalendarYearRange {\n  selectedYear?: number;\n  animateBackwards?: boolean;\n  componentRef?: React.RefObject<CalendarYearGridCell>;\n}\n\ninterface CalendarYearGridCell {\n  focus(): void;\n}\n\nconst CalendarYearGridCell: React.FunctionComponent<CalendarYearGridCellProps> = props => {\n  const {\n    className,\n    highlightCurrentYear,\n    highlightSelectedYear,\n    year,\n    selected,\n    disabled,\n    componentRef,\n    onSelectYear,\n    onRenderYear,\n  } = props;\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        buttonRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const onClick = () => {\n    onSelectYear?.(year);\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onSelectYear?.(year);\n    }\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    highlightCurrent: highlightCurrentYear,\n    highlightSelected: highlightSelectedYear,\n  });\n\n  return (\n    <button\n      className={mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled)}\n      type=\"button\"\n      role=\"gridcell\"\n      onClick={!disabled ? onClick : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      disabled={disabled}\n      aria-selected={selected}\n      ref={buttonRef}\n    >\n      {onRenderYear?.(year) ?? year}\n    </button>\n  );\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\n\nconst CalendarYearGrid: React.FunctionComponent<CalendarYearGridProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    animationDirection,\n    animateBackwards,\n    minYear,\n    maxYear,\n    onSelectYear,\n    selectedYear,\n    componentRef,\n  } = props;\n\n  const selectedCellRef = React.useRef<CalendarYearGridCell>(null);\n  const currentCellRef = React.useRef<CalendarYearGridCell>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        (selectedCellRef.current || currentCellRef.current)?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const renderCell = (yearToRender: number): React.ReactNode => {\n    const selected = yearToRender === selectedYear;\n    const disabled =\n      (minYear !== undefined && yearToRender < minYear) || (maxYear !== undefined && yearToRender > maxYear);\n    const current = yearToRender === new Date().getFullYear();\n\n    return (\n      <CalendarYearGridCell\n        {...props}\n        key={yearToRender}\n        year={yearToRender}\n        selected={selected}\n        current={current}\n        disabled={disabled}\n        onSelectYear={onSelectYear}\n        componentRef={selected ? selectedCellRef : current ? currentCellRef : undefined}\n      />\n    );\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const onRenderYear = (value: number) => {\n    return props.onRenderYear?.(value) ?? value;\n  };\n\n  const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n\n  let year = fromYear;\n  const cells: React.ReactNode[][] = [];\n\n  for (let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++) {\n    cells.push([]);\n    for (let j = 0; j < CELLS_PER_ROW; j++) {\n      cells[i].push(renderCell(year));\n      year++;\n    }\n  }\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid' });\n\n  return (\n    <div {...arrowNavigationAttributes} className={classNames.gridContainer} role=\"grid\" aria-label={gridAriaLabel}>\n      {cells.map((cellRow: React.ReactNode[], index: number) => {\n        return (\n          <div key={'yearPickerRow_' + index + '_' + fromYear} role=\"row\" className={classNames.buttonRow}>\n            {cellRow}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\n\nconst CalendarYearNavDirection = {\n  Previous: 0 as const,\n  Next: 1 as const,\n};\n\ninterface CalendarYearNavArrowProps extends CalendarYearHeaderProps {\n  direction: (typeof CalendarYearNavDirection)[keyof typeof CalendarYearNavDirection];\n}\n\nconst CalendarYearNavArrow: React.FunctionComponent<CalendarYearNavArrowProps> = props => {\n  const {\n    className,\n    strings = DefaultCalendarYearStrings,\n    direction,\n    onSelectPrev,\n    onSelectNext,\n    fromYear,\n    toYear,\n    maxYear,\n    minYear,\n    navigationIcons,\n  } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  const ariaLabel =\n    direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n  const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n  const newRange = { fromYear: fromYear + newRangeOffset, toYear: toYear + newRangeOffset };\n  const ariaLabelString = ariaLabel ? (typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange)) : undefined;\n  const disabled =\n    direction === CalendarYearNavDirection.Previous\n      ? minYear !== undefined && fromYear < minYear\n      : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n\n  const onNavigate = () => {\n    direction === CalendarYearNavDirection.Previous ? onSelectPrev?.() : onSelectNext?.();\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onNavigate();\n    }\n  };\n\n  return (\n    <button\n      className={mergeClasses(classNames.navigationButton, disabled && classNames.disabled)}\n      onClick={!disabled ? onNavigate : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      type=\"button\"\n      title={ariaLabelString}\n      disabled={disabled}\n    >\n      {direction === CalendarYearNavDirection.Previous ? navigationIcons.upNavigation : navigationIcons.downNavigation}\n    </button>\n  );\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\n\nconst CalendarYearNav: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.navigationButtonsContainer}>\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Previous} />\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Next} />\n    </div>\n  );\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\n\nconst CalendarYearTitle: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    strings = DefaultCalendarYearStrings,\n    animateBackwards,\n    animationDirection,\n  } = props;\n\n  const onHeaderSelect = () => {\n    props.onHeaderSelect?.(true);\n  };\n\n  const onHeaderKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter || ev.key === Space) {\n      onHeaderSelect();\n    }\n  };\n\n  const onRenderYear = (year: number) => {\n    return props.onRenderYear?.(year) ?? year;\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  if (props.onHeaderSelect) {\n    const rangeAriaLabel = strings.rangeAriaLabel;\n    const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n    const currentDateRange = rangeAriaLabel\n      ? typeof rangeAriaLabel === 'string'\n        ? rangeAriaLabel\n        : rangeAriaLabel(props)\n      : undefined;\n\n    const ariaLabel = headerAriaLabelFormatString\n      ? headerAriaLabelFormatString.replace('{0}', currentDateRange ?? '')\n      : currentDateRange;\n\n    return (\n      <button\n        className={classNames.currentItemButton}\n        onClick={onHeaderSelect}\n        onKeyDown={onHeaderKeyDown}\n        aria-label={ariaLabel}\n        role=\"button\"\n        type=\"button\"\n      >\n        <span aria-live=\"assertive\" aria-atomic=\"true\">\n          {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n        </span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={classNames.current}>\n      {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n    </div>\n  );\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\n\nconst CalendarYearHeader: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  return (\n    <div className={classNames.headerContainer}>\n      {onRenderTitle?.(props) ?? <CalendarYearTitle {...props} />}\n      <CalendarYearNav {...props} />\n    </div>\n  );\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\n\nfunction useAnimateBackwards({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n  const fromYear = Math.floor(rangeYear / 10) * 10;\n\n  const previousFromYearRef = React.useRef<number | undefined>(fromYear);\n  React.useRef(() => {\n    previousFromYearRef.current = fromYear;\n  });\n  const previousFromYear = previousFromYearRef.current;\n\n  if (!previousFromYear || previousFromYear === fromYear) {\n    return undefined;\n  } else if (previousFromYear > fromYear) {\n    return true;\n  } else {\n    return false;\n  }\n}\n\nfunction useYearRangeState({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = React.useMemo(() => {\n    return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;\n  }, [navigatedYear, selectedYear]);\n\n  const [fromYear, setFromYear] = React.useState<number>(rangeYear);\n\n  const onNavNext = () => {\n    setFromYear(year => year + CELL_COUNT);\n  };\n\n  const onNavPrevious = () => {\n    setFromYear(year => year - CELL_COUNT);\n  };\n\n  React.useEffect(() => {\n    setFromYear(rangeYear);\n  }, [rangeYear]);\n\n  const toYear = fromYear + CELL_COUNT - 1;\n\n  return [fromYear, toYear, onNavNext, onNavPrevious] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarYear: React.FunctionComponent<CalendarYearProps> = props => {\n  const animateBackwards = useAnimateBackwards(props);\n  const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n\n  const gridRef = React.useRef<CalendarYearGrid>(null);\n\n  React.useImperativeHandle(props.componentRef, () => ({\n    focus() {\n      gridRef.current?.focus?.();\n    },\n  }));\n\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.root}>\n      <CalendarYearHeader\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        onSelectPrev={onNavPrevious}\n        onSelectNext={onNavNext}\n        animateBackwards={animateBackwards}\n      />\n      <CalendarYearGrid\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        animateBackwards={animateBackwards}\n        componentRef={gridRef}\n      />\n    </div>\n  );\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["React","Enter","Space","useArrowNavigationGroup","mergeClasses","useCalendarYearStyles_unstable","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","useRef","useImperativeHandle","focus","current","onClick","onKeyDown","ev","key","classNames","highlightCurrent","highlightSelected","button","itemButton","type","role","aria-selected","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","renderCell","yearToRender","Date","getFullYear","value","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","axis","div","gridContainer","aria-label","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","navigationIcons","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","navigationButton","title","upNavigation","downNavigation","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","onHeaderKeyDown","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","span","aria-live","aria-atomic","CalendarYearHeader","onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","useYearRangeState","useMemo","setFromYear","useState","onNavNext","onNavPrevious","useEffect","CalendarYear","gridRef","root"],"mappings":"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"}

package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js

@@ -133,6 +133,90 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1d258es"
         ],
         Bq268z6: "f1iohfpm"
+    },
+    focusIndicator: {
+        Brovlpu: "ftqa4ok",
+        B486eqv: "f2hkw1w",
+        B8q5s1w: "f8hki3x",
+        Bci5o5g: [
+            "f1d2448m",
+            "ffh67wi"
+        ],
+        n8qw10: "f1bjia2o",
+        Bdrgwmp: [
+            "ffh67wi",
+            "f1d2448m"
+        ],
+        Bb7d1vk: "f226i61",
+        zhwhgb: [
+            "f13kzufm",
+            "fsx75g8"
+        ],
+        dhy2o1: "flujwa2",
+        Gfyso: [
+            "fsx75g8",
+            "f13kzufm"
+        ],
+        Bm4h7ae: "f15bsgw9",
+        B7ys5i9: "f14e48fq",
+        Busjfv9: "f18yb2kv",
+        Bhk32uz: "fd6o370",
+        Bf4ptjt: "fh1cnn4",
+        kclons: [
+            "fy7oxxb",
+            "f184ne2d"
+        ],
+        Bhdgwq3: "fpukqih",
+        Blkhhs4: [
+            "f184ne2d",
+            "fy7oxxb"
+        ],
+        Bqtpl0w: "f1umxd9d",
+        clg4pj: [
+            "fp9lxrq",
+            "f4twznv"
+        ],
+        hgwjuy: "f1eh9j8j",
+        Bonggc9: [
+            "f4twznv",
+            "fp9lxrq"
+        ],
+        B1tsrr9: [
+            "f1jqcqds",
+            "ftffrms"
+        ],
+        Dah5zi: [
+            "ftffrms",
+            "f1jqcqds"
+        ],
+        Bkh64rk: [
+            "f2e7qr6",
+            "fsr1zz6"
+        ],
+        qqdqy8: [
+            "fsr1zz6",
+            "f2e7qr6"
+        ],
+        B6dhp37: "f1dvezut",
+        i03rao: [
+            "fd0oaoj",
+            "f1cwg4i8"
+        ],
+        Boxcth7: "fjvm52t",
+        Bsom6fd: [
+            "f1cwg4i8",
+            "fd0oaoj"
+        ],
+        J0r882: "fehyjer",
+        Bule8hv: [
+            "f1e5jfm0",
+            "f1e134r0"
+        ],
+        Bjwuhne: "f1ykb25c",
+        Ghsupd: [
+            "f1e134r0",
+            "f1e5jfm0"
+        ]
     }
 }, {
     d: [
@@ -155,7 +239,35 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}",
         ".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}",
         ".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}",
-        ".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}"
+        ".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}",
+        ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
+        ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
+        ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
+        ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
+        ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
+        ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
+        ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
+        ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
+        ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
+        ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
+        ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
+        ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
+        ".f1umxd9d[data-fui-focus-visible]::after{border-top-width:var(--strokeWidthThin);}",
+        ".fp9lxrq[data-fui-focus-visible]::after{border-right-width:var(--strokeWidthThin);}",
+        ".f4twznv[data-fui-focus-visible]::after{border-left-width:var(--strokeWidthThin);}",
+        ".f1eh9j8j[data-fui-focus-visible]::after{border-bottom-width:var(--strokeWidthThin);}",
+        ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
+        ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
+        ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
+        ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
+        ".fehyjer[data-fui-focus-visible]::after{top:calc(var(--strokeWidthThin) * -1);}",
+        ".f1e5jfm0[data-fui-focus-visible]::after{right:calc(var(--strokeWidthThin) * -1);}",
+        ".f1e134r0[data-fui-focus-visible]::after{left:calc(var(--strokeWidthThin) * -1);}",
+        ".f1ykb25c[data-fui-focus-visible]::after{bottom:calc(var(--strokeWidthThin) * -1);}"
     ],
     m: [
         [
@@ -235,7 +347,31 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
             {
                 m: "(forced-colors: active)"
             }
+        ],
+        [
+            "@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
         ]
+    ],
+    f: [
+        ".ftqa4ok:focus{outline-style:none;}"
+    ],
+    i: [
+        ".f2hkw1w:focus-visible{outline-style:none;}"
     ]
 });
 const useDaySelectedStyles = /*#__PURE__*/ (0, _react.__styles)({
@@ -876,7 +1012,7 @@ const useCalendarDayGridStyles_unstable = (props)=>{
     return {
         wrapper: (0, _react.mergeClasses)(calendarDayGridClassNames.wrapper, wrapperStyles.base),
         table: (0, _react.mergeClasses)(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),
-        dayCell: (0, _react.mergeClasses)(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),
+        dayCell: (0, _react.mergeClasses)(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),
         daySelected: (0, _react.mergeClasses)(calendarDayGridClassNames.daySelected, daySelectedStyles.base),
         weekRow: (0, _react.mergeClasses)(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === _Calendartypes.AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),
         weekDayLabelCell: (0, _react.mergeClasses)(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),

package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\n/**\n * @internal\n */\nexport const calendarDayGridClassNames = {\n  wrapper: 'fui-CalendarDayGrid__wrapper',\n  table: 'fui-CalendarDayGrid__table',\n  dayCell: 'fui-CalendarDayGrid__dayCell',\n  daySelected: 'fui-CalendarDayGrid__daySelected',\n  weekRow: 'fui-CalendarDayGrid__weekRow',\n  weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n  weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n  dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n  dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n  dayButton: 'fui-CalendarDayGrid__dayButton',\n  dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n  firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n  lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n  dayMarker: 'fui-CalendarDayGrid__dayMarker'\n};\n/**\n * @internal\n */\nexport const extraCalendarDayGridClassNames = {\n  hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n  pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = /*#__PURE__*/__styles({\n  base: {\n    Byoj8tv: \"f1fow5ox\"\n  }\n}, {\n  d: [\".f1fow5ox{padding-bottom:10px;}\"]\n});\nconst useTableStyles = /*#__PURE__*/__styles({\n  base: {\n    po53p8: \"fgkb47j\",\n    Bxjg3zr: \"f16vktn6\",\n    Be2twd7: \"fjoy568\",\n    B6of3ja: \"fvjh0tl\",\n    Byoj8tv: \"f1fow5ox\",\n    qhf8xq: \"f10pi13n\",\n    B73mfa3: \"f14m3nip\",\n    fsow6f: \"f17mccla\",\n    a9b677: \"f4m2ahc\"\n  },\n  showWeekNumbers: {\n    a9b677: \"fl524qk\"\n  }\n}, {\n  d: [\".fgkb47j{border-collapse:collapse;}\", \".f16vktn6{border-spacing:0;}\", \".fjoy568{font-size:inherit;}\", \".fvjh0tl{margin-top:4px;}\", \".f1fow5ox{padding-bottom:10px;}\", \".f10pi13n{position:relative;}\", \".f14m3nip{table-layout:fixed;}\", \".f17mccla{text-align:center;}\", \".f4m2ahc{width:196px;}\", \".fl524qk{width:226px;}\"]\n});\nconst useDayCellStyles = /*#__PURE__*/__styles({\n  base: {\n    sj55zd: \"f19n0e5\",\n    Bceei9c: \"f1k6fduh\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bqenvij: \"fxldao9\",\n    Bg96gwp: \"f336tjw\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"f1w9dchk\",\n    Bsw6fvg: \"f8pusc0\",\n    Bbusuzp: \"fqgauei\",\n    cvlxnx: \"fp6dsbd\",\n    Bweudez: \"f4xgodq\",\n    hzfqlu: \"fehmveg\",\n    Bb91d7d: \"ff78tpz\",\n    dua3dm: \"f128nre3\",\n    z1p9vi: \"f1elgve3\",\n    Bsnevi5: \"f15e7s3w\",\n    xnb59o: \"fts5qqo\",\n    Bj67fi1: \"f1lhgsq9\",\n    B2gfgcj: \"fdbuq6n\",\n    B6cqqer: \"f16j2ub3\",\n    fpurfy: \"f5hk6jp\",\n    Fioj4w: [\"f1d258es\", \"f1llk4aj\"],\n    Bq9yiu4: \"ftezgwa\",\n    cpbo2x: [\"f1llk4aj\", \"f1d258es\"],\n    Bq268z6: \"f1iohfpm\"\n  }\n}, {\n  d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f10pi13n{position:relative;}\", \".f1w9dchk{width:28px;}\", \".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}\", \".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}\", \".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}\"],\n  m: [[\"@media (forced-colors: active){.f8pusc0{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fqgauei{color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fehmveg.fui-CalendarDayGrid__hoverStyle{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ff78tpz.fui-CalendarDayGrid__hoverStyle{color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f128nre3.fui-CalendarDayGrid__hoverStyle{outline-width:1px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1elgve3.fui-CalendarDayGrid__hoverStyle{outline-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f15e7s3w.fui-CalendarDayGrid__hoverStyle{outline-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fts5qqo.fui-CalendarDayGrid__hoverStyle{z-index:3;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16j2ub3.fui-CalendarDayGrid__pressedStyle{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f5hk6jp.fui-CalendarDayGrid__pressedStyle{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1d258es.fui-CalendarDayGrid__pressedStyle{border-right-color:Highlight;}.f1llk4aj.fui-CalendarDayGrid__pressedStyle{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ftezgwa.fui-CalendarDayGrid__pressedStyle{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1iohfpm.fui-CalendarDayGrid__pressedStyle{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDaySelectedStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1vevd59\",\n    sj55zd: \"ff5vbop\",\n    Bsw6fvg: \"f1rirnrt\",\n    Bjwas2f: \"f132fbg1\",\n    Bn1d65q: [\"f1ene5x0\", \"fzbc999\"],\n    Bxeuatn: \"f6jgcol\",\n    n51gp8: [\"fzbc999\", \"f1ene5x0\"],\n    Bbusuzp: \"f1lkg8j3\",\n    ycbfsm: \"fkc42ay\",\n    a3nq4f: \"f1chdfq9\",\n    Bnf3alp: \"fq0dbue\",\n    H2c3sd: \"f3pe0v7\",\n    qu8ld: \"f3t0uu2\",\n    Bg4iunc: \"f1cikclm\"\n  }\n}, {\n  d: [\".f1vevd59{background-color:var(--colorBrandBackgroundInvertedSelected);}\", \".ff5vbop{color:var(--colorNeutralForeground1Static);}\"],\n  m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3pe0v7:hover,.f3pe0v7.fui-CalendarDayGrid__hoverStyle,.f3pe0v7.fui-CalendarDayGrid__pressedStyle{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3t0uu2:hover,.f3t0uu2.fui-CalendarDayGrid__hoverStyle,.f3t0uu2.fui-CalendarDayGrid__pressedStyle{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".f1chdfq9:hover,.f1chdfq9.fui-CalendarDayGrid__hoverStyle,.f1chdfq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}\", \".fq0dbue:hover,.fq0dbue.fui-CalendarDayGrid__hoverStyle,.fq0dbue.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedSelected);}\"]\n});\nconst useWeekRowStyles = /*#__PURE__*/__styles({\n  base: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Ezkn3b: \"f1ee2ue\"\n  },\n  horizontalBackward: {\n    Bv12yb3: [\"f1o9w3l8\", \"f1kwjajc\"]\n  },\n  horizontalForward: {\n    Bv12yb3: [\"f1kwjajc\", \"f1o9w3l8\"]\n  },\n  verticalBackward: {\n    Bv12yb3: \"fgl3yn7\"\n  },\n  verticalForward: {\n    Bv12yb3: \"faiu5ye\"\n  }\n}, {\n  d: [\".f5f2jbu{animation-duration:0.367s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}\", \".f1o9w3l8{animation-name:f5j8bii,f2lgmc3;}\", \".f1kwjajc{animation-name:f5j8bii,fpktcv7;}\", \".fgl3yn7{animation-name:f5j8bii,f3bv9km;}\", \".faiu5ye{animation-name:f5j8bii,funtx0y;}\"],\n  k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@keyframes f2lgmc3{from{pointer-events:none;transform:translate3d(-20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\", \"@keyframes fpktcv7{from{pointer-events:none;transform:translate3d(20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\", \"@keyframes f3bv9km{from{pointer-events:none;transform:translate3d(0, -20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\", \"@keyframes funtx0y{from{pointer-events:none;transform:translate3d(0, 20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\"]\n});\nconst useWeekDayLabelCellStyles = /*#__PURE__*/__styles({\n  base: {\n    famaaq: \"f1xqy1su\",\n    vin17d: \"fhsqnsn\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"f1h7u52p\",\n    Ezkn3b: \"fjq4c94\"\n  }\n}, {\n  d: [\".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\", \".fhsqnsn{animation-duration:0.267s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h7u52p{animation-name:f5j8bii;}\", \".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n  k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"]\n});\nconst useWeekNumberCellStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"],\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxc4j92\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bqenvij: \"fxldao9\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    a9b677: \"f1w9dchk\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fxc4j92{color:var(--colorNeutralForeground4);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fxldao9{height:28px;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1w9dchk{width:28px;}\"]\n});\nconst useDayOutsideBoundsStyles = /*#__PURE__*/__styles({\n  base: {\n    x734em: \"f1v4z6xg\",\n    B0ssf13: \"f1u9q7oh\",\n    B8h8h5z: \"f1a22lcc\",\n    Bbusuzp: \"f1dcs8yz\"\n  }\n}, {\n  d: [\".f1v4z6xg,.f1v4z6xg:disabled,.f1v4z6xg button,.f1v4z6xg.fui-CalendarDayGrid__hoverStyle,.f1v4z6xg.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorTransparentBackground);}\", \".f1u9q7oh,.f1u9q7oh:disabled,.f1u9q7oh button,.f1u9q7oh.fui-CalendarDayGrid__hoverStyle,.f1u9q7oh.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForegroundDisabled);}\", \".f1a22lcc,.f1a22lcc:disabled,.f1a22lcc button,.f1a22lcc.fui-CalendarDayGrid__hoverStyle,.f1a22lcc.fui-CalendarDayGrid__pressedStyle{pointer-events:none;}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDayOutsideNavigatedMonthStyles = /*#__PURE__*/__styles({\n  lightenDaysOutsideNavigatedMonth: {\n    sj55zd: \"fxc4j92\",\n    Bhrd7zp: \"figsok6\",\n    Bbusuzp: \"f1dcs8yz\"\n  }\n}, {\n  d: [\".fxc4j92{color:var(--colorNeutralForeground4);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDayButtonStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1c21dwh\",\n    Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n    Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n    B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n    Btl43ni: [\"f1127022\", \"f1stktl2\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    sj55zd: \"f1ym3bx4\",\n    Bceei9c: \"f1k6fduh\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"ff5ikls\",\n    Bqenvij: \"frvgh55\",\n    Bg96gwp: \"f8xlz6g\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    a9b677: \"fq4mcun\",\n    Bx0yju7: \"f10y451g\",\n    l98f4w: \"f1dwpgx3\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1ym3bx4{color:inherit;}\", \".f1k6fduh{cursor:pointer;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".ff5ikls{font-weight:inherit;}\", \".frvgh55{height:24px;}\", \".f8xlz6g{line-height:24px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fq4mcun{width:24px;}\", \".f10y451gspan{height:inherit;}\", \".f1dwpgx3span{line-height:inherit;}\"]\n});\nconst useDayIsTodayStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"ffp7eso\",\n    Bbmb7ep: [\"f1xbx3v5\", \"fh9p2o2\"],\n    Beyfa6y: [\"fh9p2o2\", \"f1xbx3v5\"],\n    B7oj6ja: [\"f18mldvw\", \"f3h6kr5\"],\n    Btl43ni: [\"f3h6kr5\", \"f18mldvw\"],\n    sj55zd: \"f1phragk\",\n    Bhrd7zp: \"fl43uef\",\n    Bsw6fvg: \"fg374yq\",\n    Bjwas2f: \"fx4t0an\",\n    Bn1d65q: [\"f1bd7qk0\", \"fk5vpic\"],\n    Bxeuatn: \"fgxnpfp\",\n    n51gp8: [\"fk5vpic\", \"f1bd7qk0\"],\n    Bbusuzp: \"f1yig07e\",\n    ycbfsm: \"fkc42ay\",\n    jxbfoe: \"fj0lumn\",\n    Bg4iunc: \"f1cikclm\"\n  }\n}, {\n  d: [\".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1xbx3v5{border-bottom-right-radius:100%;}\", \".fh9p2o2{border-bottom-left-radius:100%;}\", \".f18mldvw{border-top-right-radius:100%;}\", \".f3h6kr5{border-top-left-radius:100%;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fj0lumn>.fui-CalendarDayGrid__dayMarker{background-color:var(--colorNeutralForegroundOnBrand);}\"],\n  m: [[\"@media (forced-colors: active){.fg374yq{background-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fx4t0an{border-top-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1bd7qk0{border-right-color:WindowText;}.fk5vpic{border-left-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fgxnpfp{border-bottom-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yig07e{color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useFirstTransitionWeekStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"fniina8\",\n    abs64n: \"fk73vx1\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"f3tsq5r\"\n  },\n  verticalForward: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"fb3mxun\",\n    Ezkn3b: \"f1ee2ue\"\n  }\n}, {\n  d: [\".fniina8{height:0;}\", \".fk73vx1{opacity:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1euv43f{position:absolute;}\", \".f3tsq5r{width:0;}\", \".f5f2jbu{animation-duration:0.367s;}\", \".fywypte{animation-fill-mode:both;}\", \".fb3mxun{animation-name:f199e34v,f76svrd,fhwv0sk;}\", \".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}\"],\n  k: [\"@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@keyframes f76svrd{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, -20px, 0);}}\", \"@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\"]\n});\nconst useLastTransitionWeekStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"fniina8\",\n    B6of3ja: \"flykjtj\",\n    abs64n: \"fk73vx1\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"f3tsq5r\"\n  },\n  verticalBackward: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"f1h56eac\",\n    Ezkn3b: \"f1ee2ue\"\n  }\n}, {\n  d: [\".fniina8{height:0;}\", \".flykjtj{margin-top:-28px;}\", \".fk73vx1{opacity:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1euv43f{position:absolute;}\", \".f3tsq5r{width:0;}\", \".f5f2jbu{animation-duration:0.367s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h56eac{animation-name:f199e34v,f18895iq,fhwv0sk;}\", \".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}\"],\n  k: [\"@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@keyframes f18895iq{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, 20px, 0);}}\", \"@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\"]\n});\nconst useDayMarkerStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"fnggedw\",\n    Bbmb7ep: [\"f1xbx3v5\", \"fh9p2o2\"],\n    Beyfa6y: [\"fh9p2o2\", \"f1xbx3v5\"],\n    B7oj6ja: [\"f18mldvw\", \"f3h6kr5\"],\n    Btl43ni: [\"f3h6kr5\", \"f18mldvw\"],\n    B5kzvoi: \"f1oq0udb\",\n    Bqenvij: \"f6ywr7j\",\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    B6of3ja: \"fgr6219\",\n    t21cq0: [\"f1ujusj6\", \"fcgxt0o\"],\n    jrapky: \"f10jk5vf\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    a9b677: \"faro0ui\",\n    Bsw6fvg: \"fg374yq\",\n    ycbfsm: \"fkc42ay\"\n  }\n}, {\n  d: [\".fnggedw{background-color:var(--colorBrandForeground2);}\", \".f1xbx3v5{border-bottom-right-radius:100%;}\", \".fh9p2o2{border-bottom-left-radius:100%;}\", \".f18mldvw{border-top-right-radius:100%;}\", \".f3h6kr5{border-top-left-radius:100%;}\", \".f1oq0udb{bottom:1px;}\", \".f6ywr7j{height:4px;}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fgr6219{margin-top:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fcgxt0o{margin-left:auto;}\", \".f10jk5vf{margin-bottom:auto;}\", \".f1euv43f{position:absolute;}\", \".faro0ui{width:4px;}\"],\n  m: [[\"@media (forced-colors: active){.fg374yq{background-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useCornerBorderAndRadiusStyles = /*#__PURE__*/__styles({\n  corners: {\n    Cy64m2: [\"fgk2v8v\", \"flgychs\"],\n    Bnn43bw: [\"fon8hnx\", \"f1dzb7s0\"],\n    feanbc: [\"f5gufe6\", \"f6b3fnj\"],\n    B4268ip: [\"fo35n0e\", \"f96pych\"]\n  }\n}, {\n  d: [\".fgk2v8v.fui-CalendarDayGrid__topRightCornerDate{border-top-right-radius:2px;}\", \".flgychs.fui-CalendarDayGrid__topRightCornerDate{border-top-left-radius:2px;}\", \".fon8hnx.fui-CalendarDayGrid__topLeftCornerDate{border-top-left-radius:2px;}\", \".f1dzb7s0.fui-CalendarDayGrid__topLeftCornerDate{border-top-right-radius:2px;}\", \".f5gufe6.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-right-radius:2px;}\", \".f6b3fnj.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-left-radius:2px;}\", \".fo35n0e.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-left-radius:2px;}\", \".f96pych.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-right-radius:2px;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */\nexport const useCalendarDayGridStyles_unstable = props => {\n  const wrapperStyles = useWrapperStyles();\n  const tableStyles = useTableStyles();\n  const dayCellStyles = useDayCellStyles();\n  const daySelectedStyles = useDaySelectedStyles();\n  const weekRowStyles = useWeekRowStyles();\n  const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n  const weekNumberCellStyles = useWeekNumberCellStyles();\n  const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n  const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n  const dayButtonStyles = useDayButtonStyles();\n  const dayIsTodayStyles = useDayIsTodayStyles();\n  const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n  const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n  const dayMarkerStyles = useDayMarkerStyles();\n  const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n  const {\n    animateBackwards,\n    animationDirection,\n    lightenDaysOutsideNavigatedMonth,\n    showWeekNumbers\n  } = props;\n  return {\n    wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n    table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n    dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),\n    daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n    weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n    weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n    weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n    dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n    dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n    dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n    dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n    firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n    lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n    dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n  };\n};\n//# sourceMappingURL=useCalendarDayGridStyles.styles.js.map"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","hoverStyle","pressedStyle","useWrapperStyles","__styles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","m","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","mergeClasses","undefined","AnimationDirection","Horizontal"],"mappings":"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"}
+{"version":3,"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */\nexport const calendarDayGridClassNames = {\n  wrapper: 'fui-CalendarDayGrid__wrapper',\n  table: 'fui-CalendarDayGrid__table',\n  dayCell: 'fui-CalendarDayGrid__dayCell',\n  daySelected: 'fui-CalendarDayGrid__daySelected',\n  weekRow: 'fui-CalendarDayGrid__weekRow',\n  weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n  weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n  dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n  dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n  dayButton: 'fui-CalendarDayGrid__dayButton',\n  dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n  firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n  lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n  dayMarker: 'fui-CalendarDayGrid__dayMarker'\n};\n/**\n * @internal\n */\nexport const extraCalendarDayGridClassNames = {\n  hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n  pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = /*#__PURE__*/__styles({\n  base: {\n    Byoj8tv: \"f1fow5ox\"\n  }\n}, {\n  d: [\".f1fow5ox{padding-bottom:10px;}\"]\n});\nconst useTableStyles = /*#__PURE__*/__styles({\n  base: {\n    po53p8: \"fgkb47j\",\n    Bxjg3zr: \"f16vktn6\",\n    Be2twd7: \"fjoy568\",\n    B6of3ja: \"fvjh0tl\",\n    Byoj8tv: \"f1fow5ox\",\n    qhf8xq: \"f10pi13n\",\n    B73mfa3: \"f14m3nip\",\n    fsow6f: \"f17mccla\",\n    a9b677: \"f4m2ahc\"\n  },\n  showWeekNumbers: {\n    a9b677: \"fl524qk\"\n  }\n}, {\n  d: [\".fgkb47j{border-collapse:collapse;}\", \".f16vktn6{border-spacing:0;}\", \".fjoy568{font-size:inherit;}\", \".fvjh0tl{margin-top:4px;}\", \".f1fow5ox{padding-bottom:10px;}\", \".f10pi13n{position:relative;}\", \".f14m3nip{table-layout:fixed;}\", \".f17mccla{text-align:center;}\", \".f4m2ahc{width:196px;}\", \".fl524qk{width:226px;}\"]\n});\nconst useDayCellStyles = /*#__PURE__*/__styles({\n  base: {\n    sj55zd: \"f19n0e5\",\n    Bceei9c: \"f1k6fduh\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bqenvij: \"fxldao9\",\n    Bg96gwp: \"f336tjw\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"f1w9dchk\",\n    Bsw6fvg: \"f8pusc0\",\n    Bbusuzp: \"fqgauei\",\n    cvlxnx: \"fp6dsbd\",\n    Bweudez: \"f4xgodq\",\n    hzfqlu: \"fehmveg\",\n    Bb91d7d: \"ff78tpz\",\n    dua3dm: \"f128nre3\",\n    z1p9vi: \"f1elgve3\",\n    Bsnevi5: \"f15e7s3w\",\n    xnb59o: \"fts5qqo\",\n    Bj67fi1: \"f1lhgsq9\",\n    B2gfgcj: \"fdbuq6n\",\n    B6cqqer: \"f16j2ub3\",\n    fpurfy: \"f5hk6jp\",\n    Fioj4w: [\"f1d258es\", \"f1llk4aj\"],\n    Bq9yiu4: \"ftezgwa\",\n    cpbo2x: [\"f1llk4aj\", \"f1d258es\"],\n    Bq268z6: \"f1iohfpm\"\n  },\n  focusIndicator: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bb7d1vk: \"f226i61\",\n    zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n    dhy2o1: \"flujwa2\",\n    Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"f1umxd9d\",\n    clg4pj: [\"fp9lxrq\", \"f4twznv\"],\n    hgwjuy: \"f1eh9j8j\",\n    Bonggc9: [\"f4twznv\", \"fp9lxrq\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"fehyjer\",\n    Bule8hv: [\"f1e5jfm0\", \"f1e134r0\"],\n    Bjwuhne: \"f1ykb25c\",\n    Ghsupd: [\"f1e134r0\", \"f1e5jfm0\"]\n  }\n}, {\n  d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f10pi13n{position:relative;}\", \".f1w9dchk{width:28px;}\", \".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}\", \".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}\", \".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".f1umxd9d[data-fui-focus-visible]::after{border-top-width:var(--strokeWidthThin);}\", \".fp9lxrq[data-fui-focus-visible]::after{border-right-width:var(--strokeWidthThin);}\", \".f4twznv[data-fui-focus-visible]::after{border-left-width:var(--strokeWidthThin);}\", \".f1eh9j8j[data-fui-focus-visible]::after{border-bottom-width:var(--strokeWidthThin);}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fehyjer[data-fui-focus-visible]::after{top:calc(var(--strokeWidthThin) * -1);}\", \".f1e5jfm0[data-fui-focus-visible]::after{right:calc(var(--strokeWidthThin) * -1);}\", \".f1e134r0[data-fui-focus-visible]::after{left:calc(var(--strokeWidthThin) * -1);}\", \".f1ykb25c[data-fui-focus-visible]::after{bottom:calc(var(--strokeWidthThin) * -1);}\"],\n  m: [[\"@media (forced-colors: active){.f8pusc0{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fqgauei{color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fehmveg.fui-CalendarDayGrid__hoverStyle{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ff78tpz.fui-CalendarDayGrid__hoverStyle{color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f128nre3.fui-CalendarDayGrid__hoverStyle{outline-width:1px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1elgve3.fui-CalendarDayGrid__hoverStyle{outline-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f15e7s3w.fui-CalendarDayGrid__hoverStyle{outline-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fts5qqo.fui-CalendarDayGrid__hoverStyle{z-index:3;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16j2ub3.fui-CalendarDayGrid__pressedStyle{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f5hk6jp.fui-CalendarDayGrid__pressedStyle{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1d258es.fui-CalendarDayGrid__pressedStyle{border-right-color:Highlight;}.f1llk4aj.fui-CalendarDayGrid__pressedStyle{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ftezgwa.fui-CalendarDayGrid__pressedStyle{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1iohfpm.fui-CalendarDayGrid__pressedStyle{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\nconst useDaySelectedStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1vevd59\",\n    sj55zd: \"ff5vbop\",\n    Bsw6fvg: \"f1rirnrt\",\n    Bjwas2f: \"f132fbg1\",\n    Bn1d65q: [\"f1ene5x0\", \"fzbc999\"],\n    Bxeuatn: \"f6jgcol\",\n    n51gp8: [\"fzbc999\", \"f1ene5x0\"],\n    Bbusuzp: \"f1lkg8j3\",\n    ycbfsm: \"fkc42ay\",\n    a3nq4f: \"f1chdfq9\",\n    Bnf3alp: \"fq0dbue\",\n    H2c3sd: \"f3pe0v7\",\n    qu8ld: \"f3t0uu2\",\n    Bg4iunc: \"f1cikclm\"\n  }\n}, {\n  d: [\".f1vevd59{background-color:var(--colorBrandBackgroundInvertedSelected);}\", \".ff5vbop{color:var(--colorNeutralForeground1Static);}\"],\n  m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3pe0v7:hover,.f3pe0v7.fui-CalendarDayGrid__hoverStyle,.f3pe0v7.fui-CalendarDayGrid__pressedStyle{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3t0uu2:hover,.f3t0uu2.fui-CalendarDayGrid__hoverStyle,.f3t0uu2.fui-CalendarDayGrid__pressedStyle{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".f1chdfq9:hover,.f1chdfq9.fui-CalendarDayGrid__hoverStyle,.f1chdfq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}\", \".fq0dbue:hover,.fq0dbue.fui-CalendarDayGrid__hoverStyle,.fq0dbue.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedSelected);}\"]\n});\nconst useWeekRowStyles = /*#__PURE__*/__styles({\n  base: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Ezkn3b: \"f1ee2ue\"\n  },\n  horizontalBackward: {\n    Bv12yb3: [\"f1o9w3l8\", \"f1kwjajc\"]\n  },\n  horizontalForward: {\n    Bv12yb3: [\"f1kwjajc\", \"f1o9w3l8\"]\n  },\n  verticalBackward: {\n    Bv12yb3: \"fgl3yn7\"\n  },\n  verticalForward: {\n    Bv12yb3: \"faiu5ye\"\n  }\n}, {\n  d: [\".f5f2jbu{animation-duration:0.367s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}\", \".f1o9w3l8{animation-name:f5j8bii,f2lgmc3;}\", \".f1kwjajc{animation-name:f5j8bii,fpktcv7;}\", \".fgl3yn7{animation-name:f5j8bii,f3bv9km;}\", \".faiu5ye{animation-name:f5j8bii,funtx0y;}\"],\n  k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@keyframes f2lgmc3{from{pointer-events:none;transform:translate3d(-20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\", \"@keyframes fpktcv7{from{pointer-events:none;transform:translate3d(20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\", \"@keyframes f3bv9km{from{pointer-events:none;transform:translate3d(0, -20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\", \"@keyframes funtx0y{from{pointer-events:none;transform:translate3d(0, 20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}\"]\n});\nconst useWeekDayLabelCellStyles = /*#__PURE__*/__styles({\n  base: {\n    famaaq: \"f1xqy1su\",\n    vin17d: \"fhsqnsn\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"f1h7u52p\",\n    Ezkn3b: \"fjq4c94\"\n  }\n}, {\n  d: [\".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\", \".fhsqnsn{animation-duration:0.267s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h7u52p{animation-name:f5j8bii;}\", \".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n  k: [\"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"]\n});\nconst useWeekNumberCellStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"],\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxc4j92\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bqenvij: \"fxldao9\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    a9b677: \"f1w9dchk\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fxc4j92{color:var(--colorNeutralForeground4);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fxldao9{height:28px;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1w9dchk{width:28px;}\"]\n});\nconst useDayOutsideBoundsStyles = /*#__PURE__*/__styles({\n  base: {\n    x734em: \"f1v4z6xg\",\n    B0ssf13: \"f1u9q7oh\",\n    B8h8h5z: \"f1a22lcc\",\n    Bbusuzp: \"f1dcs8yz\"\n  }\n}, {\n  d: [\".f1v4z6xg,.f1v4z6xg:disabled,.f1v4z6xg button,.f1v4z6xg.fui-CalendarDayGrid__hoverStyle,.f1v4z6xg.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorTransparentBackground);}\", \".f1u9q7oh,.f1u9q7oh:disabled,.f1u9q7oh button,.f1u9q7oh.fui-CalendarDayGrid__hoverStyle,.f1u9q7oh.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForegroundDisabled);}\", \".f1a22lcc,.f1a22lcc:disabled,.f1a22lcc button,.f1a22lcc.fui-CalendarDayGrid__hoverStyle,.f1a22lcc.fui-CalendarDayGrid__pressedStyle{pointer-events:none;}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDayOutsideNavigatedMonthStyles = /*#__PURE__*/__styles({\n  lightenDaysOutsideNavigatedMonth: {\n    sj55zd: \"fxc4j92\",\n    Bhrd7zp: \"figsok6\",\n    Bbusuzp: \"f1dcs8yz\"\n  }\n}, {\n  d: [\".fxc4j92{color:var(--colorNeutralForeground4);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDayButtonStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1c21dwh\",\n    Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n    Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n    B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n    Btl43ni: [\"f1127022\", \"f1stktl2\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    sj55zd: \"f1ym3bx4\",\n    Bceei9c: \"f1k6fduh\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"ff5ikls\",\n    Bqenvij: \"frvgh55\",\n    Bg96gwp: \"f8xlz6g\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    a9b677: \"fq4mcun\",\n    Bx0yju7: \"f10y451g\",\n    l98f4w: \"f1dwpgx3\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1ym3bx4{color:inherit;}\", \".f1k6fduh{cursor:pointer;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".ff5ikls{font-weight:inherit;}\", \".frvgh55{height:24px;}\", \".f8xlz6g{line-height:24px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fq4mcun{width:24px;}\", \".f10y451gspan{height:inherit;}\", \".f1dwpgx3span{line-height:inherit;}\"]\n});\nconst useDayIsTodayStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"ffp7eso\",\n    Bbmb7ep: [\"f1xbx3v5\", \"fh9p2o2\"],\n    Beyfa6y: [\"fh9p2o2\", \"f1xbx3v5\"],\n    B7oj6ja: [\"f18mldvw\", \"f3h6kr5\"],\n    Btl43ni: [\"f3h6kr5\", \"f18mldvw\"],\n    sj55zd: \"f1phragk\",\n    Bhrd7zp: \"fl43uef\",\n    Bsw6fvg: \"fg374yq\",\n    Bjwas2f: \"fx4t0an\",\n    Bn1d65q: [\"f1bd7qk0\", \"fk5vpic\"],\n    Bxeuatn: \"fgxnpfp\",\n    n51gp8: [\"fk5vpic\", \"f1bd7qk0\"],\n    Bbusuzp: \"f1yig07e\",\n    ycbfsm: \"fkc42ay\",\n    jxbfoe: \"fj0lumn\",\n    Bg4iunc: \"f1cikclm\"\n  }\n}, {\n  d: [\".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1xbx3v5{border-bottom-right-radius:100%;}\", \".fh9p2o2{border-bottom-left-radius:100%;}\", \".f18mldvw{border-top-right-radius:100%;}\", \".f3h6kr5{border-top-left-radius:100%;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fj0lumn>.fui-CalendarDayGrid__dayMarker{background-color:var(--colorNeutralForegroundOnBrand);}\"],\n  m: [[\"@media (forced-colors: active){.fg374yq{background-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fx4t0an{border-top-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1bd7qk0{border-right-color:WindowText;}.fk5vpic{border-left-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fgxnpfp{border-bottom-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yig07e{color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useFirstTransitionWeekStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"fniina8\",\n    abs64n: \"fk73vx1\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"f3tsq5r\"\n  },\n  verticalForward: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"fb3mxun\",\n    Ezkn3b: \"f1ee2ue\"\n  }\n}, {\n  d: [\".fniina8{height:0;}\", \".fk73vx1{opacity:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1euv43f{position:absolute;}\", \".f3tsq5r{width:0;}\", \".f5f2jbu{animation-duration:0.367s;}\", \".fywypte{animation-fill-mode:both;}\", \".fb3mxun{animation-name:f199e34v,f76svrd,fhwv0sk;}\", \".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}\"],\n  k: [\"@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@keyframes f76svrd{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, -20px, 0);}}\", \"@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\"]\n});\nconst useLastTransitionWeekStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"fniina8\",\n    B6of3ja: \"flykjtj\",\n    abs64n: \"fk73vx1\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"f3tsq5r\"\n  },\n  verticalBackward: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"f1h56eac\",\n    Ezkn3b: \"f1ee2ue\"\n  }\n}, {\n  d: [\".fniina8{height:0;}\", \".flykjtj{margin-top:-28px;}\", \".fk73vx1{opacity:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1euv43f{position:absolute;}\", \".f3tsq5r{width:0;}\", \".f5f2jbu{animation-duration:0.367s;}\", \".fywypte{animation-fill-mode:both;}\", \".f1h56eac{animation-name:f199e34v,f18895iq,fhwv0sk;}\", \".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}\"],\n  k: [\"@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@keyframes f18895iq{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, 20px, 0);}}\", \"@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\"]\n});\nconst useDayMarkerStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"fnggedw\",\n    Bbmb7ep: [\"f1xbx3v5\", \"fh9p2o2\"],\n    Beyfa6y: [\"fh9p2o2\", \"f1xbx3v5\"],\n    B7oj6ja: [\"f18mldvw\", \"f3h6kr5\"],\n    Btl43ni: [\"f3h6kr5\", \"f18mldvw\"],\n    B5kzvoi: \"f1oq0udb\",\n    Bqenvij: \"f6ywr7j\",\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    B6of3ja: \"fgr6219\",\n    t21cq0: [\"f1ujusj6\", \"fcgxt0o\"],\n    jrapky: \"f10jk5vf\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    a9b677: \"faro0ui\",\n    Bsw6fvg: \"fg374yq\",\n    ycbfsm: \"fkc42ay\"\n  }\n}, {\n  d: [\".fnggedw{background-color:var(--colorBrandForeground2);}\", \".f1xbx3v5{border-bottom-right-radius:100%;}\", \".fh9p2o2{border-bottom-left-radius:100%;}\", \".f18mldvw{border-top-right-radius:100%;}\", \".f3h6kr5{border-top-left-radius:100%;}\", \".f1oq0udb{bottom:1px;}\", \".f6ywr7j{height:4px;}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fgr6219{margin-top:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fcgxt0o{margin-left:auto;}\", \".f10jk5vf{margin-bottom:auto;}\", \".f1euv43f{position:absolute;}\", \".faro0ui{width:4px;}\"],\n  m: [[\"@media (forced-colors: active){.fg374yq{background-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useCornerBorderAndRadiusStyles = /*#__PURE__*/__styles({\n  corners: {\n    Cy64m2: [\"fgk2v8v\", \"flgychs\"],\n    Bnn43bw: [\"fon8hnx\", \"f1dzb7s0\"],\n    feanbc: [\"f5gufe6\", \"f6b3fnj\"],\n    B4268ip: [\"fo35n0e\", \"f96pych\"]\n  }\n}, {\n  d: [\".fgk2v8v.fui-CalendarDayGrid__topRightCornerDate{border-top-right-radius:2px;}\", \".flgychs.fui-CalendarDayGrid__topRightCornerDate{border-top-left-radius:2px;}\", \".fon8hnx.fui-CalendarDayGrid__topLeftCornerDate{border-top-left-radius:2px;}\", \".f1dzb7s0.fui-CalendarDayGrid__topLeftCornerDate{border-top-right-radius:2px;}\", \".f5gufe6.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-right-radius:2px;}\", \".f6b3fnj.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-left-radius:2px;}\", \".fo35n0e.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-left-radius:2px;}\", \".f96pych.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-right-radius:2px;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */\nexport const useCalendarDayGridStyles_unstable = props => {\n  const wrapperStyles = useWrapperStyles();\n  const tableStyles = useTableStyles();\n  const dayCellStyles = useDayCellStyles();\n  const daySelectedStyles = useDaySelectedStyles();\n  const weekRowStyles = useWeekRowStyles();\n  const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n  const weekNumberCellStyles = useWeekNumberCellStyles();\n  const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n  const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n  const dayButtonStyles = useDayButtonStyles();\n  const dayIsTodayStyles = useDayIsTodayStyles();\n  const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n  const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n  const dayMarkerStyles = useDayMarkerStyles();\n  const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n  const {\n    animateBackwards,\n    animationDirection,\n    lightenDaysOutsideNavigatedMonth,\n    showWeekNumbers\n  } = props;\n  return {\n    wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n    table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n    dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n    daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n    weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n    weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n    weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n    dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n    dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n    dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n    dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n    firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n    lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n    dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n  };\n};\n//# sourceMappingURL=useCalendarDayGridStyles.styles.js.map"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","hoverStyle","pressedStyle","useWrapperStyles","__styles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","m","f","i","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","mergeClasses","undefined","AnimationDirection","Horizontal"],"mappings":"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"}

package/lib-commonjs/components/CalendarMonth/CalendarMonth.js

@@ -126,7 +126,7 @@ const CalendarMonth = (props)=>{
         animationDirection
     });
     const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
-        axis: 'both'
+        axis: 'grid'
     });
     if (isYearPickerVisible) {
         const [onRenderYear, yearStrings] = getYearStrings({

package/lib-commonjs/components/CalendarMonth/CalendarMonth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CalendarMonth.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { addYears, compareDatePart, getMonthEnd, getMonthStart, getYearEnd, getYearStart, setMonth, DEFAULT_DATE_FORMATTING } from '../../utils';\nimport { CalendarYear } from '../CalendarYear/CalendarYear';\nimport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles';\nconst MONTHS_PER_ROW = 4;\nfunction useAnimateBackwards({ navigatedDate }) {\n    const currentYear = navigatedDate.getFullYear();\n    const previousYearRef = React.useRef();\n    React.useEffect(()=>{\n        previousYearRef.current = currentYear;\n    });\n    const previousYear = previousYearRef.current;\n    if (previousYear === undefined || previousYear === currentYear) {\n        return undefined;\n    } else {\n        return previousYear > currentYear;\n    }\n}\nfunction useFocusLogic({ componentRef }) {\n    const navigatedMonthRef = React.useRef(null);\n    const calendarYearRef = React.useRef(null);\n    const focusOnUpdate = React.useRef(false);\n    const focus = React.useCallback(()=>{\n        if (calendarYearRef.current) {\n            calendarYearRef.current.focus();\n        } else if (navigatedMonthRef.current) {\n            navigatedMonthRef.current.focus();\n        }\n    }, []);\n    React.useImperativeHandle(componentRef, ()=>({\n            focus\n        }), [\n        focus\n    ]);\n    React.useEffect(()=>{\n        if (focusOnUpdate.current) {\n            focus();\n            focusOnUpdate.current = false;\n        }\n    });\n    const focusOnNextUpdate = ()=>{\n        focusOnUpdate.current = true;\n    };\n    return [\n        navigatedMonthRef,\n        calendarYearRef,\n        focusOnNextUpdate\n    ];\n}\n/**\n * @internal\n */ export const CalendarMonth = (props)=>{\n    const { allFocusable, animationDirection, className, componentRef, dateTimeFormatter = DEFAULT_DATE_FORMATTING, highlightCurrentMonth, highlightSelectedMonth, maxDate, minDate, navigatedDate, navigationIcons, onHeaderSelect: onUserHeaderSelect, onNavigateDate, selectedDate, strings, today = new Date(), yearPickerHidden = false } = props;\n    const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({\n        componentRef\n    });\n    const [isYearPickerVisible, setIsYearPickerVisible] = React.useState(false);\n    const animateBackwards = useAnimateBackwards({\n        navigatedDate\n    });\n    const selectMonthCallback = (newMonth)=>{\n        return ()=>onSelectMonth(newMonth);\n    };\n    const onSelectNextYear = ()=>{\n        onNavigateDate(addYears(navigatedDate, 1), false);\n    };\n    const onSelectPrevYear = ()=>{\n        onNavigateDate(addYears(navigatedDate, -1), false);\n    };\n    const onSelectMonth = (newMonth)=>{\n        // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked\n        onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();\n        onNavigateDate(setMonth(navigatedDate, newMonth), true);\n    };\n    const onHeaderSelect = ()=>{\n        if (!yearPickerHidden) {\n            focusOnNextUpdate();\n            setIsYearPickerVisible(true);\n        } else {\n            onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();\n        }\n    };\n    const onSelectYear = (selectedYear)=>{\n        focusOnNextUpdate();\n        const navYear = navigatedDate.getFullYear();\n        if (navYear !== selectedYear) {\n            let newNavigationDate = new Date(navigatedDate.getTime());\n            newNavigationDate.setFullYear(selectedYear);\n            // for min and max dates, adjust the new navigation date - perhaps this should be\n            // checked on the master navigation date handler (i.e. in Calendar)\n            if (maxDate && newNavigationDate > maxDate) {\n                newNavigationDate = setMonth(newNavigationDate, maxDate.getMonth());\n            } else if (minDate && newNavigationDate < minDate) {\n                newNavigationDate = setMonth(newNavigationDate, minDate.getMonth());\n            }\n            onNavigateDate(newNavigationDate, true);\n        }\n        setIsYearPickerVisible(false);\n    };\n    const onYearPickerHeaderSelect = (focus)=>{\n        focusOnNextUpdate();\n        setIsYearPickerVisible(false);\n    };\n    const dateFormatter = dateTimeFormatter;\n    // determine if previous/next years are in bounds\n    const isPrevYearInBounds = minDate ? compareDatePart(minDate, getYearStart(navigatedDate)) < 0 : true;\n    const isNextYearInBounds = maxDate ? compareDatePart(getYearEnd(navigatedDate), maxDate) < 0 : true;\n    const classNames = useCalendarMonthStyles_unstable({\n        className,\n        hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,\n        highlightCurrent: highlightCurrentMonth,\n        highlightSelected: highlightSelectedMonth,\n        animateBackwards,\n        animationDirection\n    });\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: 'both'\n    });\n    if (isYearPickerVisible) {\n        const [onRenderYear, yearStrings] = getYearStrings({\n            dateTimeFormatter,\n            navigatedDate,\n            strings\n        });\n        // use navigated date for the year picker\n        return /*#__PURE__*/ React.createElement(CalendarYear, {\n            key: 'calendarYear',\n            minYear: minDate ? minDate.getFullYear() : undefined,\n            maxYear: maxDate ? maxDate.getFullYear() : undefined,\n            // eslint-disable-next-line react/jsx-no-bind\n            onSelectYear: onSelectYear,\n            // eslint-disable-next-line react/jsx-no-bind\n            onHeaderSelect: onYearPickerHeaderSelect,\n            selectedYear: selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined,\n            navigatedYear: navigatedDate.getFullYear(),\n            navigationIcons: navigationIcons,\n            onRenderYear: onRenderYear,\n            strings: yearStrings,\n            componentRef: calendarYearRef,\n            highlightCurrentYear: highlightCurrentMonth,\n            highlightSelectedYear: highlightSelectedMonth,\n            animationDirection: animationDirection\n        });\n    }\n    const rowIndexes = [];\n    for(let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++){\n        rowIndexes.push(i);\n    }\n    const yearString = dateFormatter.formatYear(navigatedDate);\n    const headerAriaLabel = strings.monthPickerHeaderAriaLabel ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString) : yearString;\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.root\n    }, /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.headerContainer\n    }, /*#__PURE__*/ React.createElement(\"button\", {\n        className: classNames.currentItemButton,\n        onClick: onHeaderSelect,\n        onKeyDown: onButtonKeyDown(onHeaderSelect),\n        \"aria-label\": headerAriaLabel,\n        tabIndex: !!onUserHeaderSelect || !yearPickerHidden ? 0 : -1,\n        type: \"button\"\n    }, /*#__PURE__*/ React.createElement(\"span\", {\n        \"aria-live\": \"polite\",\n        \"aria-atomic\": \"true\"\n    }, yearString)), /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.navigationButtonsContainer\n    }, /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled),\n        \"aria-disabled\": !isPrevYearInBounds,\n        tabIndex: isPrevYearInBounds ? undefined : allFocusable ? 0 : -1,\n        onClick: isPrevYearInBounds ? onSelectPrevYear : undefined,\n        onKeyDown: isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined,\n        title: strings.prevYearAriaLabel ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, -1)) : undefined,\n        type: \"button\"\n    }, navigationIcons.upNavigation), /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.navigationButton, !isNextYearInBounds && classNames.disabled),\n        \"aria-disabled\": !isNextYearInBounds,\n        tabIndex: isNextYearInBounds ? undefined : allFocusable ? 0 : -1,\n        onClick: isNextYearInBounds ? onSelectNextYear : undefined,\n        onKeyDown: isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined,\n        title: strings.nextYearAriaLabel ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, 1)) : undefined,\n        type: \"button\"\n    }, navigationIcons.downNavigation))), /*#__PURE__*/ React.createElement(\"div\", {\n        ...arrowNavigationAttributes,\n        className: classNames.gridContainer,\n        role: \"grid\",\n        \"aria-label\": yearString\n    }, rowIndexes.map((rowNum)=>{\n        const monthsForRow = strings.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);\n        return /*#__PURE__*/ React.createElement(\"div\", {\n            key: 'monthRow_' + rowNum + navigatedDate.getFullYear(),\n            role: \"row\",\n            className: classNames.buttonRow\n        }, monthsForRow.map((month, index)=>{\n            const monthIndex = rowNum * MONTHS_PER_ROW + index;\n            const indexedMonth = setMonth(navigatedDate, monthIndex);\n            const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;\n            const isSelectedMonth = selectedDate.getMonth() === monthIndex;\n            const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();\n            const isInBounds = (minDate ? compareDatePart(minDate, getMonthEnd(indexedMonth)) < 1 : true) && (maxDate ? compareDatePart(getMonthStart(indexedMonth), maxDate) < 1 : true);\n            return /*#__PURE__*/ React.createElement(\"button\", {\n                ref: isNavigatedMonth ? navigatedMonthRef : undefined,\n                role: 'gridcell',\n                className: mergeClasses(classNames.itemButton, highlightCurrentMonth && isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) && classNames.current, highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected, !isInBounds && classNames.disabled),\n                disabled: !allFocusable && !isInBounds,\n                key: monthIndex,\n                onClick: isInBounds ? selectMonthCallback(monthIndex) : undefined,\n                onKeyDown: isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined,\n                \"aria-label\": dateFormatter.formatMonth(indexedMonth, strings),\n                \"aria-selected\": isNavigatedMonth,\n                tabIndex: isInBounds ? 0 : -1,\n                type: \"button\"\n            }, month);\n        }));\n    })));\n};\nCalendarMonth.displayName = 'CalendarMonth';\nfunction getYearStrings({ dateTimeFormatter, navigatedDate, strings }) {\n    const yearToString = (year)=>{\n        if (dateTimeFormatter) {\n            // create a date based on the current nav date\n            const yearFormattingDate = new Date(navigatedDate.getTime());\n            yearFormattingDate.setFullYear(year);\n            return dateTimeFormatter.formatYear(yearFormattingDate);\n        }\n        return String(year);\n    };\n    const yearRangeToString = (yearRange)=>{\n        return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;\n    };\n    const yearRangeToNextDecadeLabel = (yearRange)=>{\n        return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n    };\n    const yearRangeToPrevDecadeLabel = (yearRange)=>{\n        return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n    };\n    return [\n        yearToString,\n        {\n            rangeAriaLabel: yearRangeToString,\n            prevRangeAriaLabel: yearRangeToPrevDecadeLabel,\n            nextRangeAriaLabel: yearRangeToNextDecadeLabel,\n            headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel\n        }\n    ];\n}\nfunction isCurrentMonth(month, year, today) {\n    return today.getFullYear() === year && today.getMonth() === month;\n}\nfunction onButtonKeyDown(callback) {\n    return (ev)=>{\n        switch(ev.key){\n            case Enter:\n                callback();\n                break;\n        }\n    };\n}\n"],"names":["CalendarMonth","MONTHS_PER_ROW","useAnimateBackwards","navigatedDate","currentYear","getFullYear","previousYearRef","React","useRef","useEffect","current","previousYear","undefined","useFocusLogic","componentRef","navigatedMonthRef","calendarYearRef","focusOnUpdate","focus","useCallback","useImperativeHandle","focusOnNextUpdate","props","allFocusable","animationDirection","className","dateTimeFormatter","DEFAULT_DATE_FORMATTING","highlightCurrentMonth","highlightSelectedMonth","maxDate","minDate","navigationIcons","onHeaderSelect","onUserHeaderSelect","onNavigateDate","selectedDate","strings","today","Date","yearPickerHidden","isYearPickerVisible","setIsYearPickerVisible","useState","animateBackwards","selectMonthCallback","newMonth","onSelectMonth","onSelectNextYear","addYears","onSelectPrevYear","setMonth","onSelectYear","selectedYear","navYear","newNavigationDate","getTime","setFullYear","getMonth","onYearPickerHeaderSelect","dateFormatter","isPrevYearInBounds","compareDatePart","getYearStart","isNextYearInBounds","getYearEnd","classNames","useCalendarMonthStyles_unstable","hasHeaderClickCallback","highlightCurrent","highlightSelected","arrowNavigationAttributes","useArrowNavigationGroup","axis","onRenderYear","yearStrings","getYearStrings","createElement","CalendarYear","key","minYear","maxYear","navigatedYear","highlightCurrentYear","highlightSelectedYear","rowIndexes","i","shortMonths","length","push","yearString","formatYear","headerAriaLabel","monthPickerHeaderAriaLabel","replace","root","headerContainer","currentItemButton","onClick","onKeyDown","onButtonKeyDown","tabIndex","type","navigationButtonsContainer","mergeClasses","navigationButton","disabled","title","prevYearAriaLabel","upNavigation","nextYearAriaLabel","downNavigation","gridContainer","role","map","rowNum","monthsForRow","slice","buttonRow","month","index","monthIndex","indexedMonth","isNavigatedMonth","isSelectedMonth","isSelectedYear","isInBounds","getMonthEnd","getMonthStart","ref","itemButton","isCurrentMonth","selected","formatMonth","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","yearPickerHeaderAriaLabel","callback","ev","Enter"],"mappings":"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"}
+{"version":3,"sources":["CalendarMonth.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { addYears, compareDatePart, getMonthEnd, getMonthStart, getYearEnd, getYearStart, setMonth, DEFAULT_DATE_FORMATTING } from '../../utils';\nimport { CalendarYear } from '../CalendarYear/CalendarYear';\nimport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles';\nconst MONTHS_PER_ROW = 4;\nfunction useAnimateBackwards({ navigatedDate }) {\n    const currentYear = navigatedDate.getFullYear();\n    const previousYearRef = React.useRef();\n    React.useEffect(()=>{\n        previousYearRef.current = currentYear;\n    });\n    const previousYear = previousYearRef.current;\n    if (previousYear === undefined || previousYear === currentYear) {\n        return undefined;\n    } else {\n        return previousYear > currentYear;\n    }\n}\nfunction useFocusLogic({ componentRef }) {\n    const navigatedMonthRef = React.useRef(null);\n    const calendarYearRef = React.useRef(null);\n    const focusOnUpdate = React.useRef(false);\n    const focus = React.useCallback(()=>{\n        if (calendarYearRef.current) {\n            calendarYearRef.current.focus();\n        } else if (navigatedMonthRef.current) {\n            navigatedMonthRef.current.focus();\n        }\n    }, []);\n    React.useImperativeHandle(componentRef, ()=>({\n            focus\n        }), [\n        focus\n    ]);\n    React.useEffect(()=>{\n        if (focusOnUpdate.current) {\n            focus();\n            focusOnUpdate.current = false;\n        }\n    });\n    const focusOnNextUpdate = ()=>{\n        focusOnUpdate.current = true;\n    };\n    return [\n        navigatedMonthRef,\n        calendarYearRef,\n        focusOnNextUpdate\n    ];\n}\n/**\n * @internal\n */ export const CalendarMonth = (props)=>{\n    const { allFocusable, animationDirection, className, componentRef, dateTimeFormatter = DEFAULT_DATE_FORMATTING, highlightCurrentMonth, highlightSelectedMonth, maxDate, minDate, navigatedDate, navigationIcons, onHeaderSelect: onUserHeaderSelect, onNavigateDate, selectedDate, strings, today = new Date(), yearPickerHidden = false } = props;\n    const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({\n        componentRef\n    });\n    const [isYearPickerVisible, setIsYearPickerVisible] = React.useState(false);\n    const animateBackwards = useAnimateBackwards({\n        navigatedDate\n    });\n    const selectMonthCallback = (newMonth)=>{\n        return ()=>onSelectMonth(newMonth);\n    };\n    const onSelectNextYear = ()=>{\n        onNavigateDate(addYears(navigatedDate, 1), false);\n    };\n    const onSelectPrevYear = ()=>{\n        onNavigateDate(addYears(navigatedDate, -1), false);\n    };\n    const onSelectMonth = (newMonth)=>{\n        // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked\n        onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();\n        onNavigateDate(setMonth(navigatedDate, newMonth), true);\n    };\n    const onHeaderSelect = ()=>{\n        if (!yearPickerHidden) {\n            focusOnNextUpdate();\n            setIsYearPickerVisible(true);\n        } else {\n            onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();\n        }\n    };\n    const onSelectYear = (selectedYear)=>{\n        focusOnNextUpdate();\n        const navYear = navigatedDate.getFullYear();\n        if (navYear !== selectedYear) {\n            let newNavigationDate = new Date(navigatedDate.getTime());\n            newNavigationDate.setFullYear(selectedYear);\n            // for min and max dates, adjust the new navigation date - perhaps this should be\n            // checked on the master navigation date handler (i.e. in Calendar)\n            if (maxDate && newNavigationDate > maxDate) {\n                newNavigationDate = setMonth(newNavigationDate, maxDate.getMonth());\n            } else if (minDate && newNavigationDate < minDate) {\n                newNavigationDate = setMonth(newNavigationDate, minDate.getMonth());\n            }\n            onNavigateDate(newNavigationDate, true);\n        }\n        setIsYearPickerVisible(false);\n    };\n    const onYearPickerHeaderSelect = (focus)=>{\n        focusOnNextUpdate();\n        setIsYearPickerVisible(false);\n    };\n    const dateFormatter = dateTimeFormatter;\n    // determine if previous/next years are in bounds\n    const isPrevYearInBounds = minDate ? compareDatePart(minDate, getYearStart(navigatedDate)) < 0 : true;\n    const isNextYearInBounds = maxDate ? compareDatePart(getYearEnd(navigatedDate), maxDate) < 0 : true;\n    const classNames = useCalendarMonthStyles_unstable({\n        className,\n        hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,\n        highlightCurrent: highlightCurrentMonth,\n        highlightSelected: highlightSelectedMonth,\n        animateBackwards,\n        animationDirection\n    });\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: 'grid'\n    });\n    if (isYearPickerVisible) {\n        const [onRenderYear, yearStrings] = getYearStrings({\n            dateTimeFormatter,\n            navigatedDate,\n            strings\n        });\n        // use navigated date for the year picker\n        return /*#__PURE__*/ React.createElement(CalendarYear, {\n            key: 'calendarYear',\n            minYear: minDate ? minDate.getFullYear() : undefined,\n            maxYear: maxDate ? maxDate.getFullYear() : undefined,\n            // eslint-disable-next-line react/jsx-no-bind\n            onSelectYear: onSelectYear,\n            // eslint-disable-next-line react/jsx-no-bind\n            onHeaderSelect: onYearPickerHeaderSelect,\n            selectedYear: selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined,\n            navigatedYear: navigatedDate.getFullYear(),\n            navigationIcons: navigationIcons,\n            onRenderYear: onRenderYear,\n            strings: yearStrings,\n            componentRef: calendarYearRef,\n            highlightCurrentYear: highlightCurrentMonth,\n            highlightSelectedYear: highlightSelectedMonth,\n            animationDirection: animationDirection\n        });\n    }\n    const rowIndexes = [];\n    for(let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++){\n        rowIndexes.push(i);\n    }\n    const yearString = dateFormatter.formatYear(navigatedDate);\n    const headerAriaLabel = strings.monthPickerHeaderAriaLabel ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString) : yearString;\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.root\n    }, /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.headerContainer\n    }, /*#__PURE__*/ React.createElement(\"button\", {\n        className: classNames.currentItemButton,\n        onClick: onHeaderSelect,\n        onKeyDown: onButtonKeyDown(onHeaderSelect),\n        \"aria-label\": headerAriaLabel,\n        tabIndex: !!onUserHeaderSelect || !yearPickerHidden ? 0 : -1,\n        type: \"button\"\n    }, /*#__PURE__*/ React.createElement(\"span\", {\n        \"aria-live\": \"polite\",\n        \"aria-atomic\": \"true\"\n    }, yearString)), /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.navigationButtonsContainer\n    }, /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled),\n        \"aria-disabled\": !isPrevYearInBounds,\n        tabIndex: isPrevYearInBounds ? undefined : allFocusable ? 0 : -1,\n        onClick: isPrevYearInBounds ? onSelectPrevYear : undefined,\n        onKeyDown: isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined,\n        title: strings.prevYearAriaLabel ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, -1)) : undefined,\n        type: \"button\"\n    }, navigationIcons.upNavigation), /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.navigationButton, !isNextYearInBounds && classNames.disabled),\n        \"aria-disabled\": !isNextYearInBounds,\n        tabIndex: isNextYearInBounds ? undefined : allFocusable ? 0 : -1,\n        onClick: isNextYearInBounds ? onSelectNextYear : undefined,\n        onKeyDown: isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined,\n        title: strings.nextYearAriaLabel ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, 1)) : undefined,\n        type: \"button\"\n    }, navigationIcons.downNavigation))), /*#__PURE__*/ React.createElement(\"div\", {\n        ...arrowNavigationAttributes,\n        className: classNames.gridContainer,\n        role: \"grid\",\n        \"aria-label\": yearString\n    }, rowIndexes.map((rowNum)=>{\n        const monthsForRow = strings.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);\n        return /*#__PURE__*/ React.createElement(\"div\", {\n            key: 'monthRow_' + rowNum + navigatedDate.getFullYear(),\n            role: \"row\",\n            className: classNames.buttonRow\n        }, monthsForRow.map((month, index)=>{\n            const monthIndex = rowNum * MONTHS_PER_ROW + index;\n            const indexedMonth = setMonth(navigatedDate, monthIndex);\n            const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;\n            const isSelectedMonth = selectedDate.getMonth() === monthIndex;\n            const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();\n            const isInBounds = (minDate ? compareDatePart(minDate, getMonthEnd(indexedMonth)) < 1 : true) && (maxDate ? compareDatePart(getMonthStart(indexedMonth), maxDate) < 1 : true);\n            return /*#__PURE__*/ React.createElement(\"button\", {\n                ref: isNavigatedMonth ? navigatedMonthRef : undefined,\n                role: 'gridcell',\n                className: mergeClasses(classNames.itemButton, highlightCurrentMonth && isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) && classNames.current, highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected, !isInBounds && classNames.disabled),\n                disabled: !allFocusable && !isInBounds,\n                key: monthIndex,\n                onClick: isInBounds ? selectMonthCallback(monthIndex) : undefined,\n                onKeyDown: isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined,\n                \"aria-label\": dateFormatter.formatMonth(indexedMonth, strings),\n                \"aria-selected\": isNavigatedMonth,\n                tabIndex: isInBounds ? 0 : -1,\n                type: \"button\"\n            }, month);\n        }));\n    })));\n};\nCalendarMonth.displayName = 'CalendarMonth';\nfunction getYearStrings({ dateTimeFormatter, navigatedDate, strings }) {\n    const yearToString = (year)=>{\n        if (dateTimeFormatter) {\n            // create a date based on the current nav date\n            const yearFormattingDate = new Date(navigatedDate.getTime());\n            yearFormattingDate.setFullYear(year);\n            return dateTimeFormatter.formatYear(yearFormattingDate);\n        }\n        return String(year);\n    };\n    const yearRangeToString = (yearRange)=>{\n        return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;\n    };\n    const yearRangeToNextDecadeLabel = (yearRange)=>{\n        return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n    };\n    const yearRangeToPrevDecadeLabel = (yearRange)=>{\n        return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n    };\n    return [\n        yearToString,\n        {\n            rangeAriaLabel: yearRangeToString,\n            prevRangeAriaLabel: yearRangeToPrevDecadeLabel,\n            nextRangeAriaLabel: yearRangeToNextDecadeLabel,\n            headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel\n        }\n    ];\n}\nfunction isCurrentMonth(month, year, today) {\n    return today.getFullYear() === year && today.getMonth() === month;\n}\nfunction onButtonKeyDown(callback) {\n    return (ev)=>{\n        switch(ev.key){\n            case Enter:\n                callback();\n                break;\n        }\n    };\n}\n"],"names":["CalendarMonth","MONTHS_PER_ROW","useAnimateBackwards","navigatedDate","currentYear","getFullYear","previousYearRef","React","useRef","useEffect","current","previousYear","undefined","useFocusLogic","componentRef","navigatedMonthRef","calendarYearRef","focusOnUpdate","focus","useCallback","useImperativeHandle","focusOnNextUpdate","props","allFocusable","animationDirection","className","dateTimeFormatter","DEFAULT_DATE_FORMATTING","highlightCurrentMonth","highlightSelectedMonth","maxDate","minDate","navigationIcons","onHeaderSelect","onUserHeaderSelect","onNavigateDate","selectedDate","strings","today","Date","yearPickerHidden","isYearPickerVisible","setIsYearPickerVisible","useState","animateBackwards","selectMonthCallback","newMonth","onSelectMonth","onSelectNextYear","addYears","onSelectPrevYear","setMonth","onSelectYear","selectedYear","navYear","newNavigationDate","getTime","setFullYear","getMonth","onYearPickerHeaderSelect","dateFormatter","isPrevYearInBounds","compareDatePart","getYearStart","isNextYearInBounds","getYearEnd","classNames","useCalendarMonthStyles_unstable","hasHeaderClickCallback","highlightCurrent","highlightSelected","arrowNavigationAttributes","useArrowNavigationGroup","axis","onRenderYear","yearStrings","getYearStrings","createElement","CalendarYear","key","minYear","maxYear","navigatedYear","highlightCurrentYear","highlightSelectedYear","rowIndexes","i","shortMonths","length","push","yearString","formatYear","headerAriaLabel","monthPickerHeaderAriaLabel","replace","root","headerContainer","currentItemButton","onClick","onKeyDown","onButtonKeyDown","tabIndex","type","navigationButtonsContainer","mergeClasses","navigationButton","disabled","title","prevYearAriaLabel","upNavigation","nextYearAriaLabel","downNavigation","gridContainer","role","map","rowNum","monthsForRow","slice","buttonRow","month","index","monthIndex","indexedMonth","isNavigatedMonth","isSelectedMonth","isSelectedYear","isInBounds","getMonthEnd","getMonthStart","ref","itemButton","isCurrentMonth","selected","formatMonth","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","yearPickerHeaderAriaLabel","callback","ev","Enter"],"mappings":";;;;+BAsDiBA;;;eAAAA;;;;iEAtDM;8BACD;8BACkB;wBACX;uBACsG;8BACtG;wCACmB;AAChD,MAAMC,iBAAiB;AACvB,SAASC,oBAAoB,EAAEC,aAAa,EAAE;IAC1C,MAAMC,cAAcD,cAAcE,WAAW;IAC7C,MAAMC,kBAAkBC,OAAMC,MAAM;IACpCD,OAAME,SAAS,CAAC;QACZH,gBAAgBI,OAAO,GAAGN;IAC9B;IACA,MAAMO,eAAeL,gBAAgBI,OAAO;IAC5C,IAAIC,iBAAiBC,aAAaD,iBAAiBP,aAAa;QAC5D,OAAOQ;IACX,OAAO;QACH,OAAOD,eAAeP;IAC1B;AACJ;AACA,SAASS,cAAc,EAAEC,YAAY,EAAE;IACnC,MAAMC,oBAAoBR,OAAMC,MAAM,CAAC;IACvC,MAAMQ,kBAAkBT,OAAMC,MAAM,CAAC;IACrC,MAAMS,gBAAgBV,OAAMC,MAAM,CAAC;IACnC,MAAMU,QAAQX,OAAMY,WAAW,CAAC;QAC5B,IAAIH,gBAAgBN,OAAO,EAAE;YACzBM,gBAAgBN,OAAO,CAACQ,KAAK;QACjC,OAAO,IAAIH,kBAAkBL,OAAO,EAAE;YAClCK,kBAAkBL,OAAO,CAACQ,KAAK;QACnC;IACJ,GAAG,EAAE;IACLX,OAAMa,mBAAmB,CAACN,cAAc,IAAK,CAAA;YACrCI;QACJ,CAAA,GAAI;QACJA;KACH;IACDX,OAAME,SAAS,CAAC;QACZ,IAAIQ,cAAcP,OAAO,EAAE;YACvBQ;YACAD,cAAcP,OAAO,GAAG;QAC5B;IACJ;IACA,MAAMW,oBAAoB;QACtBJ,cAAcP,OAAO,GAAG;IAC5B;IACA,OAAO;QACHK;QACAC;QACAK;KACH;AACL;AAGW,MAAMrB,gBAAgB,CAACsB;IAC9B,MAAM,EAAEC,YAAY,EAAEC,kBAAkB,EAAEC,SAAS,EAAEX,YAAY,EAAEY,oBAAoBC,8BAAuB,EAAEC,qBAAqB,EAAEC,sBAAsB,EAAEC,OAAO,EAAEC,OAAO,EAAE5B,aAAa,EAAE6B,eAAe,EAAEC,gBAAgBC,kBAAkB,EAAEC,cAAc,EAAEC,YAAY,EAAEC,OAAO,EAAEC,QAAQ,IAAIC,MAAM,EAAEC,mBAAmB,KAAK,EAAE,GAAGlB;IAC7U,MAAM,CAACP,mBAAmBC,iBAAiBK,kBAAkB,GAAGR,cAAc;QAC1EC;IACJ;IACA,MAAM,CAAC2B,qBAAqBC,uBAAuB,GAAGnC,OAAMoC,QAAQ,CAAC;IACrE,MAAMC,mBAAmB1C,oBAAoB;QACzCC;IACJ;IACA,MAAM0C,sBAAsB,CAACC;QACzB,OAAO,IAAIC,cAAcD;IAC7B;IACA,MAAME,mBAAmB;QACrBb,eAAec,IAAAA,eAAQ,EAAC9C,eAAe,IAAI;IAC/C;IACA,MAAM+C,mBAAmB;QACrBf,eAAec,IAAAA,eAAQ,EAAC9C,eAAe,CAAC,IAAI;IAChD;IACA,MAAM4C,gBAAgB,CAACD;QACnB,sGAAsG;QACtGZ,uBAAuB,QAAQA,uBAAuB,KAAK,IAAI,KAAK,IAAIA;QACxEC,eAAegB,IAAAA,eAAQ,EAAChD,eAAe2C,WAAW;IACtD;IACA,MAAMb,iBAAiB;QACnB,IAAI,CAACO,kBAAkB;YACnBnB;YACAqB,uBAAuB;QAC3B,OAAO;YACHR,uBAAuB,QAAQA,uBAAuB,KAAK,IAAI,KAAK,IAAIA;QAC5E;IACJ;IACA,MAAMkB,eAAe,CAACC;QAClBhC;QACA,MAAMiC,UAAUnD,cAAcE,WAAW;QACzC,IAAIiD,YAAYD,cAAc;YAC1B,IAAIE,oBAAoB,IAAIhB,KAAKpC,cAAcqD,OAAO;YACtDD,kBAAkBE,WAAW,CAACJ;YAC9B,iFAAiF;YACjF,mEAAmE;YACnE,IAAIvB,WAAWyB,oBAAoBzB,SAAS;gBACxCyB,oBAAoBJ,IAAAA,eAAQ,EAACI,mBAAmBzB,QAAQ4B,QAAQ;YACpE,OAAO,IAAI3B,WAAWwB,oBAAoBxB,SAAS;gBAC/CwB,oBAAoBJ,IAAAA,eAAQ,EAACI,mBAAmBxB,QAAQ2B,QAAQ;YACpE;YACAvB,eAAeoB,mBAAmB;QACtC;QACAb,uBAAuB;IAC3B;IACA,MAAMiB,2BAA2B,CAACzC;QAC9BG;QACAqB,uBAAuB;IAC3B;IACA,MAAMkB,gBAAgBlC;IACtB,iDAAiD;IACjD,MAAMmC,qBAAqB9B,UAAU+B,IAAAA,sBAAe,EAAC/B,SAASgC,IAAAA,mBAAY,EAAC5D,kBAAkB,IAAI;IACjG,MAAM6D,qBAAqBlC,UAAUgC,IAAAA,sBAAe,EAACG,IAAAA,iBAAU,EAAC9D,gBAAgB2B,WAAW,IAAI;IAC/F,MAAMoC,aAAaC,IAAAA,uDAA+B,EAAC;QAC/C1C;QACA2C,wBAAwB,CAAC,CAAClC,sBAAsB,CAACM;QACjD6B,kBAAkBzC;QAClB0C,mBAAmBzC;QACnBe;QACApB;IACJ;IACA,MAAM+C,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAM;IACV;IACA,IAAIhC,qBAAqB;QACrB,MAAM,CAACiC,cAAcC,YAAY,GAAGC,eAAe;YAC/ClD;YACAvB;YACAkC;QACJ;QACA,yCAAyC;QACzC,OAAO,WAAW,GAAG9B,OAAMsE,aAAa,CAACC,0BAAY,EAAE;YACnDC,KAAK;YACLC,SAASjD,UAAUA,QAAQ1B,WAAW,KAAKO;YAC3CqE,SAASnD,UAAUA,QAAQzB,WAAW,KAAKO;YAC3C,6CAA6C;YAC7CwC,cAAcA;YACd,6CAA6C;YAC7CnB,gBAAgB0B;YAChBN,cAAcjB,eAAeA,aAAa/B,WAAW,KAAKF,gBAAgBA,cAAcE,WAAW,KAAKO;YACxGsE,eAAe/E,cAAcE,WAAW;YACxC2B,iBAAiBA;YACjB0C,cAAcA;YACdrC,SAASsC;YACT7D,cAAcE;YACdmE,sBAAsBvD;YACtBwD,uBAAuBvD;YACvBL,oBAAoBA;QACxB;IACJ;IACA,MAAM6D,aAAa,EAAE;IACrB,IAAI,IAAIC,IAAI,GAAGA,IAAIjD,QAAQkD,WAAW,CAACC,MAAM,GAAGvF,gBAAgBqF,IAAI;QAChED,WAAWI,IAAI,CAACH;IACpB;IACA,MAAMI,aAAa9B,cAAc+B,UAAU,CAACxF;IAC5C,MAAMyF,kBAAkBvD,QAAQwD,0BAA0B,GAAGxD,QAAQwD,0BAA0B,CAACC,OAAO,CAAC,OAAOJ,cAAcA;IAC7H,OAAO,WAAW,GAAGnF,OAAMsE,aAAa,CAAC,OAAO;QAC5CpD,WAAWyC,WAAW6B,IAAI;IAC9B,GAAG,WAAW,GAAGxF,OAAMsE,aAAa,CAAC,OAAO;QACxCpD,WAAWyC,WAAW8B,eAAe;IACzC,GAAG,WAAW,GAAGzF,OAAMsE,aAAa,CAAC,UAAU;QAC3CpD,WAAWyC,WAAW+B,iBAAiB;QACvCC,SAASjE;QACTkE,WAAWC,gBAAgBnE;QAC3B,cAAc2D;QACdS,UAAU,CAAC,CAACnE,sBAAsB,CAACM,mBAAmB,IAAI,CAAC;QAC3D8D,MAAM;IACV,GAAG,WAAW,GAAG/F,OAAMsE,aAAa,CAAC,QAAQ;QACzC,aAAa;QACb,eAAe;IACnB,GAAGa,cAAc,WAAW,GAAGnF,OAAMsE,aAAa,CAAC,OAAO;QACtDpD,WAAWyC,WAAWqC,0BAA0B;IACpD,GAAG,WAAW,GAAGhG,OAAMsE,aAAa,CAAC,UAAU;QAC3CpD,WAAW+E,IAAAA,oBAAY,EAACtC,WAAWuC,gBAAgB,EAAE,CAAC5C,sBAAsBK,WAAWwC,QAAQ;QAC/F,iBAAiB,CAAC7C;QAClBwC,UAAUxC,qBAAqBjD,YAAYW,eAAe,IAAI,CAAC;QAC/D2E,SAASrC,qBAAqBX,mBAAmBtC;QACjDuF,WAAWtC,qBAAqBuC,gBAAgBlD,oBAAoBtC;QACpE+F,OAAOtE,QAAQuE,iBAAiB,GAAGvE,QAAQuE,iBAAiB,GAAG,MAAMhD,cAAc+B,UAAU,CAAC1C,IAAAA,eAAQ,EAAC9C,eAAe,CAAC,MAAMS;QAC7H0F,MAAM;IACV,GAAGtE,gBAAgB6E,YAAY,GAAG,WAAW,GAAGtG,OAAMsE,aAAa,CAAC,UAAU;QAC1EpD,WAAW+E,IAAAA,oBAAY,EAACtC,WAAWuC,gBAAgB,EAAE,CAACzC,sBAAsBE,WAAWwC,QAAQ;QAC/F,iBAAiB,CAAC1C;QAClBqC,UAAUrC,qBAAqBpD,YAAYW,eAAe,IAAI,CAAC;QAC/D2E,SAASlC,qBAAqBhB,mBAAmBpC;QACjDuF,WAAWnC,qBAAqBoC,gBAAgBpD,oBAAoBpC;QACpE+F,OAAOtE,QAAQyE,iBAAiB,GAAGzE,QAAQyE,iBAAiB,GAAG,MAAMlD,cAAc+B,UAAU,CAAC1C,IAAAA,eAAQ,EAAC9C,eAAe,MAAMS;QAC5H0F,MAAM;IACV,GAAGtE,gBAAgB+E,cAAc,KAAK,WAAW,GAAGxG,OAAMsE,aAAa,CAAC,OAAO;QAC3E,GAAGN,yBAAyB;QAC5B9C,WAAWyC,WAAW8C,aAAa;QACnCC,MAAM;QACN,cAAcvB;IAClB,GAAGL,WAAW6B,GAAG,CAAC,CAACC;QACf,MAAMC,eAAe/E,QAAQkD,WAAW,CAAC8B,KAAK,CAACF,SAASlH,gBAAgB,AAACkH,CAAAA,SAAS,CAAA,IAAKlH;QACvF,OAAO,WAAW,GAAGM,OAAMsE,aAAa,CAAC,OAAO;YAC5CE,KAAK,cAAcoC,SAAShH,cAAcE,WAAW;YACrD4G,MAAM;YACNxF,WAAWyC,WAAWoD,SAAS;QACnC,GAAGF,aAAaF,GAAG,CAAC,CAACK,OAAOC;YACxB,MAAMC,aAAaN,SAASlH,iBAAiBuH;YAC7C,MAAME,eAAevE,IAAAA,eAAQ,EAAChD,eAAesH;YAC7C,MAAME,mBAAmBxH,cAAcuD,QAAQ,OAAO+D;YACtD,MAAMG,kBAAkBxF,aAAasB,QAAQ,OAAO+D;YACpD,MAAMI,iBAAiBzF,aAAa/B,WAAW,OAAOF,cAAcE,WAAW;YAC/E,MAAMyH,aAAa,AAAC/F,CAAAA,UAAU+B,IAAAA,sBAAe,EAAC/B,SAASgG,IAAAA,kBAAW,EAACL,iBAAiB,IAAI,IAAG,KAAO5F,CAAAA,UAAUgC,IAAAA,sBAAe,EAACkE,IAAAA,oBAAa,EAACN,eAAe5F,WAAW,IAAI,IAAG;YAC3K,OAAO,WAAW,GAAGvB,OAAMsE,aAAa,CAAC,UAAU;gBAC/CoD,KAAKN,mBAAmB5G,oBAAoBH;gBAC5CqG,MAAM;gBACNxF,WAAW+E,IAAAA,oBAAY,EAACtC,WAAWgE,UAAU,EAAEtG,yBAAyBuG,eAAeV,YAAYtH,cAAcE,WAAW,IAAIiC,UAAU4B,WAAWxD,OAAO,EAAEmB,0BAA0B+F,mBAAmBC,kBAAkB3D,WAAWkE,QAAQ,EAAE,CAACN,cAAc5D,WAAWwC,QAAQ;gBACpRA,UAAU,CAACnF,gBAAgB,CAACuG;gBAC5B/C,KAAK0C;gBACLvB,SAAS4B,aAAajF,oBAAoB4E,cAAc7G;gBACxDuF,WAAW2B,aAAa1B,gBAAgBvD,oBAAoB4E,eAAe7G;gBAC3E,cAAcgD,cAAcyE,WAAW,CAACX,cAAcrF;gBACtD,iBAAiBsF;gBACjBtB,UAAUyB,aAAa,IAAI,CAAC;gBAC5BxB,MAAM;YACV,GAAGiB;QACP;IACJ;AACJ;AACAvH,cAAcsI,WAAW,GAAG;AAC5B,SAAS1D,eAAe,EAAElD,iBAAiB,EAAEvB,aAAa,EAAEkC,OAAO,EAAE;IACjE,MAAMkG,eAAe,CAACC;QAClB,IAAI9G,mBAAmB;YACnB,8CAA8C;YAC9C,MAAM+G,qBAAqB,IAAIlG,KAAKpC,cAAcqD,OAAO;YACzDiF,mBAAmBhF,WAAW,CAAC+E;YAC/B,OAAO9G,kBAAkBiE,UAAU,CAAC8C;QACxC;QACA,OAAOC,OAAOF;IAClB;IACA,MAAMG,oBAAoB,CAACC;QACvB,OAAO,CAAC,EAAEL,aAAaK,UAAUC,QAAQ,EAAE,GAAG,EAAEN,aAAaK,UAAUE,MAAM,EAAE,CAAC;IACpF;IACA,MAAMC,6BAA6B,CAACH;QAChC,OAAOvG,QAAQ2G,sBAAsB,GAAG,CAAC,EAAE3G,QAAQ2G,sBAAsB,CAAC,CAAC,EAAEL,kBAAkBC,WAAW,CAAC,GAAG;IAClH;IACA,MAAMK,6BAA6B,CAACL;QAChC,OAAOvG,QAAQ6G,sBAAsB,GAAG,CAAC,EAAE7G,QAAQ6G,sBAAsB,CAAC,CAAC,EAAEP,kBAAkBC,WAAW,CAAC,GAAG;IAClH;IACA,OAAO;QACHL;QACA;YACIY,gBAAgBR;YAChBS,oBAAoBH;YACpBI,oBAAoBN;YACpBO,6BAA6BjH,QAAQkH,yBAAyB;QAClE;KACH;AACL;AACA,SAASpB,eAAeZ,KAAK,EAAEiB,IAAI,EAAElG,KAAK;IACtC,OAAOA,MAAMjC,WAAW,OAAOmI,QAAQlG,MAAMoB,QAAQ,OAAO6D;AAChE;AACA,SAASnB,gBAAgBoD,QAAQ;IAC7B,OAAO,CAACC;QACJ,OAAOA,GAAG1E,GAAG;YACT,KAAK2E,mBAAK;gBACNF;gBACA;QACR;IACJ;AACJ"}

package/lib-commonjs/components/CalendarYear/CalendarYear.js

@@ -101,9 +101,10 @@ const CalendarYearGrid = (props)=>{
         }
     }
     const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
-        axis: 'both'
+        axis: 'grid'
     });
-    return /*#__PURE__*/ _react.createElement("div", arrowNavigationAttributes, /*#__PURE__*/ _react.createElement("div", {
+    return /*#__PURE__*/ _react.createElement("div", {
+        ...arrowNavigationAttributes,
         className: classNames.gridContainer,
         role: "grid",
         "aria-label": gridAriaLabel
@@ -113,7 +114,7 @@ const CalendarYearGrid = (props)=>{
             role: "row",
             className: classNames.buttonRow
         }, cellRow);
-    })));
+    }));
 };
 CalendarYearGrid.displayName = 'CalendarYearGrid';
 const CalendarYearNavDirection = {

package/lib-commonjs/components/CalendarYear/CalendarYear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CalendarYear.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\nconst DefaultCalendarYearStrings = {\n    prevRangeAriaLabel: undefined,\n    nextRangeAriaLabel: undefined\n};\nconst CalendarYearGridCell = (props)=>{\n    const { className, highlightCurrentYear, highlightSelectedYear, year, selected, disabled, componentRef, onSelectYear, onRenderYear } = props;\n    const buttonRef = React.useRef(null);\n    React.useImperativeHandle(componentRef, ()=>({\n            focus () {\n                var _buttonRef_current_focus, _buttonRef_current;\n                (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : (_buttonRef_current_focus = _buttonRef_current.focus) === null || _buttonRef_current_focus === void 0 ? void 0 : _buttonRef_current_focus.call(_buttonRef_current);\n            }\n        }), []);\n    const onClick = ()=>{\n        onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);\n    };\n    const onKeyDown = (ev)=>{\n        if (ev.key === Enter) {\n            onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);\n        }\n    };\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        highlightCurrent: highlightCurrentYear,\n        highlightSelected: highlightSelectedYear\n    });\n    var _onRenderYear;\n    return /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled),\n        type: \"button\",\n        role: \"gridcell\",\n        onClick: !disabled ? onClick : undefined,\n        onKeyDown: !disabled ? onKeyDown : undefined,\n        disabled: disabled,\n        \"aria-selected\": selected,\n        ref: buttonRef\n    }, (_onRenderYear = onRenderYear === null || onRenderYear === void 0 ? void 0 : onRenderYear(year)) !== null && _onRenderYear !== void 0 ? _onRenderYear : year);\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\nconst CalendarYearGrid = (props)=>{\n    const { className, fromYear, toYear, animationDirection, animateBackwards, minYear, maxYear, onSelectYear, selectedYear, componentRef } = props;\n    const selectedCellRef = React.useRef(null);\n    const currentCellRef = React.useRef(null);\n    React.useImperativeHandle(componentRef, ()=>({\n            focus () {\n                var _focus, _this;\n                (_this = selectedCellRef.current || currentCellRef.current) === null || _this === void 0 ? void 0 : (_focus = _this.focus) === null || _focus === void 0 ? void 0 : _focus.call(_this);\n            }\n        }), []);\n    const renderCell = (yearToRender)=>{\n        const selected = yearToRender === selectedYear;\n        const disabled = minYear !== undefined && yearToRender < minYear || maxYear !== undefined && yearToRender > maxYear;\n        const current = yearToRender === new Date().getFullYear();\n        return /*#__PURE__*/ React.createElement(CalendarYearGridCell, {\n            ...props,\n            key: yearToRender,\n            year: yearToRender,\n            selected: selected,\n            current: current,\n            disabled: disabled,\n            onSelectYear: onSelectYear,\n            componentRef: selected ? selectedCellRef : current ? currentCellRef : undefined\n        });\n    };\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        animateBackwards,\n        animationDirection\n    });\n    const onRenderYear = (value)=>{\n        var _props_onRenderYear;\n        var _props_onRenderYear1;\n        return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, value)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : value;\n    };\n    const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n    let year = fromYear;\n    const cells = [];\n    for(let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++){\n        cells.push([]);\n        for(let j = 0; j < CELLS_PER_ROW; j++){\n            cells[i].push(renderCell(year));\n            year++;\n        }\n    }\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: 'both'\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", arrowNavigationAttributes, /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.gridContainer,\n        role: \"grid\",\n        \"aria-label\": gridAriaLabel\n    }, cells.map((cellRow, index)=>{\n        return /*#__PURE__*/ React.createElement(\"div\", {\n            key: 'yearPickerRow_' + index + '_' + fromYear,\n            role: \"row\",\n            className: classNames.buttonRow\n        }, cellRow);\n    })));\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\nconst CalendarYearNavDirection = {\n    Previous: 0,\n    Next: 1\n};\nconst CalendarYearNavArrow = (props)=>{\n    const { className, strings = DefaultCalendarYearStrings, direction, onSelectPrev, onSelectNext, fromYear, toYear, maxYear, minYear, navigationIcons } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className\n    });\n    const ariaLabel = direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n    const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n    const newRange = {\n        fromYear: fromYear + newRangeOffset,\n        toYear: toYear + newRangeOffset\n    };\n    const ariaLabelString = ariaLabel ? typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange) : undefined;\n    const disabled = direction === CalendarYearNavDirection.Previous ? minYear !== undefined && fromYear < minYear : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n    const onNavigate = ()=>{\n        direction === CalendarYearNavDirection.Previous ? onSelectPrev === null || onSelectPrev === void 0 ? void 0 : onSelectPrev() : onSelectNext === null || onSelectNext === void 0 ? void 0 : onSelectNext();\n    };\n    const onKeyDown = (ev)=>{\n        if (ev.key === Enter) {\n            onNavigate();\n        }\n    };\n    return /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.navigationButton, disabled && classNames.disabled),\n        onClick: !disabled ? onNavigate : undefined,\n        onKeyDown: !disabled ? onKeyDown : undefined,\n        type: \"button\",\n        title: ariaLabelString,\n        disabled: disabled\n    }, direction === CalendarYearNavDirection.Previous ? navigationIcons.upNavigation : navigationIcons.downNavigation);\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\nconst CalendarYearNav = (props)=>{\n    const { className } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.navigationButtonsContainer\n    }, /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n        ...props,\n        direction: CalendarYearNavDirection.Previous\n    }), /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n        ...props,\n        direction: CalendarYearNavDirection.Next\n    }));\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\nconst CalendarYearTitle = (props)=>{\n    const { className, fromYear, toYear, strings = DefaultCalendarYearStrings, animateBackwards, animationDirection } = props;\n    const onHeaderSelect = ()=>{\n        var _props_onHeaderSelect;\n        (_props_onHeaderSelect = props.onHeaderSelect) === null || _props_onHeaderSelect === void 0 ? void 0 : _props_onHeaderSelect.call(props, true);\n    };\n    const onHeaderKeyDown = (ev)=>{\n        if (ev.key === Enter || ev.key === Space) {\n            onHeaderSelect();\n        }\n    };\n    const onRenderYear = (year)=>{\n        var _props_onRenderYear;\n        var _props_onRenderYear1;\n        return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, year)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : year;\n    };\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        hasHeaderClickCallback: !!props.onHeaderSelect,\n        animateBackwards,\n        animationDirection\n    });\n    if (props.onHeaderSelect) {\n        const rangeAriaLabel = strings.rangeAriaLabel;\n        const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n        const currentDateRange = rangeAriaLabel ? typeof rangeAriaLabel === 'string' ? rangeAriaLabel : rangeAriaLabel(props) : undefined;\n        const ariaLabel = headerAriaLabelFormatString ? headerAriaLabelFormatString.replace('{0}', currentDateRange !== null && currentDateRange !== void 0 ? currentDateRange : '') : currentDateRange;\n        return /*#__PURE__*/ React.createElement(\"button\", {\n            className: classNames.currentItemButton,\n            onClick: onHeaderSelect,\n            onKeyDown: onHeaderKeyDown,\n            \"aria-label\": ariaLabel,\n            role: \"button\",\n            type: \"button\"\n        }, /*#__PURE__*/ React.createElement(\"span\", {\n            \"aria-live\": \"assertive\",\n            \"aria-atomic\": \"true\"\n        }, onRenderYear(fromYear), \" - \", onRenderYear(toYear)));\n    }\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.current\n    }, onRenderYear(fromYear), \" - \", onRenderYear(toYear));\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\nconst CalendarYearHeader = (props)=>{\n    const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        hasHeaderClickCallback: !!props.onHeaderSelect,\n        animateBackwards,\n        animationDirection\n    });\n    var _onRenderTitle;\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.headerContainer\n    }, (_onRenderTitle = onRenderTitle === null || onRenderTitle === void 0 ? void 0 : onRenderTitle(props)) !== null && _onRenderTitle !== void 0 ? _onRenderTitle : /*#__PURE__*/ React.createElement(CalendarYearTitle, props), /*#__PURE__*/ React.createElement(CalendarYearNav, props));\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\nfunction useAnimateBackwards({ selectedYear, navigatedYear }) {\n    const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n    const fromYear = Math.floor(rangeYear / 10) * 10;\n    const previousFromYearRef = React.useRef(fromYear);\n    React.useRef(()=>{\n        previousFromYearRef.current = fromYear;\n    });\n    const previousFromYear = previousFromYearRef.current;\n    if (!previousFromYear || previousFromYear === fromYear) {\n        return undefined;\n    } else if (previousFromYear > fromYear) {\n        return true;\n    } else {\n        return false;\n    }\n}\nfunction useYearRangeState({ selectedYear, navigatedYear }) {\n    const rangeYear = React.useMemo(()=>{\n        return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;\n    }, [\n        navigatedYear,\n        selectedYear\n    ]);\n    const [fromYear, setFromYear] = React.useState(rangeYear);\n    const onNavNext = ()=>{\n        setFromYear((year)=>year + CELL_COUNT);\n    };\n    const onNavPrevious = ()=>{\n        setFromYear((year)=>year - CELL_COUNT);\n    };\n    React.useEffect(()=>{\n        setFromYear(rangeYear);\n    }, [\n        rangeYear\n    ]);\n    const toYear = fromYear + CELL_COUNT - 1;\n    return [\n        fromYear,\n        toYear,\n        onNavNext,\n        onNavPrevious\n    ];\n}\n/**\n * @internal\n */ export const CalendarYear = (props)=>{\n    const animateBackwards = useAnimateBackwards(props);\n    const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n    const gridRef = React.useRef(null);\n    React.useImperativeHandle(props.componentRef, ()=>({\n            focus () {\n                var _gridRef_current_focus, _gridRef_current;\n                (_gridRef_current = gridRef.current) === null || _gridRef_current === void 0 ? void 0 : (_gridRef_current_focus = _gridRef_current.focus) === null || _gridRef_current_focus === void 0 ? void 0 : _gridRef_current_focus.call(_gridRef_current);\n            }\n        }));\n    const { className } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.root\n    }, /*#__PURE__*/ React.createElement(CalendarYearHeader, {\n        ...props,\n        fromYear: fromYear,\n        toYear: toYear,\n        onSelectPrev: onNavPrevious,\n        onSelectNext: onNavNext,\n        animateBackwards: animateBackwards\n    }), /*#__PURE__*/ React.createElement(CalendarYearGrid, {\n        ...props,\n        fromYear: fromYear,\n        toYear: toYear,\n        animateBackwards: animateBackwards,\n        componentRef: gridRef\n    }));\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["CalendarYear","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","React","useRef","useImperativeHandle","focus","_buttonRef_current_focus","_buttonRef_current","current","call","onClick","onKeyDown","ev","key","Enter","classNames","useCalendarYearStyles_unstable","highlightCurrent","highlightSelected","_onRenderYear","createElement","mergeClasses","itemButton","type","role","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","_focus","_this","renderCell","yearToRender","Date","getFullYear","value","_props_onRenderYear","_props_onRenderYear1","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","useArrowNavigationGroup","axis","gridContainer","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","navigationIcons","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","navigationButton","title","upNavigation","downNavigation","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","_props_onHeaderSelect","onHeaderKeyDown","Space","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","CalendarYearHeader","onRenderTitle","_onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","useYearRangeState","useMemo","setFromYear","useState","onNavNext","onNavPrevious","useEffect","gridRef","_gridRef_current_focus","_gridRef_current","root"],"mappings":"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"}
+{"version":3,"sources":["CalendarYear.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\nconst DefaultCalendarYearStrings = {\n    prevRangeAriaLabel: undefined,\n    nextRangeAriaLabel: undefined\n};\nconst CalendarYearGridCell = (props)=>{\n    const { className, highlightCurrentYear, highlightSelectedYear, year, selected, disabled, componentRef, onSelectYear, onRenderYear } = props;\n    const buttonRef = React.useRef(null);\n    React.useImperativeHandle(componentRef, ()=>({\n            focus () {\n                var _buttonRef_current_focus, _buttonRef_current;\n                (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : (_buttonRef_current_focus = _buttonRef_current.focus) === null || _buttonRef_current_focus === void 0 ? void 0 : _buttonRef_current_focus.call(_buttonRef_current);\n            }\n        }), []);\n    const onClick = ()=>{\n        onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);\n    };\n    const onKeyDown = (ev)=>{\n        if (ev.key === Enter) {\n            onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);\n        }\n    };\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        highlightCurrent: highlightCurrentYear,\n        highlightSelected: highlightSelectedYear\n    });\n    var _onRenderYear;\n    return /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled),\n        type: \"button\",\n        role: \"gridcell\",\n        onClick: !disabled ? onClick : undefined,\n        onKeyDown: !disabled ? onKeyDown : undefined,\n        disabled: disabled,\n        \"aria-selected\": selected,\n        ref: buttonRef\n    }, (_onRenderYear = onRenderYear === null || onRenderYear === void 0 ? void 0 : onRenderYear(year)) !== null && _onRenderYear !== void 0 ? _onRenderYear : year);\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\nconst CalendarYearGrid = (props)=>{\n    const { className, fromYear, toYear, animationDirection, animateBackwards, minYear, maxYear, onSelectYear, selectedYear, componentRef } = props;\n    const selectedCellRef = React.useRef(null);\n    const currentCellRef = React.useRef(null);\n    React.useImperativeHandle(componentRef, ()=>({\n            focus () {\n                var _focus, _this;\n                (_this = selectedCellRef.current || currentCellRef.current) === null || _this === void 0 ? void 0 : (_focus = _this.focus) === null || _focus === void 0 ? void 0 : _focus.call(_this);\n            }\n        }), []);\n    const renderCell = (yearToRender)=>{\n        const selected = yearToRender === selectedYear;\n        const disabled = minYear !== undefined && yearToRender < minYear || maxYear !== undefined && yearToRender > maxYear;\n        const current = yearToRender === new Date().getFullYear();\n        return /*#__PURE__*/ React.createElement(CalendarYearGridCell, {\n            ...props,\n            key: yearToRender,\n            year: yearToRender,\n            selected: selected,\n            current: current,\n            disabled: disabled,\n            onSelectYear: onSelectYear,\n            componentRef: selected ? selectedCellRef : current ? currentCellRef : undefined\n        });\n    };\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        animateBackwards,\n        animationDirection\n    });\n    const onRenderYear = (value)=>{\n        var _props_onRenderYear;\n        var _props_onRenderYear1;\n        return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, value)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : value;\n    };\n    const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n    let year = fromYear;\n    const cells = [];\n    for(let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++){\n        cells.push([]);\n        for(let j = 0; j < CELLS_PER_ROW; j++){\n            cells[i].push(renderCell(year));\n            year++;\n        }\n    }\n    const arrowNavigationAttributes = useArrowNavigationGroup({\n        axis: 'grid'\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        ...arrowNavigationAttributes,\n        className: classNames.gridContainer,\n        role: \"grid\",\n        \"aria-label\": gridAriaLabel\n    }, cells.map((cellRow, index)=>{\n        return /*#__PURE__*/ React.createElement(\"div\", {\n            key: 'yearPickerRow_' + index + '_' + fromYear,\n            role: \"row\",\n            className: classNames.buttonRow\n        }, cellRow);\n    }));\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\nconst CalendarYearNavDirection = {\n    Previous: 0,\n    Next: 1\n};\nconst CalendarYearNavArrow = (props)=>{\n    const { className, strings = DefaultCalendarYearStrings, direction, onSelectPrev, onSelectNext, fromYear, toYear, maxYear, minYear, navigationIcons } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className\n    });\n    const ariaLabel = direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n    const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n    const newRange = {\n        fromYear: fromYear + newRangeOffset,\n        toYear: toYear + newRangeOffset\n    };\n    const ariaLabelString = ariaLabel ? typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange) : undefined;\n    const disabled = direction === CalendarYearNavDirection.Previous ? minYear !== undefined && fromYear < minYear : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n    const onNavigate = ()=>{\n        direction === CalendarYearNavDirection.Previous ? onSelectPrev === null || onSelectPrev === void 0 ? void 0 : onSelectPrev() : onSelectNext === null || onSelectNext === void 0 ? void 0 : onSelectNext();\n    };\n    const onKeyDown = (ev)=>{\n        if (ev.key === Enter) {\n            onNavigate();\n        }\n    };\n    return /*#__PURE__*/ React.createElement(\"button\", {\n        className: mergeClasses(classNames.navigationButton, disabled && classNames.disabled),\n        onClick: !disabled ? onNavigate : undefined,\n        onKeyDown: !disabled ? onKeyDown : undefined,\n        type: \"button\",\n        title: ariaLabelString,\n        disabled: disabled\n    }, direction === CalendarYearNavDirection.Previous ? navigationIcons.upNavigation : navigationIcons.downNavigation);\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\nconst CalendarYearNav = (props)=>{\n    const { className } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.navigationButtonsContainer\n    }, /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n        ...props,\n        direction: CalendarYearNavDirection.Previous\n    }), /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n        ...props,\n        direction: CalendarYearNavDirection.Next\n    }));\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\nconst CalendarYearTitle = (props)=>{\n    const { className, fromYear, toYear, strings = DefaultCalendarYearStrings, animateBackwards, animationDirection } = props;\n    const onHeaderSelect = ()=>{\n        var _props_onHeaderSelect;\n        (_props_onHeaderSelect = props.onHeaderSelect) === null || _props_onHeaderSelect === void 0 ? void 0 : _props_onHeaderSelect.call(props, true);\n    };\n    const onHeaderKeyDown = (ev)=>{\n        if (ev.key === Enter || ev.key === Space) {\n            onHeaderSelect();\n        }\n    };\n    const onRenderYear = (year)=>{\n        var _props_onRenderYear;\n        var _props_onRenderYear1;\n        return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, year)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : year;\n    };\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        hasHeaderClickCallback: !!props.onHeaderSelect,\n        animateBackwards,\n        animationDirection\n    });\n    if (props.onHeaderSelect) {\n        const rangeAriaLabel = strings.rangeAriaLabel;\n        const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n        const currentDateRange = rangeAriaLabel ? typeof rangeAriaLabel === 'string' ? rangeAriaLabel : rangeAriaLabel(props) : undefined;\n        const ariaLabel = headerAriaLabelFormatString ? headerAriaLabelFormatString.replace('{0}', currentDateRange !== null && currentDateRange !== void 0 ? currentDateRange : '') : currentDateRange;\n        return /*#__PURE__*/ React.createElement(\"button\", {\n            className: classNames.currentItemButton,\n            onClick: onHeaderSelect,\n            onKeyDown: onHeaderKeyDown,\n            \"aria-label\": ariaLabel,\n            role: \"button\",\n            type: \"button\"\n        }, /*#__PURE__*/ React.createElement(\"span\", {\n            \"aria-live\": \"assertive\",\n            \"aria-atomic\": \"true\"\n        }, onRenderYear(fromYear), \" - \", onRenderYear(toYear)));\n    }\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.current\n    }, onRenderYear(fromYear), \" - \", onRenderYear(toYear));\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\nconst CalendarYearHeader = (props)=>{\n    const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className,\n        hasHeaderClickCallback: !!props.onHeaderSelect,\n        animateBackwards,\n        animationDirection\n    });\n    var _onRenderTitle;\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.headerContainer\n    }, (_onRenderTitle = onRenderTitle === null || onRenderTitle === void 0 ? void 0 : onRenderTitle(props)) !== null && _onRenderTitle !== void 0 ? _onRenderTitle : /*#__PURE__*/ React.createElement(CalendarYearTitle, props), /*#__PURE__*/ React.createElement(CalendarYearNav, props));\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\nfunction useAnimateBackwards({ selectedYear, navigatedYear }) {\n    const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n    const fromYear = Math.floor(rangeYear / 10) * 10;\n    const previousFromYearRef = React.useRef(fromYear);\n    React.useRef(()=>{\n        previousFromYearRef.current = fromYear;\n    });\n    const previousFromYear = previousFromYearRef.current;\n    if (!previousFromYear || previousFromYear === fromYear) {\n        return undefined;\n    } else if (previousFromYear > fromYear) {\n        return true;\n    } else {\n        return false;\n    }\n}\nfunction useYearRangeState({ selectedYear, navigatedYear }) {\n    const rangeYear = React.useMemo(()=>{\n        return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;\n    }, [\n        navigatedYear,\n        selectedYear\n    ]);\n    const [fromYear, setFromYear] = React.useState(rangeYear);\n    const onNavNext = ()=>{\n        setFromYear((year)=>year + CELL_COUNT);\n    };\n    const onNavPrevious = ()=>{\n        setFromYear((year)=>year - CELL_COUNT);\n    };\n    React.useEffect(()=>{\n        setFromYear(rangeYear);\n    }, [\n        rangeYear\n    ]);\n    const toYear = fromYear + CELL_COUNT - 1;\n    return [\n        fromYear,\n        toYear,\n        onNavNext,\n        onNavPrevious\n    ];\n}\n/**\n * @internal\n */ export const CalendarYear = (props)=>{\n    const animateBackwards = useAnimateBackwards(props);\n    const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n    const gridRef = React.useRef(null);\n    React.useImperativeHandle(props.componentRef, ()=>({\n            focus () {\n                var _gridRef_current_focus, _gridRef_current;\n                (_gridRef_current = gridRef.current) === null || _gridRef_current === void 0 ? void 0 : (_gridRef_current_focus = _gridRef_current.focus) === null || _gridRef_current_focus === void 0 ? void 0 : _gridRef_current_focus.call(_gridRef_current);\n            }\n        }));\n    const { className } = props;\n    const classNames = useCalendarYearStyles_unstable({\n        className\n    });\n    return /*#__PURE__*/ React.createElement(\"div\", {\n        className: classNames.root\n    }, /*#__PURE__*/ React.createElement(CalendarYearHeader, {\n        ...props,\n        fromYear: fromYear,\n        toYear: toYear,\n        onSelectPrev: onNavPrevious,\n        onSelectNext: onNavNext,\n        animateBackwards: animateBackwards\n    }), /*#__PURE__*/ React.createElement(CalendarYearGrid, {\n        ...props,\n        fromYear: fromYear,\n        toYear: toYear,\n        animateBackwards: animateBackwards,\n        componentRef: gridRef\n    }));\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["CalendarYear","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","React","useRef","useImperativeHandle","focus","_buttonRef_current_focus","_buttonRef_current","current","call","onClick","onKeyDown","ev","key","Enter","classNames","useCalendarYearStyles_unstable","highlightCurrent","highlightSelected","_onRenderYear","createElement","mergeClasses","itemButton","type","role","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","_focus","_this","renderCell","yearToRender","Date","getFullYear","value","_props_onRenderYear","_props_onRenderYear1","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","useArrowNavigationGroup","axis","gridContainer","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","navigationIcons","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","navigationButton","title","upNavigation","downNavigation","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","_props_onHeaderSelect","onHeaderKeyDown","Space","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","CalendarYearHeader","onRenderTitle","_onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","useYearRangeState","useMemo","setFromYear","useState","onNavNext","onNavPrevious","useEffect","gridRef","_gridRef_current_focus","_gridRef_current","root"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-calendar-compat",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "Calendar compat component for Fluent UI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,11 +33,11 @@
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.7",
     "@fluentui/react-icons": "^2.0.224",
-    "@fluentui/react-jsx-runtime": "^9.0.28",
+    "@fluentui/react-jsx-runtime": "^9.0.29",
     "@fluentui/react-shared-contexts": "^9.14.0",
-    "@fluentui/react-tabster": "^9.17.4",
+    "@fluentui/react-tabster": "^9.19.0",
     "@fluentui/react-theme": "^9.1.16",
-    "@fluentui/react-utilities": "^9.17.0",
+    "@fluentui/react-utilities": "^9.18.0",
     "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.5.1"
   },