@fluentui/react-calendar-compat 0.1.9 → 0.1.10

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

@@ -1 +1 @@
-{"version":3,"sources":["CalendarGridDayCell.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n/**\n * @internal\n */ export const CalendarGridDayCell = (props)=>{\n    const { navigatedDate, dateTimeFormatter, allFocusable, strings, activeDescendantId, navigatedDayRef, calculateRoundedStyles, weeks, classNames, day, dayIndex, weekIndex, weekCorners, ariaHidden, customDayCellRef, dateRangeType, daysToSelectInDayView, onSelectDate, restrictedDates, minDate, maxDate, onNavigateDate, getDayInfosInRangeOfDay, getRefsFromDayInfos } = props;\n    var _weekCorners_;\n    const cornerStyle = (_weekCorners_ = weekCorners === null || weekCorners === void 0 ? void 0 : weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';\n    const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n    const { dir } = useFluent_unstable();\n    const navigateMonthEdge = (ev, date)=>{\n        let targetDate = undefined;\n        let direction = 1; // by default search forward\n        if (ev.key === ArrowUp) {\n            targetDate = addWeeks(date, -1);\n            direction = -1;\n        } else if (ev.key === ArrowDown) {\n            targetDate = addWeeks(date, 1);\n        } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n            targetDate = addDays(date, -1);\n            direction = -1;\n        } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n            targetDate = addDays(date, 1);\n        }\n        if (!targetDate) {\n            // if we couldn't find a target date at all, do nothing\n            return;\n        }\n        const findAvailableDateOptions = {\n            initialDate: date,\n            targetDate,\n            direction,\n            restrictedDates,\n            minDate,\n            maxDate\n        };\n        // target date is restricted, search in whatever direction until finding the next possible date,\n        // stopping at boundaries\n        let nextDate = findAvailableDate(findAvailableDateOptions);\n        if (!nextDate) {\n            // if no dates available in initial direction, try going backwards\n            findAvailableDateOptions.direction = -direction;\n            nextDate = findAvailableDate(findAvailableDateOptions);\n        }\n        // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n        // don't jump the view unnecessarily\n        const isInCurrentView = weeks && nextDate && weeks.slice(1, weeks.length - 1).some((week)=>{\n            return week.some((dayToCompare)=>{\n                return compareDates(dayToCompare.originalDate, nextDate);\n            });\n        });\n        if (isInCurrentView) {\n            return;\n        }\n        // else, fire navigation on the date to change the view to show it\n        if (nextDate) {\n            onNavigateDate(nextDate, true);\n            ev.preventDefault();\n        }\n    };\n    const onMouseOverDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef, index)=>{\n            if (dayRef) {\n                dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n                if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n                    // remove the static classes first to overwrite them\n                    dayRef.classList.remove(weekCornersClassNames.bottomLeftCornerDate, weekCornersClassNames.bottomRightCornerDate, weekCornersClassNames.topLeftCornerDate, weekCornersClassNames.topRightCornerDate);\n                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n                    if (classNamesToAdd) {\n                        dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n                    }\n                }\n            }\n        });\n    };\n    const onMouseDownDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef)=>{\n            if (dayRef) {\n                dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n            }\n        });\n    };\n    const onMouseUpDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef)=>{\n            if (dayRef) {\n                dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n            }\n        });\n    };\n    const onMouseOutDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef, index)=>{\n            if (dayRef) {\n                dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n                dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n                if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n                    if (classNamesToAdd) {\n                        dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n                    }\n                }\n            }\n        });\n    };\n    const onDayKeyDown = (ev)=>{\n        if (ev.key === Enter) {\n            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(day.originalDate);\n        } else {\n            navigateMonthEdge(ev, day.originalDate);\n        }\n    };\n    let ariaLabel = day.originalDate.getDate() + ', ' + strings.months[day.originalDate.getMonth()] + ', ' + day.originalDate.getFullYear();\n    if (day.isMarked) {\n        ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n    }\n    const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n    return /*#__PURE__*/ React.createElement(\"td\", {\n        className: mergeClasses(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),\n        ref: (element)=>{\n            customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);\n            day.setRef(element);\n            isNavigatedDate && (navigatedDayRef.current = element);\n        },\n        \"aria-hidden\": ariaHidden,\n        \"aria-disabled\": !ariaHidden && !day.isInBounds,\n        onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,\n        onMouseOver: !ariaHidden ? onMouseOverDay : undefined,\n        onMouseDown: !ariaHidden ? onMouseDownDay : undefined,\n        onMouseUp: !ariaHidden ? onMouseUpDay : undefined,\n        onMouseOut: !ariaHidden ? onMouseOutDay : undefined,\n        onKeyDown: !ariaHidden ? onDayKeyDown : undefined,\n        role: \"gridcell\",\n        tabIndex: isNavigatedDate || isFocusable ? 0 : undefined,\n        \"aria-current\": day.isToday ? 'date' : undefined,\n        \"aria-selected\": day.isInBounds ? day.isSelected : undefined\n    }, /*#__PURE__*/ React.createElement(\"button\", {\n        key: day.key + 'button',\n        \"aria-hidden\": ariaHidden,\n        className: mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday),\n        \"aria-label\": ariaLabel,\n        id: isNavigatedDate ? activeDescendantId : undefined,\n        disabled: !ariaHidden && !day.isInBounds,\n        type: \"button\",\n        tabIndex: -1\n    }, /*#__PURE__*/ React.createElement(\"span\", {\n        \"aria-hidden\": \"true\"\n    }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ React.createElement(\"div\", {\n        \"aria-hidden\": \"true\",\n        className: classNames.dayMarker\n    })));\n};\n"],"names":["CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","_weekCorners_","cornerStyle","isNavigatedDate","compareDates","originalDate","dir","useFluent_unstable","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","ArrowUp","addWeeks","ArrowDown","getRTLSafeKey","ArrowLeft","addDays","ArrowRight","findAvailableDateOptions","initialDate","nextDate","findAvailableDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","extraCalendarDayGridClassNames","hoverStyle","isSelected","DateRangeType","Day","remove","weekCornersClassNames","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","Enter","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","React","createElement","className","mergeClasses","dayCell","daySelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","isToday","dayButton","dayIsToday","id","disabled","type","formatDay","dayMarker"],"mappings":"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"}
+{"version":3,"sources":["CalendarGridDayCell.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n/**\n * @internal\n */ export const CalendarGridDayCell = (props)=>{\n    const { navigatedDate, dateTimeFormatter, allFocusable, strings, activeDescendantId, navigatedDayRef, calculateRoundedStyles, weeks, classNames, day, dayIndex, weekIndex, weekCorners, ariaHidden, customDayCellRef, dateRangeType, daysToSelectInDayView, onSelectDate, restrictedDates, minDate, maxDate, onNavigateDate, getDayInfosInRangeOfDay, getRefsFromDayInfos } = props;\n    var _weekCorners_;\n    const cornerStyle = (_weekCorners_ = weekCorners === null || weekCorners === void 0 ? void 0 : weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';\n    const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n    const { dir } = useFluent_unstable();\n    const navigateMonthEdge = (ev, date)=>{\n        let targetDate = undefined;\n        let direction = 1; // by default search forward\n        if (ev.key === ArrowUp) {\n            targetDate = addWeeks(date, -1);\n            direction = -1;\n        } else if (ev.key === ArrowDown) {\n            targetDate = addWeeks(date, 1);\n        } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n            targetDate = addDays(date, -1);\n            direction = -1;\n        } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n            targetDate = addDays(date, 1);\n        }\n        if (!targetDate) {\n            // if we couldn't find a target date at all, do nothing\n            return;\n        }\n        const findAvailableDateOptions = {\n            initialDate: date,\n            targetDate,\n            direction,\n            restrictedDates,\n            minDate,\n            maxDate\n        };\n        // target date is restricted, search in whatever direction until finding the next possible date,\n        // stopping at boundaries\n        let nextDate = findAvailableDate(findAvailableDateOptions);\n        if (!nextDate) {\n            // if no dates available in initial direction, try going backwards\n            findAvailableDateOptions.direction = -direction;\n            nextDate = findAvailableDate(findAvailableDateOptions);\n        }\n        // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n        // don't jump the view unnecessarily\n        const isInCurrentView = weeks && nextDate && weeks.slice(1, weeks.length - 1).some((week)=>{\n            return week.some((dayToCompare)=>{\n                return compareDates(dayToCompare.originalDate, nextDate);\n            });\n        });\n        if (isInCurrentView) {\n            return;\n        }\n        // else, fire navigation on the date to change the view to show it\n        if (nextDate) {\n            onNavigateDate(nextDate, true);\n            ev.preventDefault();\n        }\n    };\n    const onMouseOverDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef, index)=>{\n            if (dayRef) {\n                dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n                if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n                    // remove the static classes first to overwrite them\n                    dayRef.classList.remove(weekCornersClassNames.bottomLeftCornerDate, weekCornersClassNames.bottomRightCornerDate, weekCornersClassNames.topLeftCornerDate, weekCornersClassNames.topRightCornerDate);\n                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n                    if (classNamesToAdd) {\n                        dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n                    }\n                }\n            }\n        });\n    };\n    const onMouseDownDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef)=>{\n            if (dayRef) {\n                dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n            }\n        });\n    };\n    const onMouseUpDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef)=>{\n            if (dayRef) {\n                dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n            }\n        });\n    };\n    const onMouseOutDay = (ev)=>{\n        const dayInfos = getDayInfosInRangeOfDay(day);\n        const dayRefs = getRefsFromDayInfos(dayInfos);\n        dayRefs.forEach((dayRef, index)=>{\n            if (dayRef) {\n                dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n                dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n                if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n                    const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n                    if (classNamesToAdd) {\n                        dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n                    }\n                }\n            }\n        });\n    };\n    const onDayKeyDown = (ev)=>{\n        if (ev.key === Enter) {\n            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(day.originalDate);\n        } else {\n            navigateMonthEdge(ev, day.originalDate);\n        }\n    };\n    let ariaLabel = day.originalDate.getDate() + ', ' + strings.months[day.originalDate.getMonth()] + ', ' + day.originalDate.getFullYear();\n    if (day.isMarked) {\n        ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n    }\n    const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n    return /*#__PURE__*/ React.createElement(\"td\", {\n        className: mergeClasses(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && !day.isSingleSelected && classNames.daySelected, day.isSingleSelected && classNames.daySingleSelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),\n        ref: (element)=>{\n            customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);\n            day.setRef(element);\n            isNavigatedDate && (navigatedDayRef.current = element);\n        },\n        \"aria-hidden\": ariaHidden,\n        \"aria-disabled\": !ariaHidden && !day.isInBounds,\n        onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,\n        onMouseOver: !ariaHidden ? onMouseOverDay : undefined,\n        onMouseDown: !ariaHidden ? onMouseDownDay : undefined,\n        onMouseUp: !ariaHidden ? onMouseUpDay : undefined,\n        onMouseOut: !ariaHidden ? onMouseOutDay : undefined,\n        onKeyDown: !ariaHidden ? onDayKeyDown : undefined,\n        role: \"gridcell\",\n        tabIndex: isNavigatedDate || isFocusable ? 0 : undefined,\n        \"aria-current\": day.isToday ? 'date' : undefined,\n        \"aria-selected\": day.isInBounds ? day.isSelected : undefined\n    }, /*#__PURE__*/ React.createElement(\"button\", {\n        key: day.key + 'button',\n        \"aria-hidden\": ariaHidden,\n        className: mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday),\n        \"aria-label\": ariaLabel,\n        id: isNavigatedDate ? activeDescendantId : undefined,\n        disabled: !ariaHidden && !day.isInBounds,\n        type: \"button\",\n        tabIndex: -1\n    }, /*#__PURE__*/ React.createElement(\"span\", {\n        className: day.isToday ? mergeClasses(classNames.dayTodayMarker) : undefined,\n        \"aria-hidden\": \"true\"\n    }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ React.createElement(\"div\", {\n        \"aria-hidden\": \"true\",\n        className: classNames.dayMarker\n    })));\n};\n"],"names":["CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","_weekCorners_","cornerStyle","isNavigatedDate","compareDates","originalDate","dir","useFluent_unstable","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","ArrowUp","addWeeks","ArrowDown","getRTLSafeKey","ArrowLeft","addDays","ArrowRight","findAvailableDateOptions","initialDate","nextDate","findAvailableDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","extraCalendarDayGridClassNames","hoverStyle","isSelected","DateRangeType","Day","remove","weekCornersClassNames","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","Enter","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","React","createElement","className","mergeClasses","dayCell","isSingleSelected","daySelected","daySingleSelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","isToday","dayButton","dayIsToday","id","disabled","type","dayTodayMarker","formatDay","dayMarker"],"mappings":"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"}

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

@@ -26,6 +26,7 @@ const calendarDayGridClassNames = {
     table: 'fui-CalendarDayGrid__table',
     dayCell: 'fui-CalendarDayGrid__dayCell',
     daySelected: 'fui-CalendarDayGrid__daySelected',
+    daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',
     weekRow: 'fui-CalendarDayGrid__weekRow',
     weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',
     weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',
@@ -35,7 +36,8 @@ const calendarDayGridClassNames = {
     dayIsToday: 'fui-CalendarDayGrid__dayIsToday',
     firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',
     lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',
-    dayMarker: 'fui-CalendarDayGrid__dayMarker'
+    dayMarker: 'fui-CalendarDayGrid__dayMarker',
+    dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker'
 };
 const extraCalendarDayGridClassNames = {
     hoverStyle: 'fui-CalendarDayGrid__hoverStyle',
@@ -85,8 +87,6 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bceei9c: "f1k6fduh",
         Be2twd7: "fy9rknc",
         Bhrd7zp: "figsok6",
-        Bqenvij: "fxldao9",
-        Bg96gwp: "f336tjw",
         jrapky: 0,
         Frg6f3: 0,
         t21cq0: 0,
@@ -96,20 +96,18 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
         uwmqm3: 0,
         z189sj: 0,
         z8tnut: 0,
-        B0ocmuz: "f1mk8lai",
+        B0ocmuz: "fqtknz5",
         qhf8xq: "f10pi13n",
-        a9b677: "f1w9dchk",
         Bsw6fvg: "f8pusc0",
         Bbusuzp: "fqgauei",
         cvlxnx: "fp6dsbd",
         Bweudez: "f4xgodq",
-        hzfqlu: "fehmveg",
-        Bb91d7d: "ff78tpz",
         Bsnevi5: 0,
         z1p9vi: 0,
         dua3dm: 0,
         Bf7el8m: "f1ko8o2g",
         xnb59o: "fts5qqo",
+        B0mcfed: "fq2wdp5",
         Bj67fi1: "f1lhgsq9",
         B2gfgcj: "fdbuq6n",
         B6cqqer: "f16j2ub3",
@@ -168,21 +166,21 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
         B6dhp37: 0,
         Bf4ptjt: 0,
         Bqtpl0w: 0,
-        i4rwgc: "favfkhu",
+        i4rwgc: "fpqizxz",
         Dah5zi: 0,
         B1tsrr9: 0,
         qqdqy8: 0,
         Bkh64rk: 0,
         e3fwne: "f3znvyf",
-        J0r882: "fehyjer",
+        J0r882: "fqkqgbk",
         Bule8hv: [
-            "f1e5jfm0",
-            "f1e134r0"
+            "f1as04kd",
+            "ft30ozv"
         ],
-        Bjwuhne: "f1ykb25c",
+        Bjwuhne: "f8pxvb2",
         Ghsupd: [
-            "f1e134r0",
-            "f1e5jfm0"
+            "ft30ozv",
+            "f1as04kd"
         ]
     }
 }, {
@@ -191,8 +189,6 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f1k6fduh{cursor:pointer;}",
         ".fy9rknc{font-size:var(--fontSizeBase200);}",
         ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fxldao9{height:28px;}",
-        ".f336tjw{line-height:28px;}",
         [
             ".f1s184ao{margin:0;}",
             {
@@ -200,13 +196,12 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            ".f1mk8lai{padding:0;}",
+            ".fqtknz5{padding:2px;}",
             {
                 p: -1
             }
         ],
         ".f10pi13n{position:relative;}",
-        ".f1w9dchk{width:28px;}",
         ".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}",
         ".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}",
         ".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}",
@@ -220,7 +215,7 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
         ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
         [
-            ".favfkhu[data-fui-focus-visible]::after{border:var(--strokeWidthThin) solid var(--colorStrokeFocus2);}",
+            ".fpqizxz[data-fui-focus-visible]::after{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
             {
                 p: -2
             }
@@ -231,10 +226,10 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
                 p: -1
             }
         ],
-        ".fehyjer[data-fui-focus-visible]::after{top:calc(var(--strokeWidthThin) * -1);}",
-        ".f1e5jfm0[data-fui-focus-visible]::after{right:calc(var(--strokeWidthThin) * -1);}",
-        ".f1e134r0[data-fui-focus-visible]::after{left:calc(var(--strokeWidthThin) * -1);}",
-        ".f1ykb25c[data-fui-focus-visible]::after{bottom:calc(var(--strokeWidthThin) * -1);}"
+        ".fqkqgbk[data-fui-focus-visible]::after{top:calc(var(--strokeWidthThick) * -1);}",
+        ".f1as04kd[data-fui-focus-visible]::after{right:calc(var(--strokeWidthThick) * -1);}",
+        ".ft30ozv[data-fui-focus-visible]::after{left:calc(var(--strokeWidthThick) * -1);}",
+        ".f8pxvb2[data-fui-focus-visible]::after{bottom:calc(var(--strokeWidthThick) * -1);}"
     ],
     m: [
         [
@@ -250,26 +245,20 @@ const useDayCellStyles = /*#__PURE__*/ (0, _react.__styles)({
             }
         ],
         [
-            "@media (forced-colors: active){.fehmveg.fui-CalendarDayGrid__hoverStyle{background-color:Window;}}",
-            {
-                m: "(forced-colors: active)"
-            }
-        ],
-        [
-            "@media (forced-colors: active){.ff78tpz.fui-CalendarDayGrid__hoverStyle{color:WindowText;}}",
+            "@media (forced-colors: active){.f1ko8o2g.fui-CalendarDayGrid__hoverStyle{outline:1px solid Highlight;}}",
             {
+                p: -1,
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.f1ko8o2g.fui-CalendarDayGrid__hoverStyle{outline:1px solid Highlight;}}",
+            "@media (forced-colors: active){.fts5qqo.fui-CalendarDayGrid__hoverStyle{z-index:3;}}",
             {
-                p: -1,
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.fts5qqo.fui-CalendarDayGrid__hoverStyle{z-index:3;}}",
+            "@media (forced-colors: active){.fq2wdp5.fui-CalendarDayGrid__hoverStyle .fui-CalendarDayGrid__dayTodayMarker{background-color:Highlight;}}",
             {
                 m: "(forced-colors: active)"
             }
@@ -419,6 +408,128 @@ const useDaySelectedStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fq0dbue:hover,.fq0dbue.fui-CalendarDayGrid__hoverStyle,.fq0dbue.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedSelected);}"
     ]
 });
+const useDaySingleSelectedStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        sj55zd: "ff5vbop",
+        E9zv3o: "ft4goo8",
+        B2ns3jv: "fy35frb",
+        Bwxf4zv: 0,
+        Bp8cau8: 0,
+        Buy161k: 0,
+        Bpzqh5e: 0,
+        Fh6yq5: "f8kna22",
+        B75pphk: "f3ef5pp",
+        Cmeexk: [
+            "f1lmnm0c",
+            "f1nrej41"
+        ],
+        yen2pv: "f1pt3b1q",
+        ydc5we: [
+            "f1nrej41",
+            "f1lmnm0c"
+        ],
+        Bz06psx: "fcydihv",
+        Bvql7r5: [
+            "fgb2y1b",
+            "fzbode6"
+        ],
+        k24jl4: "fofq8g1",
+        Bksmc0g: [
+            "fzbode6",
+            "fgb2y1b"
+        ],
+        Buxuwzc: "f36ub4m",
+        xn840g: [
+            "f19aczhj",
+            "ffhc5ea"
+        ],
+        Jh9m0u: "flfq9gv",
+        Fmkg4n: [
+            "ffhc5ea",
+            "f19aczhj"
+        ],
+        kmtgwu: "fv38a4k",
+        g6m10a: "f1wil596",
+        Birdjzs: [
+            "f1941p3i",
+            "fsfopon"
+        ],
+        yojo9v: "f14tb4e3",
+        qdeutu: [
+            "fsfopon",
+            "f1941p3i"
+        ],
+        yfp87c: "f161hy0n",
+        zuskld: "fbp2bxz"
+    }
+}, {
+    d: [
+        ".ff5vbop{color:var(--colorNeutralForeground1Static);}",
+        ".fy35frb>.fui-CalendarDayGrid__dayButton{background-color:var(--colorBrandBackgroundInvertedSelected);}",
+        [
+            ".f8kna22>.fui-CalendarDayGrid__dayButton{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f3ef5pp>.fui-CalendarDayGrid__dayButton{border-top-width:1px;}",
+        ".f1lmnm0c>.fui-CalendarDayGrid__dayButton{border-right-width:1px;}",
+        ".f1nrej41>.fui-CalendarDayGrid__dayButton{border-left-width:1px;}",
+        ".f1pt3b1q>.fui-CalendarDayGrid__dayButton{border-bottom-width:1px;}",
+        ".fcydihv>.fui-CalendarDayGrid__dayButton{border-top-style:solid;}",
+        ".fgb2y1b>.fui-CalendarDayGrid__dayButton{border-right-style:solid;}",
+        ".fzbode6>.fui-CalendarDayGrid__dayButton{border-left-style:solid;}",
+        ".fofq8g1>.fui-CalendarDayGrid__dayButton{border-bottom-style:solid;}",
+        ".f36ub4m>.fui-CalendarDayGrid__dayButton{border-top-color:var(--colorBrandStroke1);}",
+        ".f19aczhj>.fui-CalendarDayGrid__dayButton{border-right-color:var(--colorBrandStroke1);}",
+        ".ffhc5ea>.fui-CalendarDayGrid__dayButton{border-left-color:var(--colorBrandStroke1);}",
+        ".flfq9gv>.fui-CalendarDayGrid__dayButton{border-bottom-color:var(--colorBrandStroke1);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.ft4goo8>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fv38a4k>.fui-CalendarDayGrid__dayButton{background-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1wil596>.fui-CalendarDayGrid__dayButton{border-top-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1941p3i>.fui-CalendarDayGrid__dayButton{border-right-color:Highlight;}.fsfopon>.fui-CalendarDayGrid__dayButton{border-left-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f14tb4e3>.fui-CalendarDayGrid__dayButton{border-bottom-color:Highlight;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f161hy0n>.fui-CalendarDayGrid__dayButton{color:HighlightText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fbp2bxz>.fui-CalendarDayGrid__dayButton{forced-color-adjust:none;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
 const useWeekRowStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         vin17d: "f5f2jbu",
@@ -588,11 +699,6 @@ const useDayOutsideNavigatedMonthStyles = /*#__PURE__*/ (0, _react.__styles)({
 const useDayButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         De3pzq: "f1c21dwh",
-        Beyfa6y: 0,
-        Bbmb7ep: 0,
-        Btl43ni: 0,
-        B7oj6ja: 0,
-        Dimara: "fl4tsp0",
         Bgfg5da: 0,
         B9xav0g: 0,
         oivjwe: 0,
@@ -626,17 +732,18 @@ const useDayButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
         B0ocmuz: "f1mk8lai",
         a9b677: "fq4mcun",
         Bx0yju7: "f10y451g",
-        l98f4w: "f1dwpgx3"
+        l98f4w: "f1dwpgx3",
+        Jwef8y: "f18a0fwf",
+        Btmb5he: 0,
+        gu71dq: 0,
+        B2zomw9: 0,
+        Fgk69s: 0,
+        Bw6eyry: "f1mhq3ai",
+        ecr2s2: "f7la2e8"
     }
 }, {
     d: [
         ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
-        [
-            ".fl4tsp0{border-radius:2px;}",
-            {
-                p: -1
-            }
-        ],
         [
             ".f3bhgqh{border:none;}",
             {
@@ -664,18 +771,62 @@ const useDayButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fq4mcun{width:24px;}",
         ".f10y451gspan{height:inherit;}",
         ".f1dwpgx3span{line-height:inherit;}"
+    ],
+    h: [
+        ".f18a0fwf:hover{background-color:var(--colorBrandBackgroundInvertedHover);}",
+        [
+            ".f1mhq3ai:hover{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ]
+    ],
+    a: [
+        ".f7la2e8:active{background-color:var(--colorBrandBackgroundInvertedPressed);}"
     ]
 });
 const useDayIsTodayStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
+        mc9l5x: "f22iagw",
+        Brf1p80: "f4d9j23",
+        Bt984gj: "f122n59",
+        sj55zd: "f1phragk",
+        Bhrd7zp: "fl43uef",
+        kof2un: "f1b5s8wn",
+        E9zv3o: "ft4goo8"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f122n59{align-items:center;}",
+        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f1b5s8wn>.fui-CalendarDayGrid__dayMarker{background-color:var(--colorNeutralForegroundOnBrand);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.ft4goo8>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useDayTodayMarkerStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "f22iagw",
+        Brf1p80: "f4d9j23",
+        Bt984gj: "f122n59",
         De3pzq: "ffp7eso",
         Beyfa6y: 0,
         Bbmb7ep: 0,
         Btl43ni: 0,
         B7oj6ja: 0,
         Dimara: "f1qtlz2s",
-        sj55zd: "f1phragk",
-        Bhrd7zp: "fl43uef",
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b",
+        Bg96gwp: "f1n95isl",
         Bsw6fvg: "fg374yq",
         Bjwas2f: "fx4t0an",
         Bn1d65q: [
@@ -688,12 +839,13 @@ const useDayIsTodayStyles = /*#__PURE__*/ (0, _react.__styles)({
             "f1bd7qk0"
         ],
         Bbusuzp: "f1yig07e",
-        ycbfsm: "fkc42ay",
-        kof2un: "f1b5s8wn",
-        E9zv3o: "ft4goo8"
+        ycbfsm: "fkc42ay"
     }
 }, {
     d: [
+        ".f22iagw{display:flex;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f122n59{align-items:center;}",
         ".ffp7eso{background-color:var(--colorBrandBackground);}",
         [
             ".f1qtlz2s{border-radius:100%;}",
@@ -701,9 +853,9 @@ const useDayIsTodayStyles = /*#__PURE__*/ (0, _react.__styles)({
                 p: -1
             }
         ],
-        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
-        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
-        ".f1b5s8wn>.fui-CalendarDayGrid__dayMarker{background-color:var(--colorNeutralForegroundOnBrand);}"
+        ".f64fuq3{width:20px;}",
+        ".fjamq6b{height:20px;}",
+        ".f1n95isl{line-height:20px;}"
     ],
     m: [
         [
@@ -741,12 +893,6 @@ const useDayIsTodayStyles = /*#__PURE__*/ (0, _react.__styles)({
             {
                 m: "(forced-colors: active)"
             }
-        ],
-        [
-            "@media (forced-colors: active){.ft4goo8>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}",
-            {
-                m: "(forced-colors: active)"
-            }
         ]
     ]
 });
@@ -898,32 +1044,32 @@ const useDayMarkerStyles = /*#__PURE__*/ (0, _react.__styles)({
 const useCornerBorderAndRadiusStyles = /*#__PURE__*/ (0, _react.__styles)({
     corners: {
         Cy64m2: [
-            "fgk2v8v",
-            "flgychs"
+            "f1yxjewa",
+            "f5xfyye"
         ],
         Bnn43bw: [
-            "fon8hnx",
-            "f1dzb7s0"
+            "f1kpdnd7",
+            "fokqrni"
         ],
         feanbc: [
-            "f5gufe6",
-            "f6b3fnj"
+            "f127emps",
+            "f1s6s1el"
         ],
         B4268ip: [
-            "fo35n0e",
-            "f96pych"
+            "f39vr2a",
+            "frpqyrn"
         ]
     }
 }, {
     d: [
-        ".fgk2v8v.fui-CalendarDayGrid__topRightCornerDate{border-top-right-radius:2px;}",
-        ".flgychs.fui-CalendarDayGrid__topRightCornerDate{border-top-left-radius:2px;}",
-        ".fon8hnx.fui-CalendarDayGrid__topLeftCornerDate{border-top-left-radius:2px;}",
-        ".f1dzb7s0.fui-CalendarDayGrid__topLeftCornerDate{border-top-right-radius:2px;}",
-        ".f5gufe6.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-right-radius:2px;}",
-        ".f6b3fnj.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-left-radius:2px;}",
-        ".fo35n0e.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-left-radius:2px;}",
-        ".f96pych.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-right-radius:2px;}"
+        ".f1yxjewa.fui-CalendarDayGrid__topRightCornerDate{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".f5xfyye.fui-CalendarDayGrid__topRightCornerDate{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f1kpdnd7.fui-CalendarDayGrid__topLeftCornerDate{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".fokqrni.fui-CalendarDayGrid__topLeftCornerDate{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".f127emps.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f1s6s1el.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f39vr2a.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".frpqyrn.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-right-radius:var(--borderRadiusMedium);}"
     ]
 });
 const useCalendarDayGridStyles_unstable = (props)=>{
@@ -931,6 +1077,7 @@ const useCalendarDayGridStyles_unstable = (props)=>{
     const tableStyles = useTableStyles();
     const dayCellStyles = useDayCellStyles();
     const daySelectedStyles = useDaySelectedStyles();
+    const daySingleSelectedStyles = useDaySingleSelectedStyles();
     const weekRowStyles = useWeekRowStyles();
     const weekDayLabelCellStyles = useWeekDayLabelCellStyles();
     const weekNumberCellStyles = useWeekNumberCellStyles();
@@ -942,12 +1089,14 @@ const useCalendarDayGridStyles_unstable = (props)=>{
     const lastTransitionWeekStyles = useLastTransitionWeekStyles();
     const dayMarkerStyles = useDayMarkerStyles();
     const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();
+    const dayTodayMarkerStyles = useDayTodayMarkerStyles();
     const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;
     return {
         wrapper: (0, _react.mergeClasses)(calendarDayGridClassNames.wrapper, wrapperStyles.base),
         table: (0, _react.mergeClasses)(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),
         dayCell: (0, _react.mergeClasses)(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),
         daySelected: (0, _react.mergeClasses)(calendarDayGridClassNames.daySelected, daySelectedStyles.base),
+        daySingleSelected: (0, _react.mergeClasses)(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),
         weekRow: (0, _react.mergeClasses)(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === _Calendartypes.AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),
         weekDayLabelCell: (0, _react.mergeClasses)(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),
         weekNumberCell: (0, _react.mergeClasses)(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),
@@ -957,6 +1106,7 @@ const useCalendarDayGridStyles_unstable = (props)=>{
         dayIsToday: (0, _react.mergeClasses)(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),
         firstTransitionWeek: (0, _react.mergeClasses)(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== _Calendartypes.AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),
         lastTransitionWeek: (0, _react.mergeClasses)(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== _Calendartypes.AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),
-        dayMarker: (0, _react.mergeClasses)(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)
+        dayMarker: (0, _react.mergeClasses)(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),
+        dayTodayMarker: (0, _react.mergeClasses)(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base)
     };
 }; //# sourceMappingURL=useCalendarDayGridStyles.styles.js.map