@fluentui/react-datepicker-compat 0.0.0-nightly-20230424-0419.1 → 0.0.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CalendarDayGrid/useCalendarDayGridStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles';\n/**\n * @internal\n */\nexport const calendarDayGridClassNames = {\n  wrapper: 'fui-CalendarDayGrid__wrapper',\n  table: 'fui-CalendarDayGrid__table',\n  dayCell: 'fui-CalendarDayGrid__dayCell',\n  daySelected: 'fui-CalendarDayGrid__daySelected',\n  weekRow: 'fui-CalendarDayGrid__weekRow',\n  weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n  weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n  dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n  dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n  dayButton: 'fui-CalendarDayGrid__dayButton',\n  dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n  firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n  lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n  dayMarker: 'fui-CalendarDayGrid__dayMarker'\n};\n/**\n * @internal\n */\nexport const extraCalendarDayGridClassNames = {\n  hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n  pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = /*#__PURE__*/__styles({\n  base: {\n    Byoj8tv: \"f1fow5ox\"\n  }\n}, {\n  d: [\".f1fow5ox{padding-bottom:10px;}\"]\n});\nconst useTableStyles = /*#__PURE__*/__styles({\n  base: {\n    po53p8: \"fgkb47j\",\n    Bxjg3zr: \"f16vktn6\",\n    Be2twd7: \"fjoy568\",\n    B6of3ja: \"fvjh0tl\",\n    Byoj8tv: \"f1fow5ox\",\n    qhf8xq: \"f10pi13n\",\n    B73mfa3: \"f14m3nip\",\n    fsow6f: \"f17mccla\",\n    a9b677: \"f4m2ahc\"\n  },\n  showWeekNumbers: {\n    a9b677: \"fl524qk\"\n  }\n}, {\n  d: [\".fgkb47j{border-collapse:collapse;}\", \".f16vktn6{border-spacing:0;}\", \".fjoy568{font-size:inherit;}\", \".fvjh0tl{margin-top:4px;}\", \".f1fow5ox{padding-bottom:10px;}\", \".f10pi13n{position:relative;}\", \".f14m3nip{table-layout:fixed;}\", \".f17mccla{text-align:center;}\", \".f4m2ahc{width:196px;}\", \".fl524qk{width:226px;}\"]\n});\nconst useDayCellStyles = /*#__PURE__*/__styles({\n  base: {\n    sj55zd: \"f19n0e5\",\n    Bceei9c: \"f1k6fduh\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bqenvij: \"fxldao9\",\n    Bg96gwp: \"f336tjw\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"f1w9dchk\",\n    Bsw6fvg: \"f8pusc0\",\n    Bbusuzp: \"fqgauei\",\n    cvlxnx: \"fp6dsbd\",\n    Bweudez: \"f4xgodq\",\n    hzfqlu: \"fehmveg\",\n    Bb91d7d: \"ff78tpz\",\n    dua3dm: \"f128nre3\",\n    z1p9vi: \"f1elgve3\",\n    Bsnevi5: \"f15e7s3w\",\n    xnb59o: \"fts5qqo\",\n    Bj67fi1: \"f1lhgsq9\",\n    B2gfgcj: \"fdbuq6n\",\n    B6cqqer: \"f16j2ub3\",\n    fpurfy: \"f5hk6jp\",\n    Fioj4w: [\"f1d258es\", \"f1llk4aj\"],\n    Bq9yiu4: \"ftezgwa\",\n    cpbo2x: [\"f1llk4aj\", \"f1d258es\"],\n    Bq268z6: \"f1iohfpm\"\n  }\n}, {\n  d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fxldao9{height:28px;}\", \".f336tjw{line-height:28px;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f10pi13n{position:relative;}\", \".f1w9dchk{width:28px;}\", \".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}\", \".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}\", \".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}\", \".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}\"],\n  m: [[\"@media (forced-colors: active){.f8pusc0{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fqgauei{color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fehmveg.fui-CalendarDayGrid__hoverStyle{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ff78tpz.fui-CalendarDayGrid__hoverStyle{color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f128nre3.fui-CalendarDayGrid__hoverStyle{outline-width:1px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1elgve3.fui-CalendarDayGrid__hoverStyle{outline-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f15e7s3w.fui-CalendarDayGrid__hoverStyle{outline-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fts5qqo.fui-CalendarDayGrid__hoverStyle{z-index:3;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16j2ub3.fui-CalendarDayGrid__pressedStyle{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f5hk6jp.fui-CalendarDayGrid__pressedStyle{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1d258es.fui-CalendarDayGrid__pressedStyle{border-right-color:Highlight;}.f1llk4aj.fui-CalendarDayGrid__pressedStyle{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ftezgwa.fui-CalendarDayGrid__pressedStyle{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1llk4aj.fui-CalendarDayGrid__pressedStyle{border-left-color:Highlight;}.f1d258es.fui-CalendarDayGrid__pressedStyle{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1iohfpm.fui-CalendarDayGrid__pressedStyle{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDaySelectedStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1vevd59\",\n    sj55zd: \"ff5vbop\",\n    Bsw6fvg: \"f1rirnrt\",\n    Bjwas2f: \"f132fbg1\",\n    Bn1d65q: [\"f1ene5x0\", \"fzbc999\"],\n    Bxeuatn: \"f6jgcol\",\n    n51gp8: [\"fzbc999\", \"f1ene5x0\"],\n    Bbusuzp: \"f1lkg8j3\",\n    ycbfsm: \"fkc42ay\",\n    a3nq4f: \"f1chdfq9\",\n    Bnf3alp: \"fq0dbue\",\n    H2c3sd: \"f3pe0v7\",\n    qu8ld: \"f3t0uu2\",\n    Bg4iunc: \"f1cikclm\"\n  }\n}, {\n  d: [\".f1vevd59{background-color:var(--colorBrandBackgroundInvertedSelected);}\", \".ff5vbop{color:var(--colorNeutralForeground1Static);}\"],\n  m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fzbc999{border-left-color:Highlight;}.f1ene5x0{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3pe0v7:hover,.f3pe0v7.fui-CalendarDayGrid__hoverStyle,.f3pe0v7.fui-CalendarDayGrid__pressedStyle{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3t0uu2:hover,.f3t0uu2.fui-CalendarDayGrid__hoverStyle,.f3t0uu2.fui-CalendarDayGrid__pressedStyle{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  h: [\".f1chdfq9:hover,.f1chdfq9.fui-CalendarDayGrid__hoverStyle,.f1chdfq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}\", \".fq0dbue:hover,.fq0dbue.fui-CalendarDayGrid__hoverStyle,.fq0dbue.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedSelected);}\"]\n});\nconst useWeekRowStyles = /*#__PURE__*/__styles({\n  base: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Ezkn3b: \"f1ee2ue\"\n  },\n  horizontalBackward: {\n    Bv12yb3: [\"f1o9w3l8\", \"f1kwjajc\"]\n  },\n  horizontalForward: {\n    Bv12yb3: [\"f1kwjajc\", \"f1o9w3l8\"]\n  },\n  verticalBackward: {\n    Bv12yb3: \"fgl3yn7\"\n  },\n  verticalForward: {\n    Bv12yb3: \"faiu5ye\"\n  }\n}, {\n  d: [\".f5f2jbu{-webkit-animation-duration:0.367s;animation-duration:0.367s;}\", \".fywypte{-webkit-animation-fill-mode:both;animation-fill-mode:both;}\", \".f1ee2ue{-webkit-animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-timing-function:cubic-bezier(.1,.9,.2,1);}\", \".f1o9w3l8{-webkit-animation-name:f5j8bii,f2lgmc3;animation-name:f5j8bii,f2lgmc3;}\", \".f1kwjajc{-webkit-animation-name:f5j8bii,fpktcv7;animation-name:f5j8bii,fpktcv7;}\", \".fgl3yn7{-webkit-animation-name:f5j8bii,f3bv9km;animation-name:f5j8bii,f3bv9km;}\", \".faiu5ye{-webkit-animation-name:f5j8bii,funtx0y;animation-name:f5j8bii,funtx0y;}\"],\n  k: [\"@-webkit-keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@-webkit-keyframes f2lgmc3{from{pointer-events:none;-webkit-transform:translate3d(-20px, 0, 0);-moz-transform:translate3d(-20px, 0, 0);-ms-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\", \"@-webkit-keyframes fpktcv7{from{pointer-events:none;-webkit-transform:translate3d(20px, 0, 0);-moz-transform:translate3d(20px, 0, 0);-ms-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\", \"@keyframes f2lgmc3{from{pointer-events:none;-webkit-transform:translate3d(-20px, 0, 0);-moz-transform:translate3d(-20px, 0, 0);-ms-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\", \"@keyframes fpktcv7{from{pointer-events:none;-webkit-transform:translate3d(20px, 0, 0);-moz-transform:translate3d(20px, 0, 0);-ms-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\", \"@-webkit-keyframes f3bv9km{from{pointer-events:none;-webkit-transform:translate3d(0, -20px, 0);-moz-transform:translate3d(0, -20px, 0);-ms-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\", \"@keyframes f3bv9km{from{pointer-events:none;-webkit-transform:translate3d(0, -20px, 0);-moz-transform:translate3d(0, -20px, 0);-ms-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\", \"@-webkit-keyframes funtx0y{from{pointer-events:none;-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\", \"@keyframes funtx0y{from{pointer-events:none;-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}to{pointer-events:auto;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}}\"]\n});\nconst useWeekDayLabelCellStyles = /*#__PURE__*/__styles({\n  base: {\n    vin17d: \"fhsqnsn\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"f1h7u52p\",\n    Ezkn3b: \"fjq4c94\"\n  }\n}, {\n  d: [\".fhsqnsn{-webkit-animation-duration:0.267s;animation-duration:0.267s;}\", \".fywypte{-webkit-animation-fill-mode:both;animation-fill-mode:both;}\", \".f1h7u52p{-webkit-animation-name:f5j8bii;animation-name:f5j8bii;}\", \".fjq4c94{-webkit-animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-timing-function:cubic-bezier(.1,.25,.75,.9);}\"],\n  k: [\"@-webkit-keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\", \"@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}\"]\n});\nconst useWeekNumberCellStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"],\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fxc4j92\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bqenvij: \"fxldao9\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    a9b677: \"f1w9dchk\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fxc4j92{color:var(--colorNeutralForeground4);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fxldao9{height:28px;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1w9dchk{width:28px;}\"]\n});\nconst useDayOutsideBoundsStyles = /*#__PURE__*/__styles({\n  base: {\n    x734em: \"f1v4z6xg\",\n    B0ssf13: \"f1u9q7oh\",\n    B8h8h5z: \"f1a22lcc\",\n    Bbusuzp: \"f1dcs8yz\"\n  }\n}, {\n  d: [\".f1v4z6xg,.f1v4z6xg:disabled,.f1v4z6xg button,.f1v4z6xg.fui-CalendarDayGrid__hoverStyle,.f1v4z6xg.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorTransparentBackground);}\", \".f1u9q7oh,.f1u9q7oh:disabled,.f1u9q7oh button,.f1u9q7oh.fui-CalendarDayGrid__hoverStyle,.f1u9q7oh.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForegroundDisabled);}\", \".f1a22lcc,.f1a22lcc:disabled,.f1a22lcc button,.f1a22lcc.fui-CalendarDayGrid__hoverStyle,.f1a22lcc.fui-CalendarDayGrid__pressedStyle{pointer-events:none;}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDayOutsideNavigatedMonthStyles = /*#__PURE__*/__styles({\n  lightenDaysOutsideNavigatedMonth: {\n    sj55zd: \"fxc4j92\",\n    Bhrd7zp: \"figsok6\",\n    Bbusuzp: \"f1dcs8yz\"\n  }\n}, {\n  d: [\".fxc4j92{color:var(--colorNeutralForeground4);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\"],\n  m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useDayButtonStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1c21dwh\",\n    Bbmb7ep: [\"f2i1086\", \"f1rlsnju\"],\n    Beyfa6y: [\"f1rlsnju\", \"f2i1086\"],\n    B7oj6ja: [\"f1stktl2\", \"f1127022\"],\n    Btl43ni: [\"f1127022\", \"f1stktl2\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    sj55zd: \"f1ym3bx4\",\n    Bceei9c: \"f1k6fduh\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"ff5ikls\",\n    Bqenvij: \"frvgh55\",\n    Bg96gwp: \"f8xlz6g\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    a9b677: \"fq4mcun\",\n    Bx0yju7: \"f10y451g\",\n    l98f4w: \"f1dwpgx3\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f2i1086{border-bottom-right-radius:2px;}\", \".f1rlsnju{border-bottom-left-radius:2px;}\", \".f1stktl2{border-top-right-radius:2px;}\", \".f1127022{border-top-left-radius:2px;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1ym3bx4{color:inherit;}\", \".f1k6fduh{cursor:pointer;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".ff5ikls{font-weight:inherit;}\", \".frvgh55{height:24px;}\", \".f8xlz6g{line-height:24px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fq4mcun{width:24px;}\", \".f10y451gspan{height:inherit;}\", \".f1dwpgx3span{line-height:inherit;}\"]\n});\nconst useDayIsTodayStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"ffp7eso\",\n    Bbmb7ep: [\"f1xbx3v5\", \"fh9p2o2\"],\n    Beyfa6y: [\"fh9p2o2\", \"f1xbx3v5\"],\n    B7oj6ja: [\"f18mldvw\", \"f3h6kr5\"],\n    Btl43ni: [\"f3h6kr5\", \"f18mldvw\"],\n    sj55zd: \"f1phragk\",\n    Bhrd7zp: \"fl43uef\",\n    Bsw6fvg: \"fg374yq\",\n    Bjwas2f: \"fx4t0an\",\n    Bn1d65q: [\"f1bd7qk0\", \"fk5vpic\"],\n    Bxeuatn: \"fgxnpfp\",\n    n51gp8: [\"fk5vpic\", \"f1bd7qk0\"],\n    Bbusuzp: \"f1yig07e\",\n    ycbfsm: \"fkc42ay\",\n    jxbfoe: \"fj0lumn\",\n    Bg4iunc: \"f1cikclm\"\n  }\n}, {\n  d: [\".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1xbx3v5{border-bottom-right-radius:100%;}\", \".fh9p2o2{border-bottom-left-radius:100%;}\", \".f18mldvw{border-top-right-radius:100%;}\", \".f3h6kr5{border-top-left-radius:100%;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fj0lumn>.fui-CalendarDayGrid__dayMarker{background-color:var(--colorNeutralForegroundOnBrand);}\"],\n  m: [[\"@media (forced-colors: active){.fg374yq{background-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fx4t0an{border-top-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1bd7qk0{border-right-color:WindowText;}.fk5vpic{border-left-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fgxnpfp{border-bottom-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fk5vpic{border-left-color:WindowText;}.f1bd7qk0{border-right-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yig07e{color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useFirstTransitionWeekStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"fniina8\",\n    abs64n: \"fk73vx1\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"f3tsq5r\"\n  },\n  verticalForward: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"fb3mxun\",\n    Ezkn3b: \"f1ee2ue\"\n  }\n}, {\n  d: [\".fniina8{height:0;}\", \".fk73vx1{opacity:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1euv43f{position:absolute;}\", \".f3tsq5r{width:0;}\", \".f5f2jbu{-webkit-animation-duration:0.367s;animation-duration:0.367s;}\", \".fywypte{-webkit-animation-fill-mode:both;animation-fill-mode:both;}\", \".fb3mxun{-webkit-animation-name:f199e34v,f76svrd,fhwv0sk;animation-name:f199e34v,f76svrd,fhwv0sk;}\", \".f1ee2ue{-webkit-animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-timing-function:cubic-bezier(.1,.9,.2,1);}\"],\n  k: [\"@-webkit-keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@-webkit-keyframes f76svrd{from{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}to{-webkit-transform:translate3d(0, -20px, 0);-moz-transform:translate3d(0, -20px, 0);-ms-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}}\", \"@keyframes f76svrd{from{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}to{-webkit-transform:translate3d(0, -20px, 0);-moz-transform:translate3d(0, -20px, 0);-ms-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}}\", \"@-webkit-keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\", \"@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\"]\n});\nconst useLastTransitionWeekStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"fniina8\",\n    B6of3ja: \"flykjtj\",\n    abs64n: \"fk73vx1\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"f3tsq5r\"\n  },\n  verticalBackward: {\n    vin17d: \"f5f2jbu\",\n    Bf5fcs: \"fywypte\",\n    Bv12yb3: \"f1h56eac\",\n    Ezkn3b: \"f1ee2ue\"\n  }\n}, {\n  d: [\".fniina8{height:0;}\", \".flykjtj{margin-top:-28px;}\", \".fk73vx1{opacity:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1euv43f{position:absolute;}\", \".f3tsq5r{width:0;}\", \".f5f2jbu{-webkit-animation-duration:0.367s;animation-duration:0.367s;}\", \".fywypte{-webkit-animation-fill-mode:both;animation-fill-mode:both;}\", \".f1h56eac{-webkit-animation-name:f199e34v,f18895iq,fhwv0sk;animation-name:f199e34v,f18895iq,fhwv0sk;}\", \".f1ee2ue{-webkit-animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-timing-function:cubic-bezier(.1,.9,.2,1);}\"],\n  k: [\"@-webkit-keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}\", \"@-webkit-keyframes f18895iq{from{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}to{-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}}\", \"@keyframes f18895iq{from{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}to{-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}}\", \"@-webkit-keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\", \"@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}\"]\n});\nconst useDayMarkerStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"fnggedw\",\n    Bbmb7ep: [\"f1xbx3v5\", \"fh9p2o2\"],\n    Beyfa6y: [\"fh9p2o2\", \"f1xbx3v5\"],\n    B7oj6ja: [\"f18mldvw\", \"f3h6kr5\"],\n    Btl43ni: [\"f3h6kr5\", \"f18mldvw\"],\n    B5kzvoi: \"f1oq0udb\",\n    Bqenvij: \"f6ywr7j\",\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    B6of3ja: \"fgr6219\",\n    t21cq0: [\"f1ujusj6\", \"fcgxt0o\"],\n    jrapky: \"f10jk5vf\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    a9b677: \"faro0ui\",\n    Bsw6fvg: \"fg374yq\",\n    ycbfsm: \"fkc42ay\"\n  }\n}, {\n  d: [\".fnggedw{background-color:var(--colorBrandForeground2);}\", \".f1xbx3v5{border-bottom-right-radius:100%;}\", \".fh9p2o2{border-bottom-left-radius:100%;}\", \".f18mldvw{border-top-right-radius:100%;}\", \".f3h6kr5{border-top-left-radius:100%;}\", \".f1oq0udb{bottom:1px;}\", \".f6ywr7j{height:4px;}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fgr6219{margin-top:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fcgxt0o{margin-left:auto;}\", \".f10jk5vf{margin-bottom:auto;}\", \".f1euv43f{position:absolute;}\", \".faro0ui{width:4px;}\"],\n  m: [[\"@media (forced-colors: active){.fg374yq{background-color:WindowText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useCornerBorderAndRadiusStyles = /*#__PURE__*/__styles({\n  corners: {\n    Cy64m2: [\"fgk2v8v\", \"flgychs\"],\n    Bnn43bw: [\"fon8hnx\", \"f1dzb7s0\"],\n    feanbc: [\"f5gufe6\", \"f6b3fnj\"],\n    B4268ip: [\"fo35n0e\", \"f96pych\"]\n  }\n}, {\n  d: [\".fgk2v8v.fui-CalendarDayGrid__topRightCornerDate{border-top-right-radius:2px;}\", \".flgychs.fui-CalendarDayGrid__topRightCornerDate{border-top-left-radius:2px;}\", \".fon8hnx.fui-CalendarDayGrid__topLeftCornerDate{border-top-left-radius:2px;}\", \".f1dzb7s0.fui-CalendarDayGrid__topLeftCornerDate{border-top-right-radius:2px;}\", \".f5gufe6.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-right-radius:2px;}\", \".f6b3fnj.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-left-radius:2px;}\", \".fo35n0e.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-left-radius:2px;}\", \".f96pych.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-right-radius:2px;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */\nexport const useCalendarDayGridStyles_unstable = props => {\n  const wrapperStyles = useWrapperStyles();\n  const tableStyles = useTableStyles();\n  const dayCellStyles = useDayCellStyles();\n  const daySelectedStyles = useDaySelectedStyles();\n  const weekRowStyles = useWeekRowStyles();\n  const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n  const weekNumberCellStyles = useWeekNumberCellStyles();\n  const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n  const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n  const dayButtonStyles = useDayButtonStyles();\n  const dayIsTodayStyles = useDayIsTodayStyles();\n  const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n  const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n  const dayMarkerStyles = useDayMarkerStyles();\n  const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n  const {\n    animateBackwards,\n    animationDirection,\n    lightenDaysOutsideNavigatedMonth,\n    showWeekNumbers\n  } = props;\n  return {\n    wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n    table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n    dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),\n    daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n    weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n    weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n    weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n    dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n    dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n    dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n    dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n    firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n    lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n    dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n  };\n};\n//# sourceMappingURL=useCalendarDayGridStyles.js.map"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","hoverStyle","pressedStyle","useWrapperStyles","__styles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","m","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","mergeClasses","undefined","AnimationDirection","Horizontal"],"mappings":";;;;;;;;;;;IAQaA,yBAAyB,MAAzBA;IAmBAC,8BAA8B,MAA9BA;IAwXAC,iCAAiC,MAAjCA;;uBAlZsC;+BAEhB;AAK5B,MAAMF,4BAA4B;IACvCG,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,aAAa;IACbC,SAAS;IACTC,kBAAkB;IAClBC,gBAAgB;IAChBC,kBAAkB;IAClBC,0BAA0B;IAC1BC,WAAW;IACXC,YAAY;IACZC,qBAAqB;IACrBC,oBAAoB;IACpBC,WAAW;AACb;AAIO,MAAMf,iCAAiC;IAC5CgB,YAAY;IACZC,cAAc;AAChB;AACA,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC7CC,MAAM;QACJC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;KAAkC;AACxC;AACA,MAAMC,iBAAiB,WAAW,GAAEJ,IAAAA,kBAAQ,EAAC;IAC3CC,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTN,SAAS;QACTO,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,iBAAiB;QACfD,QAAQ;IACV;AACF,GAAG;IACDT,GAAG;QAAC;QAAuC;QAAgC;QAAgC;QAA6B;QAAmC;QAAiC;QAAkC;QAAiC;QAA0B;KAAyB;AACpU;AACA,MAAMW,mBAAmB,WAAW,GAAEd,IAAAA,kBAAQ,EAAC;IAC7CC,MAAM;QACJc,QAAQ;QACRC,SAAS;QACTT,SAAS;QACTU,SAAS;QACTC,SAAS;QACTC,SAAS;QACTX,SAAS;QACTY,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BtB,SAAS;QACTuB,QAAQ;YAAC;YAAY;SAAU;QAC/BhB,QAAQ;QACRG,QAAQ;QACRc,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;IACX;AACF,GAAG;IACDxC,GAAG;QAAC;QAAmD;QAA8B;QAA+C;QAAmD;QAA0B;QAA+B;QAA4B;QAA8B;QAA6B;QAA+B;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAA0B;QAAyF;QAAwG;QAA4F;KAA2G;IACl6ByC,GAAG;QAAC;YAAC;YAAsE;gBACzEA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+D;gBAClEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsG;gBACzGA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+F;gBAClGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAiG;gBACpGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAmG;gBACtGA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuG;gBAC1GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAwF;gBAC3FA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyG;gBAC5GA,GAAG;YACL;SAAE;QAAE;YAAC;YAA2G;gBAC9GA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuL;gBAC1LA,GAAG;YACL;SAAE;QAAE;YAAC;YAA8G;gBACjHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuL;gBAC1LA,GAAG;YACL;SAAE;QAAE;YAAC;YAAiG;gBACpGA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMC,uBAAuB,WAAW,GAAE7C,IAAAA,kBAAQ,EAAC;IACjDC,MAAM;QACJ6C,QAAQ;QACR/B,QAAQ;QACRW,SAAS;QACTqB,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BvB,SAAS;QACTwB,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,OAAO;QACPC,SAAS;IACX;AACF,GAAG;IACDrD,GAAG;QAAC;QAA4E;KAAwD;IACxIyC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkH;gBACrHA,GAAG;YACL;SAAE;QAAE;YAAC;YAA4E;gBAC/EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkH;gBACrHA,GAAG;YACL;SAAE;QAAE;YAAC;YAAmE;gBACtEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuE;gBAC1EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAmK;gBACtKA,GAAG;YACL;SAAE;QAAE;YAAC;YAA4J;gBAC/JA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuG;gBAC1GA,GAAG;YACL;SAAE;KAAC;IACHa,GAAG;QAAC;QAAsJ;KAAoK;AAChU;AACA,MAAMC,mBAAmB,WAAW,GAAE1D,IAAAA,kBAAQ,EAAC;IAC7CC,MAAM;QACJ0D,QAAQ;QACRC,QAAQ;QACRC,QAAQ;IACV;IACAC,oBAAoB;QAClBC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAC,mBAAmB;QACjBD,SAAS;YAAC;YAAY;SAAW;IACnC;IACAE,kBAAkB;QAChBF,SAAS;IACX;IACAG,iBAAiB;QACfH,SAAS;IACX;AACF,GAAG;IACD5D,GAAG;QAAC;QAA0E;QAAwE;QAA4H;QAAqF;QAAqF;QAAoF;KAAmF;IACnmBgE,GAAG;QAAC;QAA8D;QAAsD;QAA4X;QAAwX;QAAoX;QAAgX;QAA4X;QAAoX;QAAwX;KAA+W;AACziG;AACA,MAAMC,4BAA4B,WAAW,GAAEpE,IAAAA,kBAAQ,EAAC;IACtDC,MAAM;QACJ0D,QAAQ;QACRC,QAAQ;QACRG,SAAS;QACTF,QAAQ;IACV;AACF,GAAG;IACD1D,GAAG;QAAC;QAA0E;QAAwE;QAAqE;KAAiI;IAC5VgE,GAAG;QAAC;QAA8D;KAAqD;AACzH;AACA,MAAME,0BAA0B,WAAW,GAAErE,IAAAA,kBAAQ,EAAC;IACpDC,MAAM;QACJ6C,QAAQ;QACRwB,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACT7D,QAAQ;QACRR,SAAS;QACTU,SAAS;QACTC,SAAS;QACTV,SAAS;QACTY,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BtB,SAAS;QACTuB,QAAQ;YAAC;YAAY;SAAU;QAC/Bb,QAAQ;IACV;AACF,GAAG;IACDT,GAAG;QAAC;QAAkE;QAA0D;QAA4D;QAA2D;QAA6D;QAAsC;QAAoC;QAAuC;QAAsC;QAAqC;QAAmD;QAA+C;QAAmD;QAA0B;QAA4B;QAA8B;QAA6B;QAA+B;QAA6B;QAA8B;QAA8B;QAAgC;KAAyB;AACz6B;AACA,MAAM0E,4BAA4B,WAAW,GAAE7E,IAAAA,kBAAQ,EAAC;IACtDC,MAAM;QACJ6E,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTrD,SAAS;IACX;AACF,GAAG;IACDxB,GAAG;QAAC;QAA4L;QAAqL;KAA4J;IACjhByC,GAAG;QAAC;YAAC;YAA8D;gBACjEA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMqC,oCAAoC,WAAW,GAAEjF,IAAAA,kBAAQ,EAAC;IAC9DkF,kCAAkC;QAChCnE,QAAQ;QACRE,SAAS;QACTU,SAAS;IACX;AACF,GAAG;IACDxB,GAAG;QAAC;QAAmD;KAAkD;IACzGyC,GAAG;QAAC;YAAC;YAA8D;gBACjEA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMuC,qBAAqB,WAAW,GAAEnF,IAAAA,kBAAQ,EAAC;IAC/CC,MAAM;QACJ6C,QAAQ;QACRsC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRb,QAAQ;YAAC;YAAY;SAAW;QAChCc,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChC3E,QAAQ;QACRC,SAAS;QACTT,SAAS;QACTU,SAAS;QACTC,SAAS;QACTC,SAAS;QACTwE,SAAS;QACTC,SAAS;QACTrE,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BtB,SAAS;QACTuB,QAAQ;YAAC;YAAY;SAAU;QAC/Bb,QAAQ;QACRiF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACD3F,GAAG;QAAC;QAAkE;QAA6C;QAA6C;QAA2C;QAA0C;QAAqC;QAAuC;QAAsC;QAAwC;QAA6B;QAA8B;QAA+C;QAAkC;QAA0B;QAA+B;QAAkC;QAAkC;QAA6B;QAA8B;QAA8B;QAAgC;QAAyB;QAAkC;KAAsC;AACp3B;AACA,MAAM4F,sBAAsB,WAAW,GAAE/F,IAAAA,kBAAQ,EAAC;IAChDC,MAAM;QACJ6C,QAAQ;QACRsC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCxE,QAAQ;QACRE,SAAS;QACTS,SAAS;QACTqB,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BvB,SAAS;QACTwB,QAAQ;QACR6C,QAAQ;QACRxC,SAAS;IACX;AACF,GAAG;IACDrD,GAAG;QAAC;QAA2D;QAA+C;QAA6C;QAA4C;QAA0C;QAA0D;QAAoD;KAAmG;IAClcyC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAoH;gBACvHA,GAAG;YACL;SAAE;QAAE;YAAC;YAA6E;gBAChFA,GAAG;YACL;SAAE;QAAE;YAAC;YAAoH;gBACvHA,GAAG;YACL;SAAE;QAAE;YAAC;YAA4D;gBAC/DA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuE;gBAC1EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuG;gBAC1GA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMqD,+BAA+B,WAAW,GAAEjG,IAAAA,kBAAQ,EAAC;IACzDC,MAAM;QACJiB,SAAS;QACTgF,QAAQ;QACRP,SAAS;QACTC,SAAS;QACTnF,QAAQ;QACRG,QAAQ;IACV;IACAsD,iBAAiB;QACfP,QAAQ;QACRC,QAAQ;QACRG,SAAS;QACTF,QAAQ;IACV;AACF,GAAG;IACD1D,GAAG;QAAC;QAAuB;QAAwB;QAAiC;QAAiC;QAAiC;QAAsB;QAA0E;QAAwE;QAAsG;KAA2H;IAC/hBgE,GAAG;QAAC;QAAiF;QAAyE;QAAoV;QAA4U;QAAoO;KAA2N;AAC/vC;AACA,MAAMgC,8BAA8B,WAAW,GAAEnG,IAAAA,kBAAQ,EAAC;IACxDC,MAAM;QACJiB,SAAS;QACTV,SAAS;QACT0F,QAAQ;QACRP,SAAS;QACTC,SAAS;QACTnF,QAAQ;QACRG,QAAQ;IACV;IACAqD,kBAAkB;QAChBN,QAAQ;QACRC,QAAQ;QACRG,SAAS;QACTF,QAAQ;IACV;AACF,GAAG;IACD1D,GAAG;QAAC;QAAuB;QAA+B;QAAwB;QAAiC;QAAiC;QAAiC;QAAsB;QAA0E;QAAwE;QAAyG;KAA2H;IACjkBgE,GAAG;QAAC;QAAiF;QAAyE;QAAiV;QAAyU;QAAoO;KAA2N;AACzvC;AACA,MAAMiC,qBAAqB,WAAW,GAAEpG,IAAAA,kBAAQ,EAAC;IAC/CC,MAAM;QACJ6C,QAAQ;QACRsC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCc,SAAS;QACTnF,SAAS;QACToF,QAAQ;YAAC;YAAY;SAAW;QAChC9F,SAAS;QACTY,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/Bb,QAAQ;QACR8F,QAAQ;YAAC;YAAY;SAAW;QAChC3F,QAAQ;QACRc,SAAS;QACTyB,QAAQ;IACV;AACF,GAAG;IACDhD,GAAG;QAAC;QAA4D;QAA+C;QAA6C;QAA4C;QAA0C;QAA0B;QAAyB;QAAsB;QAAuB;QAA8B;QAAiC;QAA+B;QAAkC;QAAiC;KAAuB;IAC1gByC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuE;gBAC1EA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAM4D,iCAAiC,WAAW,GAAExG,IAAAA,kBAAQ,EAAC;IAC3DyG,SAAS;QACPC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;YAAC;YAAW;SAAU;IACjC;AACF,GAAG;IACD1G,GAAG;QAAC;QAAkF;QAAiF;QAAgF;QAAkF;QAAwF;QAAuF;QAAsF;KAAsF;AACtqB;AAMO,MAAMrB,oCAAoCgI,CAAAA,QAAS;IACxD,MAAMC,gBAAgBhH;IACtB,MAAMiH,cAAc5G;IACpB,MAAM6G,gBAAgBnG;IACtB,MAAMoG,oBAAoBrE;IAC1B,MAAMsE,gBAAgBzD;IACtB,MAAM0D,yBAAyBhD;IAC/B,MAAMiD,uBAAuBhD;IAC7B,MAAMiD,yBAAyBzC;IAC/B,MAAM0C,iCAAiCtC;IACvC,MAAMuC,kBAAkBrC;IACxB,MAAMsC,mBAAmB1B;IACzB,MAAM2B,4BAA4BzB;IAClC,MAAM0B,2BAA2BxB;IACjC,MAAMyB,kBAAkBxB;IACxB,MAAMyB,8BAA8BrB;IACpC,MAAM,EACJsB,iBAAgB,EAChBC,mBAAkB,EAClB7C,iCAAgC,EAChCrE,gBAAe,EAChB,GAAGiG;IACJ,OAAO;QACL/H,SAASiJ,IAAAA,mBAAY,EAACpJ,0BAA0BG,OAAO,EAAEgI,cAAc9G,IAAI;QAC3EjB,OAAOgJ,IAAAA,mBAAY,EAACpJ,0BAA0BI,KAAK,EAAEgI,YAAY/G,IAAI,EAAEY,mBAAmBmG,YAAYnG,eAAe;QACrH5B,SAAS+I,IAAAA,mBAAY,EAACpJ,0BAA0BK,OAAO,EAAEgI,cAAchH,IAAI,EAAE4H,4BAA4BpB,OAAO;QAChHvH,aAAa8I,IAAAA,mBAAY,EAACpJ,0BAA0BM,WAAW,EAAEgI,kBAAkBjH,IAAI;QACvFd,SAAS6I,IAAAA,mBAAY,EAACpJ,0BAA0BO,OAAO,EAAE2I,qBAAqBG,aAAad,cAAclH,IAAI,EAAE6H,qBAAqBG,aAAcF,CAAAA,uBAAuBG,iCAAkB,CAACC,UAAU,GAAGL,mBAAmBX,cAAcrD,kBAAkB,GAAGqD,cAAcnD,iBAAiB,GAAG8D,mBAAmBX,cAAclD,gBAAgB,GAAGkD,cAAcjD,eAAe,AAAD;QACjX9E,kBAAkB4I,IAAAA,mBAAY,EAACpJ,0BAA0BQ,gBAAgB,EAAEgI,uBAAuBnH,IAAI;QACtGZ,gBAAgB2I,IAAAA,mBAAY,EAACpJ,0BAA0BS,cAAc,EAAEgI,qBAAqBpH,IAAI;QAChGX,kBAAkB0I,IAAAA,mBAAY,EAACpJ,0BAA0BU,gBAAgB,EAAEgI,uBAAuBrH,IAAI;QACtGV,0BAA0ByI,IAAAA,mBAAY,EAACpJ,0BAA0BW,wBAAwB,EAAE2F,oCAAoCqC,+BAA+BrC,gCAAgC;QAC9L1F,WAAWwI,IAAAA,mBAAY,EAACpJ,0BAA0BY,SAAS,EAAEgI,gBAAgBvH,IAAI;QACjFR,YAAYuI,IAAAA,mBAAY,EAACpJ,0BAA0Ba,UAAU,EAAEgI,iBAAiBxH,IAAI;QACpFP,qBAAqBsI,IAAAA,mBAAY,EAACpJ,0BAA0Bc,mBAAmB,EAAEgI,0BAA0BzH,IAAI,EAAE6H,qBAAqBG,aAAaF,uBAAuBG,iCAAkB,CAACC,UAAU,IAAI,CAACL,oBAAoBJ,0BAA0BxD,eAAe;QACzQvE,oBAAoBqI,IAAAA,mBAAY,EAACpJ,0BAA0Be,kBAAkB,EAAEgI,yBAAyB1H,IAAI,EAAE6H,qBAAqBG,aAAaF,uBAAuBG,iCAAkB,CAACC,UAAU,IAAIL,oBAAoBH,yBAAyB1D,gBAAgB;QACrQrE,WAAWoI,IAAAA,mBAAY,EAACpJ,0BAA0BgB,SAAS,EAAEgI,gBAAgB3H,IAAI;IACnF;AACF,GACA,oDAAoD"}

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

@@ -0,0 +1,103 @@
+"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, {
+    weekCornersClassNames: ()=>weekCornersClassNames,
+    useWeekCornerStyles: ()=>useWeekCornerStyles
+});
+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
+    ];
+} //# sourceMappingURL=useWeekCornerStyles.js.map
+
+//# sourceMappingURL=useWeekCornerStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CalendarDayGrid/useWeekCornerStyles.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 */\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 * @internal\n */\nexport function useWeekCornerStyles(props) {\n  const {\n    dir\n  } = 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  */\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    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 {\n      dateRangeType,\n      firstDayOfWeek,\n      workWeekDays\n    } = 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 [getWeekCornerStyles, calculateRoundedStyles];\n}\n//# sourceMappingURL=useWeekCornerStyles.js.map"],"names":["weekCornersClassNames","useWeekCornerStyles","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"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useWeeks", {
+    enumerable: true,
+    get: ()=>useWeeks
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _index = require("../../utils/index");
+function useWeeks(props, onSelectDate, getSetRefCallback) {
+    /**
+  * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation
+  * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.
+  */ const weeks = _react.useMemo(()=>{
+        var _props_getMarkedDays;
+        const weeksGrid = (0, _index.getDayGrid)(props);
+        const firstVisibleDay = weeksGrid[1][0].originalDate;
+        const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;
+        const markedDays = ((_props_getMarkedDays = props.getMarkedDays) === null || _props_getMarkedDays === void 0 ? void 0 : _props_getMarkedDays.call(props, firstVisibleDay, lastVisibleDay)) || [];
+        /**
+    * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,
+    * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.
+    *
+    * Weeks[1... weeks.length - 2] contains the actual visible data
+    */ const returnValue = [];
+        for(let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++){
+            const week = [];
+            for(let dayIndex = 0; dayIndex < _index.DAYS_IN_WEEK; dayIndex++){
+                const day = weeksGrid[weekIndex][dayIndex];
+                const dayInfo = {
+                    onSelected: ()=>onSelectDate(day.originalDate),
+                    setRef: getSetRefCallback(day.key),
+                    ...day,
+                    isMarked: day.isMarked || (markedDays === null || markedDays === void 0 ? void 0 : markedDays.some((markedDay)=>(0, _index.compareDates)(day.originalDate, markedDay)))
+                };
+                week.push(dayInfo);
+            }
+            returnValue.push(week);
+        }
+        return returnValue;
+    // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire
+    // props object may not be a good idea due to likely frequent mutation). It would be easy to
+    // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from
+    // Calendar and trying to fix it requires a huge cascade of changes.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        props
+    ]);
+    return weeks;
+} //# sourceMappingURL=useWeeks.js.map
+
+//# sourceMappingURL=useWeeks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CalendarDayGrid/useWeeks.js"],"sourcesContent":["import * as React from 'react';\nimport { compareDates, DAYS_IN_WEEK, getDayGrid } from '../../utils/index';\n/**\n * @internal\n */\nexport function useWeeks(props, onSelectDate, getSetRefCallback) {\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(() => {\n    var _props_getMarkedDays;\n    const weeksGrid = getDayGrid(props);\n    const firstVisibleDay = weeksGrid[1][0].originalDate;\n    const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;\n    const markedDays = ((_props_getMarkedDays = props.getMarkedDays) === null || _props_getMarkedDays === void 0 ? void 0 : _props_getMarkedDays.call(props, firstVisibleDay, lastVisibleDay)) || [];\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 = [];\n    for (let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++) {\n      const week = [];\n      for (let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++) {\n        const day = weeksGrid[weekIndex][dayIndex];\n        const dayInfo = {\n          onSelected: () => onSelectDate(day.originalDate),\n          setRef: getSetRefCallback(day.key),\n          ...day,\n          isMarked: day.isMarked || (markedDays === null || markedDays === void 0 ? void 0 : markedDays.some(markedDay => compareDates(day.originalDate, markedDay)))\n        };\n        week.push(dayInfo);\n      }\n      returnValue.push(week);\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  return weeks;\n}\n//# sourceMappingURL=useWeeks.js.map"],"names":["useWeeks","props","onSelectDate","getSetRefCallback","weeks","React","useMemo","_props_getMarkedDays","weeksGrid","getDayGrid","firstVisibleDay","originalDate","lastVisibleDay","length","markedDays","getMarkedDays","call","returnValue","weekIndex","week","dayIndex","DAYS_IN_WEEK","day","dayInfo","onSelected","setRef","key","isMarked","some","markedDay","compareDates","push"],"mappings":";;;;+BAKgBA;;aAAAA;;;6DALO;uBACgC;AAIhD,SAASA,SAASC,KAAK,EAAEC,YAAY,EAAEC,iBAAiB,EAAE;IAC/D;;;EAGA,GACA,MAAMC,QAAQC,OAAMC,OAAO,CAAC,IAAM;QAChC,IAAIC;QACJ,MAAMC,YAAYC,IAAAA,iBAAU,EAACR;QAC7B,MAAMS,kBAAkBF,SAAS,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY;QACpD,MAAMC,iBAAiBJ,SAAS,CAACA,UAAUK,MAAM,GAAG,EAAE,CAAC,EAAE,CAACF,YAAY;QACtE,MAAMG,aAAa,AAAC,CAAA,AAACP,CAAAA,uBAAuBN,MAAMc,aAAa,AAAD,MAAO,IAAI,IAAIR,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBS,IAAI,CAACf,OAAOS,iBAAiBE,eAAe,AAAD,KAAM,EAAE;QAChM;;;;;IAKA,GACA,MAAMK,cAAc,EAAE;QACtB,IAAK,IAAIC,YAAY,GAAGA,YAAYV,UAAUK,MAAM,EAAEK,YAAa;YACjE,MAAMC,OAAO,EAAE;YACf,IAAK,IAAIC,WAAW,GAAGA,WAAWC,mBAAY,EAAED,WAAY;gBAC1D,MAAME,MAAMd,SAAS,CAACU,UAAU,CAACE,SAAS;gBAC1C,MAAMG,UAAU;oBACdC,YAAY,IAAMtB,aAAaoB,IAAIX,YAAY;oBAC/Cc,QAAQtB,kBAAkBmB,IAAII,GAAG;oBACjC,GAAGJ,GAAG;oBACNK,UAAUL,IAAIK,QAAQ,IAAKb,CAAAA,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWc,IAAI,CAACC,CAAAA,YAAaC,IAAAA,mBAAY,EAACR,IAAIX,YAAY,EAAEkB,WAAW,AAAD;gBAC3J;gBACAV,KAAKY,IAAI,CAACR;YACZ;YACAN,YAAYc,IAAI,CAACZ;QACnB;QACA,OAAOF;IACP,gGAAgG;IAChG,4FAA4F;IAC5F,yFAAyF;IACzF,oEAAoE;IACpE,uDAAuD;IACzD,GAAG;QAAChB;KAAM;IACV,OAAOG;AACT,EACA,oCAAoC"}

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

@@ -0,0 +1,271 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CalendarMonth", {
+    enumerable: true,
+    get: ()=>CalendarMonth
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _reactIcons = require("@fluentui/react-icons");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactTabster = require("@fluentui/react-tabster");
+const _react1 = require("@griffel/react");
+const _utils = require("../../utils");
+const _calendarYear = require("../CalendarYear/CalendarYear");
+const _useCalendarMonthStyles = require("./useCalendarMonthStyles");
+const MONTHS_PER_ROW = 4;
+function useAnimateBackwards({ navigatedDate  }) {
+    const currentYear = navigatedDate.getFullYear();
+    const previousYearRef = _react.useRef();
+    _react.useEffect(()=>{
+        previousYearRef.current = currentYear;
+    });
+    const previousYear = previousYearRef.current;
+    if (previousYear === undefined || previousYear === currentYear) {
+        return undefined;
+    } else {
+        return previousYear > currentYear;
+    }
+}
+function useFocusLogic({ componentRef  }) {
+    const navigatedMonthRef = _react.useRef(null);
+    const calendarYearRef = _react.useRef(null);
+    const focusOnUpdate = _react.useRef(false);
+    const focus = _react.useCallback(()=>{
+        if (calendarYearRef.current) {
+            calendarYearRef.current.focus();
+        } else if (navigatedMonthRef.current) {
+            navigatedMonthRef.current.focus();
+        }
+    }, []);
+    _react.useImperativeHandle(componentRef, ()=>({
+            focus
+        }), [
+        focus
+    ]);
+    _react.useEffect(()=>{
+        if (focusOnUpdate.current) {
+            focus();
+            focusOnUpdate.current = false;
+        }
+    });
+    const focusOnNextUpdate = ()=>{
+        focusOnUpdate.current = true;
+    };
+    return [
+        navigatedMonthRef,
+        calendarYearRef,
+        focusOnNextUpdate
+    ];
+}
+const CalendarMonth = (props)=>{
+    const { allFocusable , animationDirection , className , componentRef , dateTimeFormatter =_utils.DEFAULT_DATE_FORMATTING , highlightCurrentMonth , highlightSelectedMonth , maxDate , minDate , navigatedDate , onHeaderSelect: onUserHeaderSelect , onNavigateDate , selectedDate , strings , today =new Date() , yearPickerHidden =false  } = props;
+    const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({
+        componentRef
+    });
+    const [isYearPickerVisible, setIsYearPickerVisible] = _react.useState(false);
+    const animateBackwards = useAnimateBackwards({
+        navigatedDate
+    });
+    const selectMonthCallback = (newMonth)=>{
+        return ()=>onSelectMonth(newMonth);
+    };
+    const onSelectNextYear = ()=>{
+        onNavigateDate((0, _utils.addYears)(navigatedDate, 1), false);
+    };
+    const onSelectPrevYear = ()=>{
+        onNavigateDate((0, _utils.addYears)(navigatedDate, -1), false);
+    };
+    const onSelectMonth = (newMonth)=>{
+        // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked
+        onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();
+        onNavigateDate((0, _utils.setMonth)(navigatedDate, newMonth), true);
+    };
+    const onHeaderSelect = ()=>{
+        if (!yearPickerHidden) {
+            focusOnNextUpdate();
+            setIsYearPickerVisible(true);
+        } else {
+            onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();
+        }
+    };
+    const onSelectYear = (selectedYear)=>{
+        focusOnNextUpdate();
+        const navYear = navigatedDate.getFullYear();
+        if (navYear !== selectedYear) {
+            let newNavigationDate = new Date(navigatedDate.getTime());
+            newNavigationDate.setFullYear(selectedYear);
+            // for min and max dates, adjust the new navigation date - perhaps this should be
+            // checked on the master navigation date handler (i.e. in Calendar)
+            if (maxDate && newNavigationDate > maxDate) {
+                newNavigationDate = (0, _utils.setMonth)(newNavigationDate, maxDate.getMonth());
+            } else if (minDate && newNavigationDate < minDate) {
+                newNavigationDate = (0, _utils.setMonth)(newNavigationDate, minDate.getMonth());
+            }
+            onNavigateDate(newNavigationDate, true);
+        }
+        setIsYearPickerVisible(false);
+    };
+    const onYearPickerHeaderSelect = (focus)=>{
+        focusOnNextUpdate();
+        setIsYearPickerVisible(false);
+    };
+    const dateFormatter = dateTimeFormatter;
+    // determine if previous/next years are in bounds
+    const isPrevYearInBounds = minDate ? (0, _utils.compareDatePart)(minDate, (0, _utils.getYearStart)(navigatedDate)) < 0 : true;
+    const isNextYearInBounds = maxDate ? (0, _utils.compareDatePart)((0, _utils.getYearEnd)(navigatedDate), maxDate) < 0 : true;
+    const classNames = (0, _useCalendarMonthStyles.useCalendarMonthStyles_unstable)({
+        className,
+        hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,
+        highlightCurrent: highlightCurrentMonth,
+        highlightSelected: highlightSelectedMonth,
+        animateBackwards,
+        animationDirection
+    });
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const arrowNavigationAttributes = (0, _reactTabster.useArrowNavigationGroup)({
+        axis: 'both'
+    });
+    if (isYearPickerVisible) {
+        const [onRenderYear, yearStrings] = getYearStrings({
+            dateTimeFormatter,
+            navigatedDate,
+            strings
+        });
+        // use navigated date for the year picker
+        return /*#__PURE__*/ _react.createElement(_calendarYear.CalendarYear, {
+            key: 'calendarYear',
+            minYear: minDate ? minDate.getFullYear() : undefined,
+            maxYear: maxDate ? maxDate.getFullYear() : undefined,
+            // eslint-disable-next-line react/jsx-no-bind
+            onSelectYear: onSelectYear,
+            // eslint-disable-next-line react/jsx-no-bind
+            onHeaderSelect: onYearPickerHeaderSelect,
+            selectedYear: selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined,
+            onRenderYear: onRenderYear,
+            strings: yearStrings,
+            componentRef: calendarYearRef,
+            highlightCurrentYear: highlightCurrentMonth,
+            highlightSelectedYear: highlightSelectedMonth,
+            animationDirection: animationDirection
+        });
+    }
+    const rowIndexes = [];
+    for(let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++){
+        rowIndexes.push(i);
+    }
+    const yearString = dateFormatter.formatYear(navigatedDate);
+    const headerAriaLabel = strings.monthPickerHeaderAriaLabel ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString) : yearString;
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.root
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.headerContainer
+    }, /*#__PURE__*/ _react.createElement("button", {
+        className: classNames.currentItemButton,
+        onClick: onHeaderSelect,
+        onKeyDown: onButtonKeyDown(onHeaderSelect),
+        "aria-label": headerAriaLabel,
+        tabIndex: !!onUserHeaderSelect || !yearPickerHidden ? 0 : -1,
+        type: "button"
+    }, /*#__PURE__*/ _react.createElement("span", {
+        "aria-live": "polite",
+        "aria-atomic": "true"
+    }, yearString)), /*#__PURE__*/ _react.createElement("div", {
+        className: classNames.navigationButtonsContainer
+    }, /*#__PURE__*/ _react.createElement("button", {
+        className: (0, _react1.mergeClasses)(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled),
+        "aria-disabled": !isPrevYearInBounds,
+        tabIndex: isPrevYearInBounds ? undefined : allFocusable ? 0 : -1,
+        onClick: isPrevYearInBounds ? onSelectPrevYear : undefined,
+        onKeyDown: isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined,
+        title: strings.prevYearAriaLabel ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear((0, _utils.addYears)(navigatedDate, -1)) : undefined,
+        type: "button"
+    }, dir === 'ltr' ? /*#__PURE__*/ _react.createElement(_reactIcons.ArrowUpRegular, null) : /*#__PURE__*/ _react.createElement(_reactIcons.ArrowDownRegular, null)), /*#__PURE__*/ _react.createElement("button", {
+        className: (0, _react1.mergeClasses)(classNames.navigationButton, !isNextYearInBounds && classNames.disabled),
+        "aria-disabled": !isNextYearInBounds,
+        tabIndex: isNextYearInBounds ? undefined : allFocusable ? 0 : -1,
+        onClick: isNextYearInBounds ? onSelectNextYear : undefined,
+        onKeyDown: isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined,
+        title: strings.nextYearAriaLabel ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear((0, _utils.addYears)(navigatedDate, 1)) : undefined,
+        type: "button"
+    }, dir === 'ltr' ? /*#__PURE__*/ _react.createElement(_reactIcons.ArrowDownRegular, null) : /*#__PURE__*/ _react.createElement(_reactIcons.ArrowUpRegular, null)))), /*#__PURE__*/ _react.createElement("div", {
+        ...arrowNavigationAttributes,
+        className: classNames.gridContainer,
+        role: "grid",
+        "aria-label": yearString
+    }, rowIndexes.map((rowNum)=>{
+        const monthsForRow = strings.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);
+        return /*#__PURE__*/ _react.createElement("div", {
+            key: 'monthRow_' + rowNum + navigatedDate.getFullYear(),
+            role: "row",
+            className: classNames.buttonRow
+        }, monthsForRow.map((month, index)=>{
+            const monthIndex = rowNum * MONTHS_PER_ROW + index;
+            const indexedMonth = (0, _utils.setMonth)(navigatedDate, monthIndex);
+            const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;
+            const isSelectedMonth = selectedDate.getMonth() === monthIndex;
+            const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();
+            const isInBounds = (minDate ? (0, _utils.compareDatePart)(minDate, (0, _utils.getMonthEnd)(indexedMonth)) < 1 : true) && (maxDate ? (0, _utils.compareDatePart)((0, _utils.getMonthStart)(indexedMonth), maxDate) < 1 : true);
+            return /*#__PURE__*/ _react.createElement("button", {
+                ref: isNavigatedMonth ? navigatedMonthRef : undefined,
+                role: 'gridcell',
+                className: (0, _react1.mergeClasses)(classNames.itemButton, highlightCurrentMonth && isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) && classNames.current, highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected, !isInBounds && classNames.disabled),
+                disabled: !allFocusable && !isInBounds,
+                key: monthIndex,
+                onClick: isInBounds ? selectMonthCallback(monthIndex) : undefined,
+                onKeyDown: isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined,
+                "aria-label": dateFormatter.formatMonth(indexedMonth, strings),
+                "aria-selected": isNavigatedMonth,
+                tabIndex: isInBounds ? 0 : -1,
+                type: "button"
+            }, month);
+        }));
+    })));
+};
+CalendarMonth.displayName = 'CalendarMonth';
+function getYearStrings({ dateTimeFormatter , navigatedDate , strings  }) {
+    const yearToString = (year)=>{
+        if (dateTimeFormatter) {
+            // create a date based on the current nav date
+            const yearFormattingDate = new Date(navigatedDate.getTime());
+            yearFormattingDate.setFullYear(year);
+            return dateTimeFormatter.formatYear(yearFormattingDate);
+        }
+        return String(year);
+    };
+    const yearRangeToString = (yearRange)=>{
+        return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;
+    };
+    const yearRangeToNextDecadeLabel = (yearRange)=>{
+        return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';
+    };
+    const yearRangeToPrevDecadeLabel = (yearRange)=>{
+        return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';
+    };
+    return [
+        yearToString,
+        {
+            rangeAriaLabel: yearRangeToString,
+            prevRangeAriaLabel: yearRangeToPrevDecadeLabel,
+            nextRangeAriaLabel: yearRangeToNextDecadeLabel,
+            headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel
+        }
+    ];
+}
+function isCurrentMonth(month, year, today) {
+    return today.getFullYear() === year && today.getMonth() === month;
+}
+function onButtonKeyDown(callback) {
+    return (ev)=>{
+        switch(ev.key){
+            case _keyboardKeys.Enter:
+                callback();
+                break;
+        }
+    };
+} //# sourceMappingURL=CalendarMonth.js.map
+
+//# sourceMappingURL=CalendarMonth.js.map

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

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