@fluentui/react-calendar-compat 0.0.0-nightly-20250423-1342.1 → 0.0.0-nightly-20250423-1415.1

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js

@@ -0,0 +1,370 @@
+"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, {
+    calendarDayClassNames: function() {
+        return calendarDayClassNames;
+    },
+    useCalendarDayStyles_unstable: function() {
+        return useCalendarDayStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const calendarDayClassNames = {
+    root: 'fui-CalendarDay',
+    header: 'fui-CalendarDay__header',
+    monthAndYear: 'fui-CalendarDay__monthAndYear',
+    monthComponents: 'fui-CalendarDay__monthComponents',
+    headerIconButton: 'fui-CalendarDay__headerIconButton',
+    disabledStyle: 'fui-CalendarDay__disabledStyle'
+};
+const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        B7ck84d: "f1e4lqlz",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1sy4kr4",
+        a9b677: "f4m2ahc"
+    },
+    normalize: {
+        E5pizo: "f1couhl3",
+        B7ck84d: "f1ewtqcl",
+        jrapky: 0,
+        Frg6f3: 0,
+        t21cq0: 0,
+        B6of3ja: 0,
+        B74szlk: "f1s184ao",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1mk8lai"
+    },
+    showWeekNumbers: {
+        a9b677: "fl524qk"
+    }
+}, {
+    d: [
+        ".f1e4lqlz{box-sizing:content-box;}",
+        [
+            ".f1sy4kr4{padding:12px;}",
+            {
+                p: -1
+            }
+        ],
+        ".f4m2ahc{width:196px;}",
+        ".f1couhl3{box-shadow:none;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        [
+            ".f1s184ao{margin:0;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1mk8lai{padding:0;}",
+            {
+                p: -1
+            }
+        ],
+        ".fl524qk{width:226px;}"
+    ]
+});
+const useHeaderStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "ftuwxu6",
+        Bqenvij: "fxldao9",
+        Bg96gwp: "f1vzymgo",
+        qhf8xq: "f10pi13n",
+        a9b677: "fly5x3f"
+    }
+}, {
+    d: [
+        ".ftuwxu6{display:inline-flex;}",
+        ".fxldao9{height:28px;}",
+        ".f1vzymgo{line-height:44px;}",
+        ".f10pi13n{position:relative;}",
+        ".fly5x3f{width:100%;}"
+    ]
+});
+const useMonthAndYearStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Bt984gj: "f122n59",
+        De3pzq: "f1c21dwh",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ft85np5",
+        sj55zd: "f19n0e5",
+        mc9l5x: "f14t3ns0",
+        Bh6795r: "fqerorx",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f336tjw",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: [
+            "f1td8mcv",
+            "f1udkdxo"
+        ],
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ],
+        ygn44y: "f1cmbuwj",
+        Huce71: "fz5stix"
+    },
+    animation: {
+        vin17d: "fhsqnsn",
+        Bf5fcs: "fywypte",
+        Bv12yb3: "f1h7u52p",
+        Ezkn3b: "fjq4c94"
+    },
+    headerIsClickable: {
+        Jwef8y: "f18a0fwf",
+        Bi91k9c: "f3sdaeg",
+        eoavqd: "f8491dx",
+        pugfm4: 0,
+        ukgb2i: 0,
+        Dwtyhm: 0,
+        Biisq0s: "f15rpok4",
+        iro3zm: "f1wvkgvo",
+        B2d53fq: "f1wdoaqd",
+        c3iz72: "f13c0t7h",
+        mghro0: 0,
+        Bx68yb: 0,
+        syojd9: 0,
+        E5hylx: "fy2scak"
+    }
+}, {
+    d: [
+        ".f122n59{align-items:center;}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        [
+            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f19n0e5{color:var(--colorNeutralForeground1);}",
+        ".f14t3ns0{display:inline-block;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f336tjw{line-height:28px;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1td8mcv{padding:0 4px 0 10px;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1udkdxo{padding:0 10px 0 4px;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
+        ".f1cmbuwj{text-overflow:ellipsis;}",
+        ".fz5stix{white-space:nowrap;}",
+        ".fhsqnsn{animation-duration:0.267s;}",
+        ".fywypte{animation-fill-mode:both;}",
+        ".f1h7u52p{animation-name:f5j8bii;}",
+        ".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}"
+    ],
+    k: [
+        "@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"
+    ],
+    h: [
+        ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
+        ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}",
+        ".f8491dx:hover{cursor:pointer;}",
+        [
+            ".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}",
+        ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}",
+        ".f13c0t7h:hover:active{cursor:pointer;}",
+        [
+            ".fy2scak:hover:active{outline:1px solid var(--colorTransparentStroke);}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const useMonthComponentsStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        qb2dma: "fpydfdc",
+        mc9l5x: "ftuwxu6"
+    }
+}, {
+    d: [
+        ".fpydfdc{align-self:flex-end;}",
+        ".ftuwxu6{display:inline-flex;}"
+    ]
+});
+const useHeaderIconButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        De3pzq: "f1c21dwh",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "ft85np5",
+        sj55zd: "f11d4kpn",
+        mc9l5x: "ftgm304",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fy9rknc",
+        Bqenvij: "fxldao9",
+        Bg96gwp: "f336tjw",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1gl81tg",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1mk8lai",
+        qhf8xq: "f10pi13n",
+        fsow6f: "f17mccla",
+        a9b677: "f1w9dchk",
+        Jwef8y: "f18a0fwf",
+        Bi91k9c: "f3sdaeg",
+        eoavqd: "f8491dx",
+        pugfm4: 0,
+        ukgb2i: 0,
+        Dwtyhm: 0,
+        Biisq0s: "f15rpok4",
+        iro3zm: "f1wvkgvo",
+        B2d53fq: "f1wdoaqd"
+    }
+}, {
+    d: [
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        [
+            ".ft85np5{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
+        ".ftgm304{display:block;}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fxldao9{height:28px;}",
+        ".f336tjw{line-height:28px;}",
+        [
+            ".f1gl81tg{overflow:visible;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1mk8lai{padding:0;}",
+            {
+                p: -1
+            }
+        ],
+        ".f10pi13n{position:relative;}",
+        ".f17mccla{text-align:center;}",
+        ".f1w9dchk{width:28px;}"
+    ],
+    h: [
+        ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
+        ".f3sdaeg:hover{color:var(--colorBrandForegroundOnLightHover);}",
+        ".f8491dx:hover{cursor:pointer;}",
+        [
+            ".f15rpok4:hover{outline:1px solid var(--colorTransparentStroke);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}",
+        ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}"
+    ]
+});
+const useDisabledStyleStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Bg33ivm: "f1oelgmz",
+        t69wg0: "fhh1ekj"
+    }
+}, {
+    d: [
+        ".f1oelgmz,.f1oelgmz:disabled,.f1oelgmz button{color:var(--colorNeutralForegroundDisabled);}",
+        ".fhh1ekj,.fhh1ekj:disabled,.fhh1ekj button{pointer-events:none;}"
+    ]
+});
+const useCalendarDayStyles_unstable = (props)=>{
+    'use no memo';
+    const rootStyles = useRootStyles();
+    const headerStyles = useHeaderStyles();
+    const monthAndYearStyles = useMonthAndYearStyles();
+    const monthComponentsStyles = useMonthComponentsStyles();
+    const headerIconButtonStyles = useHeaderIconButtonStyles();
+    const disabledStyleStyles = useDisabledStyleStyles();
+    const { className, headerIsClickable, showWeekNumbers } = props;
+    return {
+        root: (0, _react.mergeClasses)(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),
+        header: (0, _react.mergeClasses)(calendarDayClassNames.header, headerStyles.base),
+        monthAndYear: (0, _react.mergeClasses)(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),
+        monthComponents: (0, _react.mergeClasses)(calendarDayClassNames.monthComponents, monthComponentsStyles.base),
+        headerIconButton: (0, _react.mergeClasses)(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),
+        disabledStyle: (0, _react.mergeClasses)(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)
+    };
+};

package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, EASING_FUNCTION_2, FADE_IN } from '../../utils/animations';\n/**\n * @internal\n */ export const calendarDayClassNames = {\n    root: 'fui-CalendarDay',\n    header: 'fui-CalendarDay__header',\n    monthAndYear: 'fui-CalendarDay__monthAndYear',\n    monthComponents: 'fui-CalendarDay__monthComponents',\n    headerIconButton: 'fui-CalendarDay__headerIconButton',\n    disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        boxSizing: 'content-box',\n        padding: '12px',\n        width: '196px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        margin: '0',\n        padding: '0'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useHeaderStyles = makeStyles({\n    base: {\n        display: 'inline-flex',\n        height: '28px',\n        lineHeight: '44px',\n        position: 'relative',\n        width: '100%'\n    }\n});\nconst useMonthAndYearStyles = makeStyles({\n    base: {\n        alignItems: 'center',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground1,\n        display: 'inline-block',\n        flexGrow: 1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightSemibold,\n        lineHeight: '28px',\n        overflow: 'hidden',\n        padding: '0 4px 0 10px',\n        textAlign: 'left',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n    },\n    animation: {\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    },\n    headerIsClickable: {\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 useMonthComponentsStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        display: 'inline-flex'\n    }\n});\nconst useHeaderIconButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        borderRadius: tokens.borderRadiusMedium,\n        color: tokens.colorNeutralForeground3,\n        display: 'block',\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '28px',\n        lineHeight: '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 useDisabledStyleStyles = makeStyles({\n    base: {\n        '&, &:disabled, & button': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        }\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDay slots based on the state\n */ export const useCalendarDayStyles_unstable = (props)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const headerStyles = useHeaderStyles();\n    const monthAndYearStyles = useMonthAndYearStyles();\n    const monthComponentsStyles = useMonthComponentsStyles();\n    const headerIconButtonStyles = useHeaderIconButtonStyles();\n    const disabledStyleStyles = useDisabledStyleStyles();\n    const { className, headerIsClickable, showWeekNumbers } = props;\n    return {\n        root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n        header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n        monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, monthAndYearStyles.animation, headerIsClickable && monthAndYearStyles.headerIsClickable),\n        monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n        headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n        disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n    };\n};\n"],"names":["calendarDayClassNames","useCalendarDayStyles_unstable","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","__styles","base","B7ck84d","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","showWeekNumbers","d","p","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","ygn44y","Huce71","animation","vin17d","Bf5fcs","Bv12yb3","Ezkn3b","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","k","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,180 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarDayGrid", {
+    enumerable: true,
+    get: function() {
+        return CalendarDayGrid;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactutilities = require("@fluentui/react-utilities");
+const _utils = require("../../utils");
+const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
+const _CalendarMonthHeaderRow = require("./CalendarMonthHeaderRow");
+const _CalendarGridRow = require("./CalendarGridRow");
+const _useWeeks = require("./useWeeks");
+const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
+const _react1 = require("@griffel/react");
+function useDayRefs() {
+    const daysRef = _react.useRef({});
+    const getSetRefCallback = (dayKey)=>(element)=>{
+            if (element === null) {
+                delete daysRef.current[dayKey];
+            } else {
+                daysRef.current[dayKey] = element;
+            }
+        };
+    return [
+        daysRef,
+        getSetRefCallback
+    ];
+}
+function useAnimateBackwards(weeks) {
+    const previousNavigatedDateRef = _react.useRef();
+    _react.useEffect(()=>{
+        previousNavigatedDateRef.current = weeks[0][0].originalDate;
+    });
+    const previousNavigatedDate = previousNavigatedDateRef.current;
+    if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {
+        return undefined;
+    } else if (previousNavigatedDate <= weeks[0][0].originalDate) {
+        return false;
+    } else {
+        return true;
+    }
+}
+const CalendarDayGrid = (props)=>{
+    const navigatedDayRef = _react.useRef(null);
+    const activeDescendantId = (0, _reactutilities.useId)();
+    const onSelectDate = (selectedDate)=>{
+        var _props_onSelectDate, _props_onNavigateDate;
+        const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;
+        const restrictedDatesOptions = {
+            minDate,
+            maxDate,
+            restrictedDates
+        };
+        let dateRange = (0, _utils.getDateRangeArray)(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);
+        dateRange = (0, _utils.getBoundedDateRange)(dateRange, minDate, maxDate);
+        dateRange = dateRange.filter((d)=>{
+            return !(0, _utils.isRestrictedDate)(d, restrictedDatesOptions);
+        });
+        (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);
+        (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);
+    };
+    const [daysRef, getSetRefCallback] = useDayRefs();
+    const weeks = (0, _useWeeks.useWeeks)(props, onSelectDate, getSetRefCallback);
+    const animateBackwards = useAnimateBackwards(weeks);
+    const [getWeekCornerStyles, calculateRoundedStyles] = (0, _useWeekCornerStylesstyles.useWeekCornerStyles)(props);
+    _react.useImperativeHandle(props.componentRef, ()=>({
+            focus () {
+                var _navigatedDayRef_current_focus, _navigatedDayRef_current;
+                (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);
+            }
+        }), []);
+    /**
+   *
+   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support
+   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks
+   * to set classnames on all relevant child refs to apply the styling
+   *
+   */ const getDayInfosInRangeOfDay = (dayToCompare)=>{
+        // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state
+        const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);
+        // gets all the dates for the given date range type that are in the same date range as the given day
+        const dateRange = (0, _utils.getDateRangeArray)(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());
+        // gets all the day refs for the given dates
+        const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{
+            return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));
+        }, []);
+        return dayInfosInRange;
+    };
+    const getRefsFromDayInfos = (dayInfosInRange)=>{
+        let dayRefs = [];
+        dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);
+        return dayRefs;
+    };
+    const { gridLabel, dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;
+    const classNames = (0, _useCalendarDayGridStylesstyles.useCalendarDayGridStyles_unstable)({
+        animateBackwards,
+        animationDirection,
+        dateRangeType,
+        lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,
+        showWeekNumbers
+    });
+    // When the month is highlighted get the corner dates so that styles can be added to them
+    const weekCorners = getWeekCornerStyles(weeks);
+    const partialWeekProps = {
+        weeks,
+        navigatedDayRef,
+        calculateRoundedStyles,
+        activeDescendantId,
+        classNames,
+        weekCorners,
+        getDayInfosInRangeOfDay,
+        getRefsFromDayInfos
+    };
+    const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'grid'
+    });
+    return /*#__PURE__*/ _react.createElement("table", {
+        className: (0, _react1.mergeClasses)(classNames.table, props.className),
+        "aria-multiselectable": "false",
+        "aria-label": gridLabel,
+        "aria-labelledby": labelledBy,
+        "aria-activedescendant": activeDescendantId,
+        role: "grid",
+        ...arrowNavigationAttributes
+    }, /*#__PURE__*/ _react.createElement("tbody", null, /*#__PURE__*/ _react.createElement(_CalendarMonthHeaderRow.CalendarMonthHeaderRow, {
+        ...props,
+        classNames: classNames,
+        weeks: weeks
+    }), /*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
+        ...props,
+        ...partialWeekProps,
+        week: weeks[0],
+        weekIndex: -1,
+        rowClassName: classNames.firstTransitionWeek,
+        "aria-role": "presentation",
+        ariaHidden: true
+    }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
+            ...props,
+            ...partialWeekProps,
+            key: weekIndex,
+            week: week,
+            weekIndex: weekIndex,
+            rowClassName: classNames.weekRow
+        })), /*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
+        ...props,
+        ...partialWeekProps,
+        week: weeks[weeks.length - 1],
+        weekIndex: -2,
+        rowClassName: classNames.lastTransitionWeek,
+        "aria-role": "presentation",
+        ariaHidden: true
+    })));
+};
+CalendarDayGrid.displayName = 'CalendarDayGrid';
+/**
+ * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous
+ * work weeks, we'll just show week view instead.
+ */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {
+    if (workWeekDays && dateRangeType === _utils.DateRangeType.WorkWeek) {
+        const sortedWWDays = workWeekDays.slice().sort();
+        let isContiguous = true;
+        for(let i = 1; i < sortedWWDays.length; i++){
+            if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {
+                isContiguous = false;
+                break;
+            }
+        }
+        if (!isContiguous || workWeekDays.length === 0) {
+            return _utils.DateRangeType.Week;
+        }
+    }
+    return dateRangeType;
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarDayGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType, DayOfWeek } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport { useWeekCornerStyles, WeekCorners } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nimport type { Day } from '../../utils';\nimport type { CalendarDayGridProps } from './CalendarDayGrid.types';\n\nexport interface DayInfo extends Day {\n  onSelected: () => void;\n  setRef(element: HTMLElement | null): void;\n}\n\nfunction useDayRefs() {\n  const daysRef = React.useRef<Record<string, HTMLElement>>({});\n\n  const getSetRefCallback = (dayKey: string) => (element: HTMLElement | null) => {\n    if (element === null) {\n      delete daysRef.current[dayKey];\n    } else {\n      daysRef.current[dayKey] = element;\n    }\n  };\n\n  return [daysRef, getSetRefCallback] as const;\n}\n\nfunction useAnimateBackwards(weeks: DayInfo[][]): boolean | undefined {\n  const previousNavigatedDateRef = React.useRef<Date | undefined>();\n  React.useEffect(() => {\n    previousNavigatedDateRef.current = weeks[0][0].originalDate;\n  });\n  const previousNavigatedDate = previousNavigatedDateRef.current;\n\n  if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n    return undefined;\n  } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n    return false;\n  } else {\n    return true;\n  }\n}\n\nexport const CalendarDayGrid: React.FunctionComponent<CalendarDayGridProps> = props => {\n  const navigatedDayRef = React.useRef<HTMLTableCellElement>(null) as React.MutableRefObject<HTMLTableCellElement>;\n\n  const activeDescendantId = useId();\n\n  const onSelectDate = (selectedDate: Date): void => {\n    const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n    const restrictedDatesOptions = { minDate, maxDate, restrictedDates };\n\n    let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n    dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n\n    dateRange = dateRange.filter((d: Date) => {\n      return !isRestrictedDate(d, restrictedDatesOptions);\n    });\n\n    props.onSelectDate?.(selectedDate, dateRange);\n    props.onNavigateDate?.(selectedDate, true);\n  };\n\n  const [daysRef, getSetRefCallback] = useDayRefs();\n\n  const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n  const animateBackwards = useAnimateBackwards(weeks);\n  const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      focus() {\n        navigatedDayRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  /**\n   *\n   * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n   * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n   * to set classnames on all relevant child refs to apply the styling\n   *\n   */\n  const getDayInfosInRangeOfDay = (dayToCompare: DayInfo): DayInfo[] => {\n    // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n    const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n\n    // gets all the dates for the given date range type that are in the same date range as the given day\n    const dateRange = getDateRangeArray(\n      dayToCompare.originalDate,\n      dateRangeHoverType,\n      props.firstDayOfWeek,\n      props.workWeekDays,\n      props.daysToSelectInDayView,\n    ).map((date: Date) => date.getTime());\n\n    // gets all the day refs for the given dates\n    const dayInfosInRange = weeks.reduce((accumulatedValue: DayInfo[], currentWeek: DayInfo[]) => {\n      return accumulatedValue.concat(\n        currentWeek.filter((weekDay: DayInfo) => dateRange.indexOf(weekDay.originalDate.getTime()) !== -1),\n      );\n    }, []);\n\n    return dayInfosInRange;\n  };\n\n  const getRefsFromDayInfos = (dayInfosInRange: DayInfo[]): (HTMLElement | null)[] => {\n    let dayRefs: (HTMLElement | null)[] = [];\n    dayRefs = dayInfosInRange.map((dayInfo: DayInfo) => daysRef.current[dayInfo.key]);\n\n    return dayRefs;\n  };\n\n  const {\n    gridLabel,\n    dateRangeType,\n    showWeekNumbers,\n    labelledBy,\n    lightenDaysOutsideNavigatedMonth,\n    animationDirection,\n  } = props;\n\n  const classNames = useCalendarDayGridStyles_unstable({\n    animateBackwards,\n    animationDirection,\n    dateRangeType,\n    lightenDaysOutsideNavigatedMonth:\n      lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n    showWeekNumbers,\n  });\n\n  // When the month is highlighted get the corner dates so that styles can be added to them\n  const weekCorners: WeekCorners = getWeekCornerStyles(weeks!);\n  const partialWeekProps = {\n    weeks,\n    navigatedDayRef,\n    calculateRoundedStyles,\n    activeDescendantId,\n    classNames,\n    weekCorners,\n    getDayInfosInRangeOfDay,\n    getRefsFromDayInfos,\n  } as const;\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid' });\n\n  return (\n    <table\n      className={mergeClasses(classNames.table, props.className)}\n      aria-multiselectable=\"false\"\n      aria-label={gridLabel}\n      aria-labelledby={labelledBy}\n      aria-activedescendant={activeDescendantId}\n      role=\"grid\"\n      {...arrowNavigationAttributes}\n    >\n      <tbody>\n        <CalendarMonthHeaderRow {...props} classNames={classNames} weeks={weeks} />\n        <CalendarGridRow\n          {...props}\n          {...partialWeekProps}\n          week={weeks[0]}\n          weekIndex={-1}\n          rowClassName={classNames.firstTransitionWeek}\n          aria-role=\"presentation\"\n          ariaHidden={true}\n        />\n        {weeks!.slice(1, weeks!.length - 1).map((week: DayInfo[], weekIndex: number) => (\n          <CalendarGridRow\n            {...props}\n            {...partialWeekProps}\n            key={weekIndex}\n            week={week}\n            weekIndex={weekIndex}\n            rowClassName={classNames.weekRow}\n          />\n        ))}\n        <CalendarGridRow\n          {...props}\n          {...partialWeekProps}\n          week={weeks![weeks!.length - 1]}\n          weekIndex={-2}\n          rowClassName={classNames.lastTransitionWeek}\n          aria-role=\"presentation\"\n          ariaHidden={true}\n        />\n      </tbody>\n    </table>\n  );\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */\nfunction getDateRangeTypeToUse(dateRangeType: DateRangeType, workWeekDays: DayOfWeek[] | undefined): DateRangeType {\n  if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n    const sortedWWDays = workWeekDays.slice().sort();\n    let isContiguous = true;\n    for (let i = 1; i < sortedWWDays.length; i++) {\n      if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n        isContiguous = false;\n        break;\n      }\n    }\n\n    if (!isContiguous || workWeekDays.length === 0) {\n      return DateRangeType.Week;\n    }\n  }\n\n  return dateRangeType;\n}\n"],"names":["CalendarDayGrid","useDayRefs","daysRef","React","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","useEffect","originalDate","previousNavigatedDate","getTime","undefined","props","navigatedDayRef","activeDescendantId","useId","onSelectDate","selectedDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","getDateRangeArray","dateRangeType","getBoundedDateRange","filter","d","isRestrictedDate","onNavigateDate","useWeeks","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useWeekCornerStyles","useImperativeHandle","componentRef","focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","gridLabel","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","classNames","useCalendarDayGridStyles_unstable","weekCorners","partialWeekProps","arrowNavigationAttributes","useArrowNavigationGroup","axis","createElement","table","className","mergeClasses","aria-multiselectable","aria-label","aria-labelledby","aria-activedescendant","role","tbody","CalendarMonthHeaderRow","CalendarGridRow","week","weekIndex","rowClassName","firstTransitionWeek","aria-role","ariaHidden","slice","length","weekRow","lastTransitionWeek","displayName","DateRangeType","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarDayGrid.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { DayOfWeek, FirstWeekOfYear, DateRangeType } from '../../utils';\nimport type { CalendarStrings, DateFormatting, DayGridOptions } from '../../utils';\n\n/**\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarDayGrid {\n  focus(): void;\n}\n\n/**\n * @internal\n */\nexport interface CalendarDayGridProps extends DayGridOptions {\n  /**\n   * Optional callback to access the ICalendarDayGrid interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarDayGrid>;\n\n  /**\n   * Additional CSS class(es) to apply to the CalendarDayGrid.\n   */\n  className?: string;\n\n  /**\n   * Localized strings to use in the CalendarDayGrid\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 date 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 a date in the calendar 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   * Callback issued when calendar day is closed\n   */\n  onDismiss?: () => void;\n\n  /**\n   * The first day of the week for your locale.\n   * @default DayOfWeek.Sunday\n   */\n  firstDayOfWeek: DayOfWeek;\n\n  /**\n   * Defines when the first week of the year should start, FirstWeekOfYear.FirstDay,\n   * FirstWeekOfYear.FirstFullWeek or FirstWeekOfYear.FirstFourDayWeek are the possible values\n   * @default FirstWeekOfYear.FirstDay\n   */\n  firstWeekOfYear: FirstWeekOfYear;\n\n  /**\n   * The date range type indicating how  many days should be selected as the user\n   * selects days\n   * @default DateRangeType.Day\n   */\n  dateRangeType: DateRangeType;\n\n  /**\n   * The number of days to select while dateRangeType === DateRangeType.Day. Used in order to have multi-day\n   * views.\n   * @default 1\n   */\n  daysToSelectInDayView?: number;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Whether the calendar should show the week number (weeks 1 to 53) before each week row\n   * @default false\n   */\n  showWeekNumbers?: boolean;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter: DateFormatting;\n\n  /**\n   * Ref callback for individual days. Allows for customization of the styling, properties, or listeners of the\n   * specific day.\n   */\n  customDayCellRef?: (element: HTMLElement, date: Date, classNames: CalendarDayGridStyles) => void;\n\n  /**\n   * How many weeks to show by default. If not provided, will show enough weeks to display the current\n   * month, between 4 and 6 depending\n   * @default undefined\n   */\n  weeksToShow?: number;\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   * If set the Calendar will not allow selection of dates in this array.\n   */\n  restrictedDates?: Date[];\n\n  /**\n   * The days that are selectable when `dateRangeType` is WorkWeek.\n   * If `dateRangeType` is not WorkWeek this property does nothing.\n   * @default [Monday,Tuesday,Wednesday,Thursday,Friday]\n   */\n  workWeekDays?: DayOfWeek[];\n\n  /**\n   * Whether the close button should be shown or not\n   * @default false\n   */\n  showCloseButton?: 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   * Label string for the grid\n   */\n  gridLabel?: string;\n\n  /**\n   * The ID of the control that labels this one\n   */\n  labelledBy?: string;\n\n  /**\n   * Whether to show days outside the selected month with lighter styles\n   * @default true\n   */\n  lightenDaysOutsideNavigatedMonth?: boolean;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n\n  /**\n   * Optional callback function to mark specific days with a small symbol. Fires when the date range changes,\n   * gives the starting and ending displayed dates and expects the list of which days in between should be\n   * marked.\n   */\n  getMarkedDays?: (startingDate: Date, endingDate: Date) => Date[];\n}\n\n/**\n * @internal\n */\nexport interface CalendarDayGridStyleProps {\n  /**\n   * Accept custom classNames\n   */\n  className?: string;\n\n  /**\n   * The date range type\n   */\n  dateRangeType?: DateRangeType;\n\n  /**\n   * Whether week numbers are being shown\n   */\n  showWeekNumbers?: boolean;\n\n  /**\n   * Whether to show days outside the selected month with lighter styles\n   */\n  lightenDaysOutsideNavigatedMonth?: boolean;\n\n  /**\n   * Whether grid entering animation should be forwards or backwards\n   */\n  animateBackwards?: boolean;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or vertical\n   */\n  animationDirection?: AnimationDirection;\n}\n\n/**\n * @internal\n */\nexport interface CalendarDayGridStyles {\n  /**\n   * The style for the root div\n   */\n  wrapper?: string;\n\n  /**\n   * The style for the table containing the grid\n   */\n  table?: string;\n\n  /**\n   * The style to apply to the grid cells for days\n   */\n  dayCell?: string;\n\n  /**\n   * The style to apply to grid cells for days in the selected range\n   */\n  daySelected?: string;\n\n  /**\n   * The classname applied when a single day is selected\n   */\n  daySingleSelected?: string;\n\n  /**\n   * The style to apply to row around weeks\n   */\n  weekRow?: string;\n\n  /**\n   * The style to apply to the column headers above the weeks\n   */\n  weekDayLabelCell?: string;\n\n  /**\n   * The style to apply to grid cells for week numbers\n   */\n  weekNumberCell?: string;\n\n  /**\n   * The style to apply to individual days that are outside the min/max date range\n   */\n  dayOutsideBounds?: string;\n\n  /**\n   * The style to apply to individual days that are outside the current month\n   */\n  dayOutsideNavigatedMonth?: string;\n\n  /**\n   * The style to apply to the button element within the day cells\n   */\n  dayButton?: string;\n\n  /**\n   * The style to apply to the individual button element that matches the \"today\" parameter\n   */\n  dayIsToday?: string;\n\n  /**\n   * The style applied to the first placeholder week used during transitions\n   */\n  firstTransitionWeek?: string;\n\n  /**\n   * The style applied to the last placeholder week used during transitions\n   */\n  lastTransitionWeek?: string;\n\n  /**\n   * The style applied to the marker on days to mark as important\n   */\n  dayMarker?: string;\n\n  /**\n   * The classname applied to the day \"today\" span\n   */\n  dayTodayMarker?: string;\n}\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}