@fluentui/react-calendar-compat 0.3.3 → 0.3.5

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

@@ -1 +1 @@
-{"version":3,"sources":["useWeekCornerStyles.styles.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\n/**\n * @internal\n */ export const weekCornersClassNames = {\n    topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n    topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n    bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n    bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'\n};\n/**\n * @internal\n */ export function useWeekCornerStyles(props) {\n    const { dir } = useFluent_unstable();\n    /**\n   *\n   * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n   * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n   * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n   * in Edge browser.\n   *\n   */ const getWeekCornerStyles = (initialWeeks)=>{\n        const weekCornersStyled = {};\n        /* need to handle setting all of the corners on arbitrarily shaped blobs\n          __\n       __|A |\n      |B |C |__\n      |D |E |F |\n\n      in this case, A needs top left rounded, top right rounded\n      B needs top left rounded\n      C doesn't need any rounding\n      D needs bottom left rounded\n      E doesn't need any rounding\n      F needs top right rounding\n    */ // cut off the animation transition weeks\n        const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n        // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n        weeks.forEach((week, weekIndex)=>{\n            week.forEach((day, dayIndex)=>{\n                const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);\n                const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);\n                const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);\n                const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);\n                weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n            });\n        });\n        return weekCornersStyled;\n    };\n    const calculateRoundedStyles = (above, below, left, right)=>{\n        const style = [];\n        const roundedTopLeft = !above && !left;\n        const roundedTopRight = !above && !right;\n        const roundedBottomLeft = !below && !left;\n        const roundedBottomRight = !below && !right;\n        if (roundedTopLeft) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n        }\n        if (roundedTopRight) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n        }\n        if (roundedBottomLeft) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);\n        }\n        if (roundedBottomRight) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);\n        }\n        return mergeClasses(...style);\n    };\n    const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{\n        const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n        const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n        // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n        const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n        if (date1Selected !== date2Selected) {\n            // if one is selected and the other is not, they can't be in the same range\n            return false;\n        } else if (date1Selected && date2Selected) {\n            // if they're both selected at the same time they must be in the same range\n            return true;\n        }\n        // otherwise, both must be unselected, so check the dateRange\n        return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;\n    };\n    return [\n        getWeekCornerStyles,\n        calculateRoundedStyles\n    ];\n}\n"],"names":["useWeekCornerStyles","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","props","dir","useFluent_unstable","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","mergeClasses","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","DateRangeType","WorkWeek","Week","dateRange","getDateRangeArray","filter","date","getTime"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useWeekCornerStyles.styles.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\n/**\n * @internal\n */ export const weekCornersClassNames = {\n    topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n    topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n    bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n    bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'\n};\n/**\n * @internal\n */ export function useWeekCornerStyles(props) {\n    const { dir } = useFluent_unstable();\n    /**\n   *\n   * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n   * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n   * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n   * in Edge browser.\n   *\n   */ const getWeekCornerStyles = (initialWeeks)=>{\n        const weekCornersStyled = {};\n        /* need to handle setting all of the corners on arbitrarily shaped blobs\n          __\n       __|A |\n      |B |C |__\n      |D |E |F |\n\n      in this case, A needs top left rounded, top right rounded\n      B needs top left rounded\n      C doesn't need any rounding\n      D needs bottom left rounded\n      E doesn't need any rounding\n      F needs top right rounding\n    */ // cut off the animation transition weeks\n        const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n        // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n        weeks.forEach((week, weekIndex)=>{\n            week.forEach((day, dayIndex)=>{\n                const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);\n                const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);\n                const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);\n                const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);\n                weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n            });\n        });\n        return weekCornersStyled;\n    };\n    const calculateRoundedStyles = (above, below, left, right)=>{\n        const style = [];\n        const roundedTopLeft = !above && !left;\n        const roundedTopRight = !above && !right;\n        const roundedBottomLeft = !below && !left;\n        const roundedBottomRight = !below && !right;\n        if (roundedTopLeft) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n        }\n        if (roundedTopRight) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n        }\n        if (roundedBottomLeft) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);\n        }\n        if (roundedBottomRight) {\n            style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);\n        }\n        return mergeClasses(...style);\n    };\n    const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{\n        const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n        const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n        // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n        const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n        if (date1Selected !== date2Selected) {\n            // if one is selected and the other is not, they can't be in the same range\n            return false;\n        } else if (date1Selected && date2Selected) {\n            // if they're both selected at the same time they must be in the same range\n            return true;\n        }\n        // otherwise, both must be unselected, so check the dateRange\n        return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;\n    };\n    return [\n        getWeekCornerStyles,\n        calculateRoundedStyles\n    ];\n}\n"],"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"mappings":";;;;;;;;;;;IAcoBS,mBAAmBA;;;IARtBL,qBAAqB;;;;qCANH,iCAAiC;uBACvC,gBAAgB;2BACf,uBAAuB;uBACnB,mBAAmB;AAG1C,8BAA8B;IACrCC,kBAAkB,EAAE,yCAAyC;IAC7DC,iBAAiB,EAAE,wCAAwC;IAC3DC,qBAAqB,EAAE,4CAA4C;IACnEC,oBAAoB,EAAE;AAC1B,CAAC;AAGU,6BAA6BE,KAAK,EAAE;IAC3C,MAAM,EAAEC,GAAAA,EAAK,OAAGX,uCAAkB,CAAC,CAAC;IACpC;;;;;;;EAOJ,GAAM,MAAMY,mBAAmB,IAAIC,YAAY,IAAG;QAC1C,MAAMC,iBAAiB,GAAG,CAAC,CAAC;QAC5B;;;;;;;;;;;IAWR,EAXQ,CAYD,yCAAA;QACC,MAAMC,KAAK,GAAGF,YAAY,CAACG,KAAK,CAAC,CAAC,EAAEH,YAAY,CAACI,MAAM,GAAG,CAAC,CAAC;QAC5D,8FAAA;QACAF,KAAK,CAACG,OAAO,CAAC,CAACC,IAAI,EAAEC,SAAS,KAAG;YAC7BD,IAAI,CAACD,OAAO,CAAC,CAACG,GAAG,EAAEC,QAAQ,KAAG;gBAC1B,MAAMC,KAAK,GAAGR,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,IAAIL,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;gBACpN,MAAMC,KAAK,GAAGZ,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,IAAIL,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;gBACpN,MAAME,IAAI,GAAGb,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;gBAC3L,MAAMG,KAAK,GAAGd,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;gBAC5LZ,iBAAiB,CAACM,SAAS,GAAG,GAAG,GAAGE,QAAQ,CAAC,GAAGQ,sBAAsB,CAACP,KAAK,EAAEI,KAAK,EAAEC,IAAI,EAAEC,KAAK,CAAC;YACrG,CAAC,CAAC;QACN,CAAC,CAAC;QACF,OAAOf,iBAAiB;IAC5B,CAAC;IACD,MAAMgB,sBAAsB,GAAGA,CAACP,KAAK,EAAEI,KAAK,EAAEC,IAAI,EAAEC,KAAK,KAAG;QACxD,MAAME,KAAK,GAAG,EAAE;QAChB,MAAMC,cAAc,GAAG,CAACT,KAAK,IAAI,CAACK,IAAI;QACtC,MAAMK,eAAe,GAAG,CAACV,KAAK,IAAI,CAACM,KAAK;QACxC,MAAMK,iBAAiB,GAAG,CAACP,KAAK,IAAI,CAACC,IAAI;QACzC,MAAMO,kBAAkB,GAAG,CAACR,KAAK,IAAI,CAACE,KAAK;QAC3C,IAAIG,cAAc,EAAE;YAChBD,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACC,kBAAkB,GAAGD,qBAAqB,CAACE,iBAAiB,CAAC;QAClH;QACA,IAAI2B,eAAe,EAAE;YACjBF,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACE,iBAAiB,GAAGF,qBAAqB,CAACC,kBAAkB,CAAC;QAClH;QACA,IAAI6B,iBAAiB,EAAE;YACnBH,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACG,qBAAqB,GAAGH,qBAAqB,CAACI,oBAAoB,CAAC;QACxH;QACA,IAAI2B,kBAAkB,EAAE;YACpBJ,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACI,oBAAoB,GAAGJ,qBAAqB,CAACG,qBAAqB,CAAC;QACxH;QACA,WAAON,mBAAY,CAAC,IAAG8B,KAAK,CAAC;IACjC,CAAC;IACD,MAAMP,kBAAkB,GAAGA,CAACa,KAAK,EAAEC,KAAK,EAAEC,aAAa,EAAEC,aAAa,KAAG;QACrE,MAAM,EAAEC,aAAa,EAAEC,cAAc,EAAEC,YAAAA,EAAc,GAAGjC,KAAK;QAC7D,8GAAA;QACA,MAAMkC,kBAAkB,GAAGH,aAAa,KAAKvC,wBAAa,CAAC2C,QAAQ,GAAG3C,wBAAa,CAAC4C,IAAI,GAAGL,aAAa;QACxG,0GAAA;QACA,MAAMM,SAAS,OAAG5C,wBAAiB,EAACkC,KAAK,EAAEO,kBAAkB,EAAEF,cAAc,EAAEC,YAAY,CAAC;QAC5F,IAAIJ,aAAa,KAAKC,aAAa,EAAE;YACjC,2EAAA;YACA,OAAO,KAAK;QAChB,CAAC,MAAM,IAAID,aAAa,IAAIC,aAAa,EAAE;YACvC,2EAAA;YACA,OAAO,IAAI;QACf;QACA,6DAAA;QACA,OAAOO,SAAS,CAACC,MAAM,EAAEC,IAAI,GAAGA,IAAI,CAACC,OAAO,CAAC,CAAC,KAAKZ,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAACjC,MAAM,GAAG,CAAC;IAClF,CAAC;IACD,OAAO;QACHL,mBAAmB;QACnBkB,sBAAsB;KACzB;AACL"}

package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useWeekCornerStyles: function() {
+        return useWeekCornerStyles;
+    },
+    weekCornersClassNames: function() {
+        return weekCornersClassNames;
+    }
+});
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _react = require("@griffel/react");
+const _constants = require("../../utils/constants");
+const _index = require("../../utils/index");
+const weekCornersClassNames = {
+    topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',
+    topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',
+    bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',
+    bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'
+};
+function useWeekCornerStyles(props) {
+    const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
+    /**
+   *
+   * Section for setting the rounded corner styles on individual day cells. Individual day cells need different
+   * corners to be rounded depending on which date range type and where the cell is located in the current grid.
+   * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes
+   * in Edge browser.
+   *
+   */ const getWeekCornerStyles = (initialWeeks)=>{
+        const weekCornersStyled = {};
+        /* need to handle setting all of the corners on arbitrarily shaped blobs
+          __
+       __|A |
+      |B |C |__
+      |D |E |F |
+
+      in this case, A needs top left rounded, top right rounded
+      B needs top left rounded
+      C doesn't need any rounding
+      D needs bottom left rounded
+      E doesn't need any rounding
+      F needs top right rounding
+    */ // cut off the animation transition weeks
+        const weeks = initialWeeks.slice(1, initialWeeks.length - 1);
+        // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.
+        weeks.forEach((week, weekIndex)=>{
+            week.forEach((day, dayIndex)=>{
+                const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);
+                const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);
+                const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);
+                const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);
+                weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);
+            });
+        });
+        return weekCornersStyled;
+    };
+    const calculateRoundedStyles = (above, below, left, right)=>{
+        const style = [];
+        const roundedTopLeft = !above && !left;
+        const roundedTopRight = !above && !right;
+        const roundedBottomLeft = !below && !left;
+        const roundedBottomRight = !below && !right;
+        if (roundedTopLeft) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);
+        }
+        if (roundedTopRight) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);
+        }
+        if (roundedBottomLeft) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);
+        }
+        if (roundedBottomRight) {
+            style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);
+        }
+        return (0, _react.mergeClasses)(...style);
+    };
+    const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{
+        const { dateRangeType, firstDayOfWeek, workWeekDays } = props;
+        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state
+        const dateRangeHoverType = dateRangeType === _constants.DateRangeType.WorkWeek ? _constants.DateRangeType.Week : dateRangeType;
+        // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver
+        const dateRange = (0, _index.getDateRangeArray)(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);
+        if (date1Selected !== date2Selected) {
+            // if one is selected and the other is not, they can't be in the same range
+            return false;
+        } else if (date1Selected && date2Selected) {
+            // if they're both selected at the same time they must be in the same range
+            return true;
+        }
+        // otherwise, both must be unselected, so check the dateRange
+        return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;
+    };
+    return [
+        getWeekCornerStyles,
+        calculateRoundedStyles
+    ];
+}

package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarDayGrid/useWeekCornerStyles.styles.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport const weekCornersClassNames = {\n  topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n  topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n  bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n  bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate',\n};\n\n/**\n * @internal\n */\nexport interface WeekCorners {\n  [key: string]: string;\n}\n\n/**\n * @internal\n */\nexport function useWeekCornerStyles(props: CalendarDayGridProps) {\n  const { dir } = useFluent_unstable();\n\n  /**\n   *\n   * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n   * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n   * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n   * in Edge browser.\n   *\n   */\n  const getWeekCornerStyles = (initialWeeks: DayInfo[][]): WeekCorners => {\n    const weekCornersStyled: { [key: string]: string } = {};\n    /* need to handle setting all of the corners on arbitrarily shaped blobs\n          __\n       __|A |\n      |B |C |__\n      |D |E |F |\n\n      in this case, A needs top left rounded, top right rounded\n      B needs top left rounded\n      C doesn't need any rounding\n      D needs bottom left rounded\n      E doesn't need any rounding\n      F needs top right rounding\n    */\n\n    // cut off the animation transition weeks\n    const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n\n    // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n    weeks.forEach((week: DayInfo[], weekIndex: number) => {\n      week.forEach((day: DayInfo, dayIndex: number) => {\n        const above =\n          weeks[weekIndex - 1] &&\n          weeks[weekIndex - 1][dayIndex] &&\n          isInSameHoverRange(\n            weeks[weekIndex - 1][dayIndex].originalDate,\n            day.originalDate,\n            weeks[weekIndex - 1][dayIndex].isSelected,\n            day.isSelected,\n          );\n        const below =\n          weeks[weekIndex + 1] &&\n          weeks[weekIndex + 1][dayIndex] &&\n          isInSameHoverRange(\n            weeks[weekIndex + 1][dayIndex].originalDate,\n            day.originalDate,\n            weeks[weekIndex + 1][dayIndex].isSelected,\n            day.isSelected,\n          );\n        const left =\n          weeks[weekIndex][dayIndex - 1] &&\n          isInSameHoverRange(\n            weeks[weekIndex][dayIndex - 1].originalDate,\n            day.originalDate,\n            weeks[weekIndex][dayIndex - 1].isSelected,\n            day.isSelected,\n          );\n        const right =\n          weeks[weekIndex][dayIndex + 1] &&\n          isInSameHoverRange(\n            weeks[weekIndex][dayIndex + 1].originalDate,\n            day.originalDate,\n            weeks[weekIndex][dayIndex + 1].isSelected,\n            day.isSelected,\n          );\n\n        weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n      });\n    });\n\n    return weekCornersStyled;\n  };\n\n  const calculateRoundedStyles = (above: boolean, below: boolean, left: boolean, right: boolean): string => {\n    const style = [];\n    const roundedTopLeft = !above && !left;\n    const roundedTopRight = !above && !right;\n    const roundedBottomLeft = !below && !left;\n    const roundedBottomRight = !below && !right;\n\n    if (roundedTopLeft) {\n      style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n    }\n    if (roundedTopRight) {\n      style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n    }\n    if (roundedBottomLeft) {\n      style.push(\n        dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate,\n      );\n    }\n    if (roundedBottomRight) {\n      style.push(\n        dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate,\n      );\n    }\n\n    return mergeClasses(...style);\n  };\n\n  const isInSameHoverRange = (date1: Date, date2: Date, date1Selected: boolean, date2Selected: boolean): boolean => {\n    const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n\n    // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n    const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n\n    // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n    const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n\n    if (date1Selected !== date2Selected) {\n      // if one is selected and the other is not, they can't be in the same range\n      return false;\n    } else if (date1Selected && date2Selected) {\n      // if they're both selected at the same time they must be in the same range\n      return true;\n    }\n\n    // otherwise, both must be unselected, so check the dateRange\n    return dateRange.filter((date: Date) => date.getTime() === date2.getTime()).length > 0;\n  };\n\n  return [getWeekCornerStyles, calculateRoundedStyles] as const;\n}\n"],"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"mappings":"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"}

package/lib-commonjs/components/CalendarDayGrid/useWeeks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/useWeeks.ts"],"sourcesContent":["import * as React from 'react';\nimport { compareDates, DAYS_IN_WEEK, getDayGrid } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport function useWeeks(\n  props: CalendarDayGridProps,\n  onSelectDate: (date: Date) => void,\n  getSetRefCallback: (dayKey: string) => (element: HTMLElement | null) => void,\n): DayInfo[][] {\n  'use no memo';\n\n  /**\n   * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation\n   * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.\n   */\n  const weeks = React.useMemo((): DayInfo[][] => {\n    const weeksGrid = getDayGrid(props);\n\n    const firstVisibleDay = weeksGrid[1][0].originalDate;\n    const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;\n    const markedDays = props.getMarkedDays?.(firstVisibleDay, lastVisibleDay) || [];\n\n    /**\n     * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,\n     * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.\n     *\n     * Weeks[1... weeks.length - 2] contains the actual visible data\n     */\n    const returnValue: DayInfo[][] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++) {\n      const week: DayInfo[] = [];\n      for (let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++) {\n        const day = weeksGrid[weekIndex][dayIndex];\n        const dayInfo: DayInfo = {\n          onSelected: () => onSelectDate(day.originalDate),\n          setRef: getSetRefCallback(day.key),\n          ...day,\n          isMarked: day.isMarked || markedDays?.some(markedDay => compareDates(day.originalDate, markedDay)),\n        };\n\n        week.push(dayInfo);\n      }\n      returnValue.push(week);\n    }\n\n    return returnValue;\n    // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire\n    // props object may not be a good idea due to likely frequent mutation). It would be easy to\n    // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from\n    // Calendar and trying to fix it requires a huge cascade of changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props]);\n\n  return weeks;\n}\n"],"names":["useWeeks","props","onSelectDate","getSetRefCallback","weeks","React","useMemo","weeksGrid","getDayGrid","firstVisibleDay","originalDate","lastVisibleDay","length","markedDays","getMarkedDays","returnValue","weekIndex","week","dayIndex","DAYS_IN_WEEK","day","dayInfo","onSelected","setRef","key","isMarked","some","markedDay","compareDates","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQgBA;;;eAAAA;;;;iEARO;uBACgC;AAOhD,SAASA,SACdC,KAA2B,EAC3BC,YAAkC,EAClCC,iBAA4E;IAE5E;IAEA;;;GAGC,GACD,MAAMC,QAAQC,OAAMC,OAAO,CAAC;YAKPL;QAJnB,MAAMM,YAAYC,IAAAA,iBAAAA,EAAWP;QAE7B,MAAMQ,kBAAkBF,SAAS,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY;QACpD,MAAMC,iBAAiBJ,SAAS,CAACA,UAAUK,MAAM,GAAG,EAAE,CAAC,EAAE,CAACF,YAAY;QACtE,MAAMG,aAAaZ,CAAAA,CAAAA,uBAAAA,MAAMa,aAAa,AAAbA,MAAa,QAAnBb,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,IAAAA,CAAAA,OAAsBQ,iBAAiBE,eAAAA,KAAmB,EAAE;QAE/E;;;;;KAKC,GACD,MAAMI,cAA2B,EAAE;QAEnC,IAAK,IAAIC,YAAY,GAAGA,YAAYT,UAAUK,MAAM,EAAEI,YAAa;YACjE,MAAMC,OAAkB,EAAE;YAC1B,IAAK,IAAIC,WAAW,GAAGA,WAAWC,mBAAAA,EAAcD,WAAY;gBAC1D,MAAME,MAAMb,SAAS,CAACS,UAAU,CAACE,SAAS;gBAC1C,MAAMG,UAAmB;oBACvBC,YAAY,IAAMpB,aAAakB,IAAIV,YAAY;oBAC/Ca,QAAQpB,kBAAkBiB,IAAII,GAAG;oBACjC,GAAGJ,GAAG;oBACNK,UAAUL,IAAIK,QAAQ,IAAIZ,CAAAA,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAYa,IAAI,CAACC,CAAAA,YAAaC,IAAAA,mBAAAA,EAAaR,IAAIV,YAAY,EAAEiB,WAAAA;gBACzF;gBAEAV,KAAKY,IAAI,CAACR;YACZ;YACAN,YAAYc,IAAI,CAACZ;QACnB;QAEA,OAAOF;IACP,gGAAgG;IAChG,4FAA4F;IAC5F,yFAAyF;IACzF,oEAAoE;IACpE,uDAAuD;IACzD,GAAG;QAACd;KAAM;IAEV,OAAOG;AACT"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/useWeeks.ts"],"sourcesContent":["import * as React from 'react';\nimport { compareDates, DAYS_IN_WEEK, getDayGrid } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport function useWeeks(\n  props: CalendarDayGridProps,\n  onSelectDate: (date: Date) => void,\n  getSetRefCallback: (dayKey: string) => (element: HTMLElement | null) => void,\n): DayInfo[][] {\n  'use no memo';\n\n  /**\n   * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation\n   * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.\n   */\n  const weeks = React.useMemo((): DayInfo[][] => {\n    const weeksGrid = getDayGrid(props);\n\n    const firstVisibleDay = weeksGrid[1][0].originalDate;\n    const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;\n    const markedDays = props.getMarkedDays?.(firstVisibleDay, lastVisibleDay) || [];\n\n    /**\n     * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,\n     * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.\n     *\n     * Weeks[1... weeks.length - 2] contains the actual visible data\n     */\n    const returnValue: DayInfo[][] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++) {\n      const week: DayInfo[] = [];\n      for (let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++) {\n        const day = weeksGrid[weekIndex][dayIndex];\n        const dayInfo: DayInfo = {\n          onSelected: () => onSelectDate(day.originalDate),\n          setRef: getSetRefCallback(day.key),\n          ...day,\n          isMarked: day.isMarked || markedDays?.some(markedDay => compareDates(day.originalDate, markedDay)),\n        };\n\n        week.push(dayInfo);\n      }\n      returnValue.push(week);\n    }\n\n    return returnValue;\n    // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire\n    // props object may not be a good idea due to likely frequent mutation). It would be easy to\n    // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from\n    // Calendar and trying to fix it requires a huge cascade of changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props]);\n\n  return weeks;\n}\n"],"names":["React","compareDates","DAYS_IN_WEEK","getDayGrid","useWeeks","props","onSelectDate","getSetRefCallback","weeks","useMemo","weeksGrid","firstVisibleDay","originalDate","lastVisibleDay","length","markedDays","getMarkedDays","returnValue","weekIndex","week","dayIndex","day","dayInfo","onSelected","setRef","key","isMarked","some","markedDay","push"],"mappings":";;;;+BAQgBI;;;;;;;iEARO,QAAQ;uBACwB,oBAAoB;AAOpE,kBACLC,KAA2B,EAC3BC,YAAkC,EAClCC,iBAA4E;IAE5E;IAEA;;;GAGC,GACD,MAAMC,QAAQR,OAAMS,OAAO,CAAC;YAKPJ;QAJnB,MAAMK,YAAYP,qBAAAA,EAAWE;QAE7B,MAAMM,kBAAkBD,SAAS,CAAC,EAAE,CAAC,EAAE,CAACE,YAAY;QACpD,MAAMC,iBAAiBH,SAAS,CAACA,UAAUI,MAAM,GAAG,EAAE,CAAC,EAAE,CAACF,YAAY;QACtE,MAAMG,aAAaV,CAAAA,CAAAA,uBAAAA,MAAMW,aAAAA,AAAa,MAAA,QAAnBX,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,IAAAA,CAAAA,OAAsBM,iBAAiBE,eAAAA,KAAmB,EAAE;QAE/E;;;;;KAKC,GACD,MAAMI,cAA2B,EAAE;QAEnC,IAAK,IAAIC,YAAY,GAAGA,YAAYR,UAAUI,MAAM,EAAEI,YAAa;YACjE,MAAMC,OAAkB,EAAE;YAC1B,IAAK,IAAIC,WAAW,GAAGA,WAAWlB,mBAAAA,EAAckB,WAAY;gBAC1D,MAAMC,MAAMX,SAAS,CAACQ,UAAU,CAACE,SAAS;gBAC1C,MAAME,UAAmB;oBACvBC,YAAY,IAAMjB,aAAae,IAAIT,YAAY;oBAC/CY,QAAQjB,kBAAkBc,IAAII,GAAG;oBACjC,GAAGJ,GAAG;oBACNK,UAAUL,IAAIK,QAAQ,KAAIX,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAYY,IAAI,CAACC,CAAAA,gBAAa3B,mBAAAA,EAAaoB,IAAIT,YAAY,EAAEgB,WAAAA;gBACzF;gBAEAT,KAAKU,IAAI,CAACP;YACZ;YACAL,YAAYY,IAAI,CAACV;QACnB;QAEA,OAAOF;IACP,gGAAgG;IAChG,4FAA4F;IAC5F,yFAAyF;IACzF,oEAAoE;IACpE,uDAAuD;IACzD,GAAG;QAACZ;KAAM;IAEV,OAAOG;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarMonth/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.styles';\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.monthPickerHeaderAriaLabel,\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":["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","div","root","headerContainer","button","currentItemButton","onClick","onKeyDown","onButtonKeyDown","aria-label","tabIndex","type","span","aria-live","aria-atomic","navigationButtonsContainer","mergeClasses","navigationButton","disabled","aria-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","aria-selected","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","callback","ev","Enter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/components/CalendarMonth/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.styles';\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.monthPickerHeaderAriaLabel,\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","callback","ev"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarMonth/CalendarMonth.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { CalendarNavigationIcons } from '../Calendar/calendarNavigationIcons';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { CalendarPickerStyleProps, CalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarMonth {\n  focus(): void;\n}\n\nexport interface CalendarMonthProps {\n  /**\n   * Optional callback to access the ICalendarMonth interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarMonth>;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings: CalendarStrings;\n\n  /**\n   * The currently selected date\n   */\n  selectedDate: Date;\n\n  /**\n   * The currently navigated date\n   */\n  navigatedDate: Date;\n\n  /**\n   * Callback issued when a month is selected\n   * @param date - The date the user selected\n   * @param selectedDateRangeArray - The resultant list of dates that are selected based on the date range type set\n   * for the component.\n   */\n  onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;\n\n  /**\n   * Callback issued when the year is navigated\n   * @param date - The date that is navigated to\n   * @param focusOnNavigatedDay - Whether to set the focus to the navigated date.\n   */\n  onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Callback function when the header is selected\n   */\n  onHeaderSelect?: () => void;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date earlier than this value.\n   */\n  minDate?: Date;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date later than this value.\n   */\n  maxDate?: Date;\n\n  /**\n   * Whether the month picker should highlight the current month\n   * @default false\n   */\n  highlightCurrentMonth?: boolean;\n\n  /**\n   * Whether the month picker should highlight the selected month\n   * @default false\n   */\n  highlightSelectedMonth?: boolean;\n\n  /**\n   * Allows all dates and buttons to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n\n  /**\n   * Additional CSS class(es) to apply to the CalendarMonth.\n   */\n  className?: string;\n\n  /**\n   * Whether the year picker is hidden\n   * @default false\n   */\n  yearPickerHidden?: boolean;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n\n  /**\n   * Custom navigation icons.\n   */\n  navigationIcons: CalendarNavigationIcons;\n}\n\n/**\n * @internal\n */\nexport interface CalendarMonthStyleProps extends CalendarPickerStyleProps {}\n\n/**\n * @internal\n */\nexport interface CalendarMonthStyles extends CalendarPickerStyles {}\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["../src/components/CalendarMonth/CalendarMonth.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { CalendarNavigationIcons } from '../Calendar/calendarNavigationIcons';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { CalendarPickerStyleProps, CalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarMonth {\n  focus(): void;\n}\n\nexport interface CalendarMonthProps {\n  /**\n   * Optional callback to access the ICalendarMonth interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarMonth>;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings: CalendarStrings;\n\n  /**\n   * The currently selected date\n   */\n  selectedDate: Date;\n\n  /**\n   * The currently navigated date\n   */\n  navigatedDate: Date;\n\n  /**\n   * Callback issued when a month is selected\n   * @param date - The date the user selected\n   * @param selectedDateRangeArray - The resultant list of dates that are selected based on the date range type set\n   * for the component.\n   */\n  onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;\n\n  /**\n   * Callback issued when the year is navigated\n   * @param date - The date that is navigated to\n   * @param focusOnNavigatedDay - Whether to set the focus to the navigated date.\n   */\n  onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Callback function when the header is selected\n   */\n  onHeaderSelect?: () => void;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date earlier than this value.\n   */\n  minDate?: Date;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date later than this value.\n   */\n  maxDate?: Date;\n\n  /**\n   * Whether the month picker should highlight the current month\n   * @default false\n   */\n  highlightCurrentMonth?: boolean;\n\n  /**\n   * Whether the month picker should highlight the selected month\n   * @default false\n   */\n  highlightSelectedMonth?: boolean;\n\n  /**\n   * Allows all dates and buttons to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n\n  /**\n   * Additional CSS class(es) to apply to the CalendarMonth.\n   */\n  className?: string;\n\n  /**\n   * Whether the year picker is hidden\n   * @default false\n   */\n  yearPickerHidden?: boolean;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n\n  /**\n   * Custom navigation icons.\n   */\n  navigationIcons: CalendarNavigationIcons;\n}\n\n/**\n * @internal\n */\nexport interface CalendarMonthStyleProps extends CalendarPickerStyleProps {}\n\n/**\n * @internal\n */\nexport interface CalendarMonthStyles extends CalendarPickerStyles {}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarMonth/index.ts"],"sourcesContent":["export { CalendarMonth } from './CalendarMonth';\nexport type {\n  CalendarMonthProps,\n  CalendarMonthStyleProps,\n  CalendarMonthStyles,\n  ICalendarMonth,\n} from './CalendarMonth.types';\nexport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles.styles';\n"],"names":["CalendarMonth","useCalendarMonthStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAObC,+BAA+B;eAA/BA,6DAA+B;;;+BAPV;8CAOkB"}
+{"version":3,"sources":["../src/components/CalendarMonth/index.ts"],"sourcesContent":["export { CalendarMonth } from './CalendarMonth';\nexport type {\n  CalendarMonthProps,\n  CalendarMonthStyleProps,\n  CalendarMonthStyles,\n  ICalendarMonth,\n} from './CalendarMonth.types';\nexport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles.styles';\n"],"names":["CalendarMonth","useCalendarMonthStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAObC,6DAA+B;;;+BAPV,kBAAkB;8CAOA,kCAAkC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useCalendarMonthStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n *  @internal\n *\n * Apply styling to the CalendarMonth slots based on the state\n */ export const useCalendarMonthStyles_unstable = (props)=>{\n    'use no memo';\n    return useCalendarPickerStyles_unstable(props);\n};\n"],"names":["useCalendarMonthStyles_unstable","props","useCalendarPickerStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAKiBA;;;eAAAA;;;+CALgC;AAKtC,MAAMA,kCAAmCC,CAAAA;IAChD;IACA,OAAOC,IAAAA,+DAAgC,EAACD;AAC5C"}
+{"version":3,"sources":["useCalendarMonthStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n *  @internal\n *\n * Apply styling to the CalendarMonth slots based on the state\n */ export const useCalendarMonthStyles_unstable = (props)=>{\n    'use no memo';\n    return useCalendarPickerStyles_unstable(props);\n};\n"],"names":["useCalendarPickerStyles_unstable","useCalendarMonthStyles_unstable","props"],"mappings":";;;;;;;;;;+CAAiD,kDAAkD;AAKxF,MAAMC,+BAA+B,IAAIC,KAAK,IAAG;IACxD,aAAa;IACb,WAAOF,+DAAgC,EAACE,KAAK,CAAC;AAClD,CAAC"}

package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCalendarMonthStyles_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCalendarMonthStyles_unstable;
+    }
+});
+const _useCalendarPickerStylesstyles = require("../CalendarPicker/useCalendarPickerStyles.styles");
+const useCalendarMonthStyles_unstable = (props)=>{
+    'use no memo';
+    return (0, _useCalendarPickerStylesstyles.useCalendarPickerStyles_unstable)(props);
+};

package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarMonth/useCalendarMonthStyles.styles.ts"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\nimport type { CalendarMonthStyleProps, CalendarMonthStyles } from './CalendarMonth.types';\n\n/**\n *  @internal\n *\n * Apply styling to the CalendarMonth slots based on the state\n */\nexport const useCalendarMonthStyles_unstable = (props: CalendarMonthStyleProps): CalendarMonthStyles => {\n  'use no memo';\n\n  return useCalendarPickerStyles_unstable(props);\n};\n"],"names":["useCalendarPickerStyles_unstable","useCalendarMonthStyles_unstable","props"],"mappings":";;;;;;;;;;+CAAiD,mDAAmD;AAQ7F,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,WAAOF,+DAAAA,EAAiCE;AAC1C,EAAE"}

package/lib-commonjs/components/CalendarPicker/CalendarPicker.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarPicker/CalendarPicker.types.ts"],"sourcesContent":["import { AnimationDirection } from '../Calendar/Calendar.types';\n\n/**\n * @internal\n */\nexport interface CalendarPickerStyleProps {\n  /**\n   * Accept custom classNames\n   */\n  className?: string;\n\n  /**\n   * Whether the header can be clicked\n   */\n  hasHeaderClickCallback?: boolean;\n\n  /**\n   * Whether the picker should highlight the current item\n   */\n  highlightCurrent?: boolean;\n\n  /**\n   * Whether the picker should highlight the selected item\n   */\n  highlightSelected?: boolean;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n\n  /**\n   * Whether grid entering animation should be forwards or backwards\n   */\n  animateBackwards?: boolean;\n}\n\n/**\n * @internal\n */\nexport interface CalendarPickerStyles {\n  /**\n   * Style for the root element.\n   */\n  root: string;\n\n  headerContainer: string;\n\n  currentItemButton: string;\n\n  navigationButtonsContainer: string;\n\n  navigationButton: string;\n\n  gridContainer: string;\n\n  buttonRow: string;\n\n  itemButton: string;\n\n  current: string;\n\n  selected: string;\n\n  disabled: string;\n}\n"],"names":[],"rangeMappings":";;","mappings":"AAqCA;;CAEC"}
+{"version":3,"sources":["../src/components/CalendarPicker/CalendarPicker.types.ts"],"sourcesContent":["import { AnimationDirection } from '../Calendar/Calendar.types';\n\n/**\n * @internal\n */\nexport interface CalendarPickerStyleProps {\n  /**\n   * Accept custom classNames\n   */\n  className?: string;\n\n  /**\n   * Whether the header can be clicked\n   */\n  hasHeaderClickCallback?: boolean;\n\n  /**\n   * Whether the picker should highlight the current item\n   */\n  highlightCurrent?: boolean;\n\n  /**\n   * Whether the picker should highlight the selected item\n   */\n  highlightSelected?: boolean;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n\n  /**\n   * Whether grid entering animation should be forwards or backwards\n   */\n  animateBackwards?: boolean;\n}\n\n/**\n * @internal\n */\nexport interface CalendarPickerStyles {\n  /**\n   * Style for the root element.\n   */\n  root: string;\n\n  headerContainer: string;\n\n  currentItemButton: string;\n\n  navigationButtonsContainer: string;\n\n  navigationButton: string;\n\n  gridContainer: string;\n\n  buttonRow: string;\n\n  itemButton: string;\n\n  current: string;\n\n  selected: string;\n\n  disabled: string;\n}\n"],"names":[],"mappings":"AAqCA;;CAEC,GACD,WAyBC"}

package/lib-commonjs/components/CalendarPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarPicker/index.ts"],"sourcesContent":["export type { CalendarPickerStyleProps, CalendarPickerStyles } from './CalendarPicker.types';\nexport { calendarPickerClassNames, useCalendarPickerStyles_unstable } from './useCalendarPickerStyles.styles';\n"],"names":["calendarPickerClassNames","useCalendarPickerStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,wBAAwB;eAAxBA,uDAAwB;;IAAEC,gCAAgC;eAAhCA,+DAAgC;;;+CAAQ"}
+{"version":3,"sources":["../src/components/CalendarPicker/index.ts"],"sourcesContent":["export type { CalendarPickerStyleProps, CalendarPickerStyles } from './CalendarPicker.types';\nexport { calendarPickerClassNames, useCalendarPickerStyles_unstable } from './useCalendarPickerStyles.styles';\n"],"names":["calendarPickerClassNames","useCalendarPickerStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,uDAAwB;;;eAAEC,+DAAgC;;;+CAAQ,mCAAmC"}

package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCalendarPickerStyles.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, SLIDE_DOWN_IN20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20 } from '../../utils/animations';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\n/**\n * @internal\n */ export const calendarPickerClassNames = {\n    root: 'fui-CalendarPicker',\n    headerContainer: 'fui-CalendarPicker__headerContainer',\n    currentItemButton: 'fui-CalendarPicker__currentItemButton',\n    navigationButtonsContainer: 'fui-CalendarPicker__navigationButtonsContainer',\n    navigationButton: 'fui-CalendarPicker__navigationButton',\n    gridContainer: 'fui-CalendarPicker__gridContainer',\n    buttonRow: 'fui-CalendarPicker__buttonRow',\n    itemButton: 'fui-CalendarPicker__itemButton',\n    current: 'fui-CalendarPicker__current',\n    selected: 'fui-CalendarPicker__selected',\n    disabled: 'fui-CalendarPicker__disabled'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        boxSizing: 'content-box',\n        overflow: 'hidden',\n        padding: '12px',\n        width: '196px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    }\n});\nconst useHeaderContainerStyles = makeStyles({\n    base: {\n        display: 'flex'\n    }\n});\nconst useCurrentItemButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: 'inherit',\n        flexGrow: 1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        overflow: 'visible',\n        padding: '0 4px 0 10px',\n        textAlign: 'left'\n    },\n    animation: {\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    },\n    hasHeaderClickCallback: {\n        // If this is updated, make sure to update headerIsClickable in useCalendarDayStyles as well\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        }\n    }\n});\nconst useNavigationButtonsContainerStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        display: 'flex'\n    }\n});\nconst useNavigationButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground1,\n        display: 'block',\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '28px',\n        lineHeight: '28px',\n        minHeight: '28px',\n        minWidth: '28px',\n        overflow: 'visible',\n        padding: '0',\n        position: 'relative',\n        textAlign: 'center',\n        width: '28px',\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed\n        }\n    }\n});\nconst useGridContainerStyles = makeStyles({\n    base: {\n        marginTop: '4px'\n    }\n});\nconst useButtonRowStyles = makeStyles({\n    base: {\n        marginBottom: '16px',\n        '&:last-of-type': {\n            marginBottom: 0\n        }\n    },\n    animation: {\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 useItemButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground3,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '40px',\n        lineHeight: '40px',\n        minHeight: '40px',\n        minWidth: '40px',\n        margin: '0 12px 0 0',\n        overflow: 'visible',\n        padding: '0',\n        width: '40px',\n        '&:nth-child(4n + 4)': {\n            marginRight: 0\n        },\n        '&:nth-child(n + 9)': {\n            marginBottom: 0\n        },\n        '& div': {\n            fontWeight: tokens.fontWeightRegular\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorNeutralForeground1Static,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                color: 'WindowText',\n                forcedColorAdjust: 'none',\n                outline: '1px solid Highlight'\n            }\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                color: 'Highlight',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useCurrentStyles = makeStyles({\n    highlightCurrent: {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        },\n        '&:hover, &:hover:active': {\n            backgroundColor: tokens.colorBrandBackground,\n            color: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'WindowText',\n                color: 'Window',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useSelectedStyles = makeStyles({\n    highlightSelected: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        fontWeight: tokens.fontWeightSemibold,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        },\n        '& div': {\n            fontWeight: tokens.fontWeightSemibold\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            color: tokens.colorNeutralForeground1Static,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'Window',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n        }\n    }\n});\nconst useDisabledStyles = makeStyles({\n    base: {\n        '&, &:disabled, & button': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarPicker slots based on the state\n */ export const useCalendarPickerStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const headerContainerStyles = useHeaderContainerStyles();\n    const currentItemButtonStyles = useCurrentItemButtonStyles();\n    const navigationButtonsContainerStyles = useNavigationButtonsContainerStyles();\n    const navigationButtonStyles = useNavigationButtonStyles();\n    const gridContainerStyles = useGridContainerStyles();\n    const buttonRowStyles = useButtonRowStyles();\n    const itemButtonStyles = useItemButtonStyles();\n    const currentStyles = useCurrentStyles();\n    const selectedStyles = useSelectedStyles();\n    const disabledStyles = useDisabledStyles();\n    const { animateBackwards, animationDirection, className, hasHeaderClickCallback, highlightCurrent, highlightSelected } = props;\n    return {\n        root: mergeClasses(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),\n        headerContainer: mergeClasses(calendarPickerClassNames.headerContainer, headerContainerStyles.base),\n        currentItemButton: mergeClasses(calendarPickerClassNames.currentItemButton, currentItemButtonStyles.base, animateBackwards !== undefined && currentItemButtonStyles.animation, hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback),\n        navigationButtonsContainer: mergeClasses(calendarPickerClassNames.navigationButtonsContainer, navigationButtonsContainerStyles.base),\n        navigationButton: mergeClasses(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),\n        gridContainer: mergeClasses(calendarPickerClassNames.gridContainer, gridContainerStyles.base),\n        buttonRow: mergeClasses(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),\n        itemButton: mergeClasses(calendarPickerClassNames.itemButton, itemButtonStyles.base),\n        selected: mergeClasses(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),\n        current: mergeClasses(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),\n        disabled: mergeClasses(calendarPickerClassNames.disabled, disabledStyles.base)\n    };\n};\n"],"names":["calendarPickerClassNames","useCalendarPickerStyles_unstable","root","headerContainer","currentItemButton","navigationButtonsContainer","navigationButton","gridContainer","buttonRow","itemButton","current","selected","disabled","useRootStyles","__styles","base","B7ck84d","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bqrx1nm","ze5xyy","iyr2r2","Bx7pl5v","Bnosqey","Bv57zgv","Bbxjs3m","g2kj27","pc6evw","B76w7ga","m","useCurrentStyles","highlightCurrent","Bsw6fvg","Bbusuzp","ycbfsm","mk428o","B1lrsqs","z0vste","Bgjd7nk","kur00z","useSelectedStyles","highlightSelected","useDisabledStyles","Bg33ivm","t69wg0","props","rootStyles","headerContainerStyles","currentItemButtonStyles","navigationButtonsContainerStyles","navigationButtonStyles","gridContainerStyles","buttonRowStyles","itemButtonStyles","currentStyles","selectedStyles","disabledStyles","animateBackwards","animationDirection","className","mergeClasses","undefined","AnimationDirection","Horizontal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useCalendarPickerStyles.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, SLIDE_DOWN_IN20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20 } from '../../utils/animations';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\n/**\n * @internal\n */ export const calendarPickerClassNames = {\n    root: 'fui-CalendarPicker',\n    headerContainer: 'fui-CalendarPicker__headerContainer',\n    currentItemButton: 'fui-CalendarPicker__currentItemButton',\n    navigationButtonsContainer: 'fui-CalendarPicker__navigationButtonsContainer',\n    navigationButton: 'fui-CalendarPicker__navigationButton',\n    gridContainer: 'fui-CalendarPicker__gridContainer',\n    buttonRow: 'fui-CalendarPicker__buttonRow',\n    itemButton: 'fui-CalendarPicker__itemButton',\n    current: 'fui-CalendarPicker__current',\n    selected: 'fui-CalendarPicker__selected',\n    disabled: 'fui-CalendarPicker__disabled'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        boxSizing: 'content-box',\n        overflow: 'hidden',\n        padding: '12px',\n        width: '196px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    }\n});\nconst useHeaderContainerStyles = makeStyles({\n    base: {\n        display: 'flex'\n    }\n});\nconst useCurrentItemButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: 'inherit',\n        flexGrow: 1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        overflow: 'visible',\n        padding: '0 4px 0 10px',\n        textAlign: 'left'\n    },\n    animation: {\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    },\n    hasHeaderClickCallback: {\n        // If this is updated, make sure to update headerIsClickable in useCalendarDayStyles as well\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        }\n    }\n});\nconst useNavigationButtonsContainerStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        display: 'flex'\n    }\n});\nconst useNavigationButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground1,\n        display: 'block',\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '28px',\n        lineHeight: '28px',\n        minHeight: '28px',\n        minWidth: '28px',\n        overflow: 'visible',\n        padding: '0',\n        position: 'relative',\n        textAlign: 'center',\n        width: '28px',\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorBrandForegroundOnLightHover,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            color: tokens.colorBrandForegroundOnLightPressed\n        }\n    }\n});\nconst useGridContainerStyles = makeStyles({\n    base: {\n        marginTop: '4px'\n    }\n});\nconst useButtonRowStyles = makeStyles({\n    base: {\n        marginBottom: '16px',\n        '&:last-of-type': {\n            marginBottom: 0\n        }\n    },\n    animation: {\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 useItemButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground3,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '40px',\n        lineHeight: '40px',\n        minHeight: '40px',\n        minWidth: '40px',\n        margin: '0 12px 0 0',\n        overflow: 'visible',\n        padding: '0',\n        width: '40px',\n        '&:nth-child(4n + 4)': {\n            marginRight: 0\n        },\n        '&:nth-child(n + 9)': {\n            marginBottom: 0\n        },\n        '& div': {\n            fontWeight: tokens.fontWeightRegular\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            color: tokens.colorNeutralForeground1Static,\n            cursor: 'pointer',\n            outline: `1px solid ${tokens.colorTransparentStroke}`,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                color: 'WindowText',\n                forcedColorAdjust: 'none',\n                outline: '1px solid Highlight'\n            }\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                color: 'Highlight',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useCurrentStyles = makeStyles({\n    highlightCurrent: {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        },\n        '&:hover, &:hover:active': {\n            backgroundColor: tokens.colorBrandBackground,\n            color: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'WindowText',\n                color: 'Window',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useSelectedStyles = makeStyles({\n    highlightSelected: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        fontWeight: tokens.fontWeightSemibold,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        },\n        '& div': {\n            fontWeight: tokens.fontWeightSemibold\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            color: tokens.colorNeutralForeground1Static,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'Window',\n                forcedColorAdjust: 'none'\n            }\n        },\n        '&:hover:active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n        }\n    }\n});\nconst useDisabledStyles = makeStyles({\n    base: {\n        '&, &:disabled, & button': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarPicker slots based on the state\n */ export const useCalendarPickerStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const headerContainerStyles = useHeaderContainerStyles();\n    const currentItemButtonStyles = useCurrentItemButtonStyles();\n    const navigationButtonsContainerStyles = useNavigationButtonsContainerStyles();\n    const navigationButtonStyles = useNavigationButtonStyles();\n    const gridContainerStyles = useGridContainerStyles();\n    const buttonRowStyles = useButtonRowStyles();\n    const itemButtonStyles = useItemButtonStyles();\n    const currentStyles = useCurrentStyles();\n    const selectedStyles = useSelectedStyles();\n    const disabledStyles = useDisabledStyles();\n    const { animateBackwards, animationDirection, className, hasHeaderClickCallback, highlightCurrent, highlightSelected } = props;\n    return {\n        root: mergeClasses(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),\n        headerContainer: mergeClasses(calendarPickerClassNames.headerContainer, headerContainerStyles.base),\n        currentItemButton: mergeClasses(calendarPickerClassNames.currentItemButton, currentItemButtonStyles.base, animateBackwards !== undefined && currentItemButtonStyles.animation, hasHeaderClickCallback && currentItemButtonStyles.hasHeaderClickCallback),\n        navigationButtonsContainer: mergeClasses(calendarPickerClassNames.navigationButtonsContainer, navigationButtonsContainerStyles.base),\n        navigationButton: mergeClasses(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),\n        gridContainer: mergeClasses(calendarPickerClassNames.gridContainer, gridContainerStyles.base),\n        buttonRow: mergeClasses(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),\n        itemButton: mergeClasses(calendarPickerClassNames.itemButton, itemButtonStyles.base),\n        selected: mergeClasses(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),\n        current: mergeClasses(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),\n        disabled: mergeClasses(calendarPickerClassNames.disabled, disabledStyles.base)\n    };\n};\n"],"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","SLIDE_DOWN_IN20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","AnimationDirection","calendarPickerClassNames","root","headerContainer","currentItemButton","navigationButtonsContainer","navigationButton","gridContainer","buttonRow","itemButton","current","selected","disabled","useRootStyles","base","B7ck84d","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useHeaderContainerStyles","mc9l5x","useCurrentItemButtonStyles","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","fsow6f","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","hasHeaderClickCallback","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useNavigationButtonsContainerStyles","Bt984gj","useNavigationButtonStyles","Bgfg5da","B9xav0g","Bn0qgzm","B4g9neb","zhjwy3","ibv6hh","u1mtju","h3c5rm","Bekrc4i","i8vvqc","g2u3we","B4j52fo","irswps","Bqenvij","Bg96gwp","sshi5w","Bf4jedk","qhf8xq","useGridContainerStyles","useButtonRowStyles","sw9gdo","horizontalBackward","horizontalForward","verticalBackward","verticalForward","useItemButtonStyles","Btgfwho","xrote9","Bja5ulm","Bqrx1nm","ze5xyy","iyr2r2","Bx7pl5v","Bnosqey","Bv57zgv","Bbxjs3m","g2kj27","pc6evw","B76w7ga","m","useCurrentStyles","highlightCurrent","Bsw6fvg","Bbusuzp","ycbfsm","mk428o","B1lrsqs","z0vste","Bgjd7nk","kur00z","useSelectedStyles","highlightSelected","useDisabledStyles","Bg33ivm","t69wg0","useCalendarPickerStyles_unstable","props","rootStyles","headerContainerStyles","currentItemButtonStyles","navigationButtonsContainerStyles","navigationButtonStyles","gridContainerStyles","buttonRowStyles","itemButtonStyles","currentStyles","selectedStyles","disabledStyles","animateBackwards","animationDirection","className","undefined","Horizontal"],"mappings":"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"}