@fluentui/react-datepicker-compat 0.1.4 → 0.1.5

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

@@ -1 +1 @@
-{"version":3,"names":["React","Enter","Space","ArrowDownRegular","ArrowUpRegular","useFluent_unstable","useArrowNavigationGroup","mergeClasses","useCalendarYearStyles_unstable","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","useRef","useImperativeHandle","focus","_buttonRef_current","_buttonRef_current_focus","current","call","onClick","onKeyDown","ev","key","classNames","highlightCurrent","highlightSelected","_onRenderYear","createElement","itemButton","type","role","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","_ref","_ref_focus","renderCell","yearToRender","Date","getFullYear","value","_props_onRenderYear","_props_onRenderYear1","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","axis","gridContainer","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","dir","isLeftNavigation","navigationButton","title","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","_props_onHeaderSelect","onHeaderKeyDown","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","CalendarYearHeader","onRenderTitle","_onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","NavigationDirection","useYearRangeState","navigate","useReducer","state","action","onNavNext","onNavPrevious","CalendarYear","gridRef","_gridRef_current","_gridRef_current_focus","root"],"sources":["../../../src/components/CalendarYear/CalendarYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } 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 { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nimport type {\n  CalendarYearStrings,\n  CalendarYearProps,\n  CalendarYearRange,\n  CalendarYearHeaderProps,\n} from './CalendarYear.types';\n\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\n\nconst DefaultCalendarYearStrings: CalendarYearStrings = {\n  prevRangeAriaLabel: undefined,\n  nextRangeAriaLabel: undefined,\n};\ninterface CalendarYearGrid {\n  focus(): void;\n}\n\ninterface CalendarYearGridCellProps extends CalendarYearProps {\n  year: number;\n  current?: boolean;\n  selected?: boolean;\n  disabled?: boolean;\n  onSelectYear?: (year: number) => void;\n  onRenderYear?: (year: number) => React.ReactNode;\n}\n\ninterface CalendarYearGridProps extends CalendarYearProps, CalendarYearRange {\n  selectedYear?: number;\n  animateBackwards?: boolean;\n  componentRef?: React.RefObject<CalendarYearGridCell>;\n}\n\ninterface CalendarYearGridCell {\n  focus(): void;\n}\n\nconst CalendarYearGridCell: React.FunctionComponent<CalendarYearGridCellProps> = props => {\n  const {\n    className,\n    highlightCurrentYear,\n    highlightSelectedYear,\n    year,\n    selected,\n    disabled,\n    componentRef,\n    onSelectYear,\n    onRenderYear,\n  } = props;\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        buttonRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const onClick = () => {\n    onSelectYear?.(year);\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onSelectYear?.(year);\n    }\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    highlightCurrent: highlightCurrentYear,\n    highlightSelected: highlightSelectedYear,\n  });\n\n  return (\n    <button\n      className={mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled)}\n      type=\"button\"\n      role=\"gridcell\"\n      onClick={!disabled ? onClick : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      disabled={disabled}\n      aria-selected={selected}\n      ref={buttonRef}\n    >\n      {onRenderYear?.(year) ?? year}\n    </button>\n  );\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\n\nconst CalendarYearGrid: React.FunctionComponent<CalendarYearGridProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    animationDirection,\n    animateBackwards,\n    minYear,\n    maxYear,\n    onSelectYear,\n    selectedYear,\n    componentRef,\n  } = props;\n\n  const selectedCellRef = React.useRef<CalendarYearGridCell>(null);\n  const currentCellRef = React.useRef<CalendarYearGridCell>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        (selectedCellRef.current || currentCellRef.current)?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const renderCell = (yearToRender: number): React.ReactNode => {\n    const selected = yearToRender === selectedYear;\n    const disabled =\n      (minYear !== undefined && yearToRender < minYear) || (maxYear !== undefined && yearToRender > maxYear);\n    const current = yearToRender === new Date().getFullYear();\n\n    return (\n      <CalendarYearGridCell\n        {...props}\n        key={yearToRender}\n        year={yearToRender}\n        selected={selected}\n        current={current}\n        disabled={disabled}\n        onSelectYear={onSelectYear}\n        componentRef={selected ? selectedCellRef : current ? currentCellRef : undefined}\n      />\n    );\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const onRenderYear = (value: number) => {\n    return props.onRenderYear?.(value) ?? value;\n  };\n\n  const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n\n  let year = fromYear;\n  const cells: React.ReactNode[][] = [];\n\n  for (let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++) {\n    cells.push([]);\n    for (let j = 0; j < CELLS_PER_ROW; j++) {\n      cells[i].push(renderCell(year));\n      year++;\n    }\n  }\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'both' });\n\n  return (\n    <div {...arrowNavigationAttributes}>\n      <div className={classNames.gridContainer} role=\"grid\" aria-label={gridAriaLabel}>\n        {cells.map((cellRow: React.ReactNode[], index: number) => {\n          return (\n            <div key={'yearPickerRow_' + index + '_' + fromYear} role=\"row\" className={classNames.buttonRow}>\n              {cellRow}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\n\nconst CalendarYearNavDirection = {\n  Previous: 0 as const,\n  Next: 1 as const,\n};\n\ninterface CalendarYearNavArrowProps extends CalendarYearHeaderProps {\n  direction: (typeof CalendarYearNavDirection)[keyof typeof CalendarYearNavDirection];\n}\n\nconst CalendarYearNavArrow: React.FunctionComponent<CalendarYearNavArrowProps> = props => {\n  const {\n    className,\n    strings = DefaultCalendarYearStrings,\n    direction,\n    onSelectPrev,\n    onSelectNext,\n    fromYear,\n    toYear,\n    maxYear,\n    minYear,\n  } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  const ariaLabel =\n    direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n  const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n  const newRange = { fromYear: fromYear + newRangeOffset, toYear: toYear + newRangeOffset };\n  const ariaLabelString = ariaLabel ? (typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange)) : undefined;\n  const disabled =\n    direction === CalendarYearNavDirection.Previous\n      ? minYear !== undefined && fromYear < minYear\n      : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n\n  const onNavigate = () => {\n    direction === CalendarYearNavDirection.Previous ? onSelectPrev?.() : onSelectNext?.();\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onNavigate();\n    }\n  };\n\n  const { dir } = useFluent_unstable();\n\n  // can be condensed, but leaving verbose for clarity due to regressions\n  const isLeftNavigation =\n    dir === 'rtl' ? direction === CalendarYearNavDirection.Next : direction === CalendarYearNavDirection.Previous;\n\n  return (\n    <button\n      className={mergeClasses(classNames.navigationButton, disabled && classNames.disabled)}\n      onClick={!disabled ? onNavigate : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      type=\"button\"\n      title={ariaLabelString}\n      disabled={disabled}\n    >\n      {isLeftNavigation ? <ArrowUpRegular /> : <ArrowDownRegular />}\n    </button>\n  );\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\n\nconst CalendarYearNav: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.navigationButtonsContainer}>\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Previous} />\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Next} />\n    </div>\n  );\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\n\nconst CalendarYearTitle: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    strings = DefaultCalendarYearStrings,\n    animateBackwards,\n    animationDirection,\n  } = props;\n\n  const onHeaderSelect = () => {\n    props.onHeaderSelect?.(true);\n  };\n\n  const onHeaderKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter || ev.key === Space) {\n      onHeaderSelect();\n    }\n  };\n\n  const onRenderYear = (year: number) => {\n    return props.onRenderYear?.(year) ?? year;\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  if (props.onHeaderSelect) {\n    const rangeAriaLabel = strings.rangeAriaLabel;\n    const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n    const currentDateRange = rangeAriaLabel\n      ? typeof rangeAriaLabel === 'string'\n        ? rangeAriaLabel\n        : rangeAriaLabel(props)\n      : undefined;\n\n    const ariaLabel = headerAriaLabelFormatString\n      ? headerAriaLabelFormatString.replace('{0}', currentDateRange ?? '')\n      : currentDateRange;\n\n    return (\n      <button\n        className={classNames.currentItemButton}\n        onClick={onHeaderSelect}\n        onKeyDown={onHeaderKeyDown}\n        aria-label={ariaLabel}\n        role=\"button\"\n        type=\"button\"\n      >\n        <span aria-live=\"assertive\" aria-atomic=\"true\">\n          {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n        </span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={classNames.current}>\n      {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n    </div>\n  );\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\n\nconst CalendarYearHeader: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  return (\n    <div className={classNames.headerContainer}>\n      {onRenderTitle?.(props) ?? <CalendarYearTitle {...props} />}\n      <CalendarYearNav {...props} />\n    </div>\n  );\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\n\nfunction useAnimateBackwards({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n  const fromYear = Math.floor(rangeYear / 10) * 10;\n\n  const previousFromYearRef = React.useRef<number | undefined>(fromYear);\n  React.useRef(() => {\n    previousFromYearRef.current = fromYear;\n  });\n  const previousFromYear = previousFromYearRef.current;\n\n  if (!previousFromYear || previousFromYear === fromYear) {\n    return undefined;\n  } else if (previousFromYear > fromYear) {\n    return true;\n  } else {\n    return false;\n  }\n}\n\nconst NavigationDirection = {\n  Previous: 0 as const,\n  Next: 1 as const,\n};\n\nfunction useYearRangeState({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const [fromYear, navigate] = React.useReducer(\n    (state: number, action: (typeof NavigationDirection)[keyof typeof NavigationDirection]): number => {\n      return state + (action === NavigationDirection.Next ? CELL_COUNT : -CELL_COUNT);\n    },\n    undefined,\n    () => {\n      const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n      return Math.floor(rangeYear / 10) * 10;\n    },\n  );\n  const toYear = fromYear + CELL_COUNT - 1;\n\n  const onNavNext = () => navigate(NavigationDirection.Next);\n  const onNavPrevious = () => navigate(NavigationDirection.Previous);\n\n  return [fromYear, toYear, onNavNext, onNavPrevious] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarYear: React.FunctionComponent<CalendarYearProps> = props => {\n  const animateBackwards = useAnimateBackwards(props);\n  const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n\n  const gridRef = React.useRef<CalendarYearGrid>(null);\n\n  React.useImperativeHandle(props.componentRef, () => ({\n    focus() {\n      gridRef.current?.focus?.();\n    },\n  }));\n\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.root}>\n      <CalendarYearHeader\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        onSelectPrev={onNavPrevious}\n        onSelectNext={onNavNext}\n        animateBackwards={animateBackwards}\n      />\n      <CalendarYearGrid\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        animateBackwards={animateBackwards}\n        componentRef={gridRef}\n      />\n    </div>\n  );\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,KAAK,EAAEC,KAAK,QAAQ;AAC7B,SAASC,gBAAgB,EAAEC,cAAc,QAAQ;AACjD,SAASC,kBAAkB,QAAQ;AACnC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,YAAY,QAAQ;AAC7B,SAASC,8BAA8B,QAAQ;AAQ/C,MAAMC,UAAA,GAAa;AACnB,MAAMC,aAAA,GAAgB;AAEtB,MAAMC,0BAAA,GAAkD;EACtDC,kBAAA,EAAoBC,SAAA;EACpBC,kBAAA,EAAoBD;AACtB;AAwBA,MAAME,oBAAA,GAA2EC,KAAA,IAAS;EACxF,MAAM;IACJC,SAAA;IACAC,oBAAA;IACAC,qBAAA;IACAC,IAAA;IACAC,QAAA;IACAC,QAAA;IACAC,YAAA;IACAC,YAAA;IACAC;EAAY,CACb,GAAGT,KAAA;EAEJ,MAAMU,SAAA,GAAY1B,KAAA,CAAM2B,MAAM,CAAoB,IAAI;EAEtD3B,KAAA,CAAM4B,mBAAmB,CACvBL,YAAA,EACA;IAAO;MACLM,MAAA,EAAQ;YACNC,kBAAA,EAAAC,wBAAA;QAAA,CAAAD,kBAAA,GAAAJ,SAAA,CAAUM,OAAO,cAAjBF,kBAAA,wBAAAC,wBAAA,GAAAD,kBAAA,CAAmBD,KAAA,cAAAE,wBAAA,cAAnB,SAAAA,wBAAA,CAAAE,IAAA,CAAAH,kBAAA;MACF;IACF;KACA,EAAE;EAGJ,MAAMI,OAAA,GAAUA,CAAA,KAAM;IACpBV,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAeJ,IAAA;EACjB;EAEA,MAAMe,SAAA,GAAaC,EAAA,IAAyC;IAC1D,IAAIA,EAAA,CAAGC,GAAG,KAAKpC,KAAA,EAAO;MACpBuB,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAeJ,IAAA;IACjB;EACF;EAEA,MAAMkB,UAAA,GAAa9B,8BAAA,CAA+B;IAChDS,SAAA;IACAsB,gBAAA,EAAkBrB,oBAAA;IAClBsB,iBAAA,EAAmBrB;EACrB;MAaKsB,aAAA;EAXL,oBACEzC,KAAA,CAAA0C,aAAA,CAAC;IACCzB,SAAA,EAAWV,YAAA,CAAa+B,UAAA,CAAWK,UAAU,EAAEtB,QAAA,IAAYiB,UAAA,CAAWjB,QAAQ,EAAEC,QAAA,IAAYgB,UAAA,CAAWhB,QAAQ;IAC/GsB,IAAA,EAAK;IACLC,IAAA,EAAK;IACLX,OAAA,EAAS,CAACZ,QAAA,GAAWY,OAAA,GAAUrB,SAAS;IACxCsB,SAAA,EAAW,CAACb,QAAA,GAAWa,SAAA,GAAYtB,SAAS;IAC5CS,QAAA,EAAUA,QAAA;IACV,iBAAeD,QAAA;IACfyB,GAAA,EAAKpB;KAEJ,CAAAe,aAAA,GAAAhB,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAeL,IAAA,eAAfqB,aAAA,cAAAA,aAAA,GAAwBrB,IAAI;AAGnC;AACAL,oBAAA,CAAqBgC,WAAW,GAAG;AAEnC,MAAMC,gBAAA,GAAmEhC,KAAA,IAAS;EAChF,MAAM;IACJC,SAAA;IACAgC,QAAA;IACAC,MAAA;IACAC,kBAAA;IACAC,gBAAA;IACAC,OAAA;IACAC,OAAA;IACA9B,YAAA;IACA+B,YAAA;IACAhC;EAAY,CACb,GAAGP,KAAA;EAEJ,MAAMwC,eAAA,GAAkBxD,KAAA,CAAM2B,MAAM,CAAuB,IAAI;EAC/D,MAAM8B,cAAA,GAAiBzD,KAAA,CAAM2B,MAAM,CAAuB,IAAI;EAE9D3B,KAAA,CAAM4B,mBAAmB,CACvBL,YAAA,EACA;IAAO;MACLM,MAAA,EAAQ;YACL6B,IAAA,EAAAC,UAAA;QAAD,CAACD,IAAA,GAAAF,eAAA,CAAgBxB,OAAO,IAAIyB,cAAA,CAAezB,OAAO,cAAjD0B,IAAA,cAAD,UAAAC,UAAA,GAACD,IAAA,CAAoD7B,KAAA,cAAA8B,UAAA,cAArD,SAAAA,UAAA,CAAA1B,IAAA,CAACyB,IAAA;MACH;IACF;KACA,EAAE;EAGJ,MAAME,UAAA,GAAcC,YAAA,IAA0C;IAC5D,MAAMxC,QAAA,GAAWwC,YAAA,KAAiBN,YAAA;IAClC,MAAMjC,QAAA,GACJ+B,OAAC,KAAYxC,SAAA,IAAagD,YAAA,GAAeR,OAAA,IAAaC,OAAA,KAAYzC,SAAA,IAAagD,YAAA,GAAeP,OAAA;IAChG,MAAMtB,OAAA,GAAU6B,YAAA,KAAiB,IAAIC,IAAA,GAAOC,WAAW;IAEvD,oBACE/D,KAAA,CAAA0C,aAAA,CAAC3B,oBAAA;MACE,GAAGC,KAAK;MACTqB,GAAA,EAAKwB,YAAA;MACLzC,IAAA,EAAMyC,YAAA;MACNxC,QAAA,EAAUA,QAAA;MACVW,OAAA,EAASA,OAAA;MACTV,QAAA,EAAUA,QAAA;MACVE,YAAA,EAAcA,YAAA;MACdD,YAAA,EAAcF,QAAA,GAAWmC,eAAA,GAAkBxB,OAAA,GAAUyB,cAAA,GAAiB5C;;EAG5E;EAEA,MAAMyB,UAAA,GAAa9B,8BAAA,CAA+B;IAChDS,SAAA;IACAmC,gBAAA;IACAD;EACF;EAEA,MAAM1B,YAAA,GAAgBuC,KAAA,IAAkB;QAC/BC,mBAAA;QAAAC,oBAAA;IAAP,OAAO,CAAAA,oBAAA,IAAAD,mBAAA,GAAAjD,KAAA,CAAMS,YAAY,cAAlBwC,mBAAA,uBAAAA,mBAAA,CAAAhC,IAAA,CAAAjB,KAAA,EAAqBgD,KAAA,eAArBE,oBAAA,cAAAA,oBAAA,GAA+BF,KAAK;EAC7C;EAEA,MAAMG,aAAA,GAAiB,GAAE1C,YAAA,CAAawB,QAAA,CAAU,MAAKxB,YAAA,CAAayB,MAAA,CAAQ,EAAC;EAE3E,IAAI9B,IAAA,GAAO6B,QAAA;EACX,MAAMmB,KAAA,GAA6B,EAAE;EAErC,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAI,CAACnB,MAAA,GAASD,QAAA,GAAW,KAAKvC,aAAA,EAAe2D,CAAA,IAAK;IAChED,KAAA,CAAME,IAAI,CAAC,EAAE;IACb,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAI7D,aAAA,EAAe6D,CAAA,IAAK;MACtCH,KAAK,CAACC,CAAA,CAAE,CAACC,IAAI,CAACV,UAAA,CAAWxC,IAAA;MACzBA,IAAA;IACF;EACF;EAEA,MAAMoD,yBAAA,GAA4BlE,uBAAA,CAAwB;IAAEmE,IAAA,EAAM;EAAO;EAEzE,oBACEzE,KAAA,CAAA0C,aAAA,CAAC,OAAQ8B,yBAAA,eACPxE,KAAA,CAAA0C,aAAA,CAAC;IAAIzB,SAAA,EAAWqB,UAAA,CAAWoC,aAAa;IAAE7B,IAAA,EAAK;IAAO,cAAYsB;KAC/DC,KAAA,CAAMO,GAAG,CAAC,CAACC,OAAA,EAA4BC,KAAA,KAAkB;IACxD,oBACE7E,KAAA,CAAA0C,aAAA,CAAC;MAAIL,GAAA,EAAK,mBAAmBwC,KAAA,GAAQ,MAAM5B,QAAA;MAAUJ,IAAA,EAAK;MAAM5B,SAAA,EAAWqB,UAAA,CAAWwC;OACnFF,OAAA;EAGP;AAIR;AACA5B,gBAAA,CAAiBD,WAAW,GAAG;AAE/B,MAAMgC,wBAAA,GAA2B;EAC/BC,QAAA,EAAU;EACVC,IAAA,EAAM;AACR;AAMA,MAAMC,oBAAA,GAA2ElE,KAAA,IAAS;EACxF,MAAM;IACJC,SAAA;IACAkE,OAAA,GAAUxE,0BAAA;IACVyE,SAAA;IACAC,YAAA;IACAC,YAAA;IACArC,QAAA;IACAC,MAAA;IACAI,OAAA;IACAD;EAAO,CACR,GAAGrC,KAAA;EAEJ,MAAMsB,UAAA,GAAa9B,8BAAA,CAA+B;IAChDS;EACF;EAEA,MAAMsE,SAAA,GACJH,SAAA,KAAcL,wBAAA,CAAyBC,QAAQ,GAAGG,OAAA,CAAQvE,kBAAkB,GAAGuE,OAAA,CAAQrE,kBAAkB;EAC3G,MAAM0E,cAAA,GAAiBJ,SAAA,KAAcL,wBAAA,CAAyBC,QAAQ,GAAG,CAACvE,UAAA,GAAaA,UAAU;EACjG,MAAMgF,QAAA,GAAW;IAAExC,QAAA,EAAUA,QAAA,GAAWuC,cAAA;IAAgBtC,MAAA,EAAQA,MAAA,GAASsC;EAAe;EACxF,MAAME,eAAA,GAAkBH,SAAA,GAAa,OAAOA,SAAA,KAAc,WAAWA,SAAA,GAAYA,SAAA,CAAUE,QAAA,CAAS,GAAI5E,SAAS;EACjH,MAAMS,QAAA,GACJ8D,SAAA,KAAcL,wBAAA,CAAyBC,QAAQ,GAC3C3B,OAAA,KAAYxC,SAAA,IAAaoC,QAAA,GAAWI,OAAA,GACpCC,OAAA,KAAYzC,SAAA,IAAaG,KAAA,CAAMiC,QAAQ,GAAGxC,UAAA,GAAa6C,OAAO;EAEpE,MAAMqC,UAAA,GAAaA,CAAA,KAAM;IACvBP,SAAA,KAAcL,wBAAA,CAAyBC,QAAQ,GAAGK,YAAA,aAAAA,YAAA,uBAAAA,YAAA,KAAmBC,YAAA,aAAAA,YAAA,uBAAAA,YAAA,EAAgB;EACvF;EAEA,MAAMnD,SAAA,GAAaC,EAAA,IAAyC;IAC1D,IAAIA,EAAA,CAAGC,GAAG,KAAKpC,KAAA,EAAO;MACpB0F,UAAA;IACF;EACF;EAEA,MAAM;IAAEC;EAAG,CAAE,GAAGvF,kBAAA;EAEhB;EACA,MAAMwF,gBAAA,GACJD,GAAA,KAAQ,QAAQR,SAAA,KAAcL,wBAAA,CAAyBE,IAAI,GAAGG,SAAA,KAAcL,wBAAA,CAAyBC,QAAQ;EAE/G,oBACEhF,KAAA,CAAA0C,aAAA,CAAC;IACCzB,SAAA,EAAWV,YAAA,CAAa+B,UAAA,CAAWwD,gBAAgB,EAAExE,QAAA,IAAYgB,UAAA,CAAWhB,QAAQ;IACpFY,OAAA,EAAS,CAACZ,QAAA,GAAWqE,UAAA,GAAa9E,SAAS;IAC3CsB,SAAA,EAAW,CAACb,QAAA,GAAWa,SAAA,GAAYtB,SAAS;IAC5C+B,IAAA,EAAK;IACLmD,KAAA,EAAOL,eAAA;IACPpE,QAAA,EAAUA;KAETuE,gBAAA,gBAAmB7F,KAAA,CAAA0C,aAAA,CAACtC,cAAA,uBAAoBJ,KAAA,CAAA0C,aAAA,CAACvC,gBAAA,OAAmB;AAGnE;AACA+E,oBAAA,CAAqBnC,WAAW,GAAG;AAEnC,MAAMiD,eAAA,GAAoEhF,KAAA,IAAS;EACjF,MAAM;IAAEC;EAAS,CAAE,GAAGD,KAAA;EAEtB,MAAMsB,UAAA,GAAa9B,8BAAA,CAA+B;IAChDS;EACF;EAEA,oBACEjB,KAAA,CAAA0C,aAAA,CAAC;IAAIzB,SAAA,EAAWqB,UAAA,CAAW2D;kBACzBjG,KAAA,CAAA0C,aAAA,CAACwC,oBAAA;IAAsB,GAAGlE,KAAK;IAAEoE,SAAA,EAAWL,wBAAA,CAAyBC;mBACrEhF,KAAA,CAAA0C,aAAA,CAACwC,oBAAA;IAAsB,GAAGlE,KAAK;IAAEoE,SAAA,EAAWL,wBAAA,CAAyBE;;AAG3E;AACAe,eAAA,CAAgBjD,WAAW,GAAG;AAE9B,MAAMmD,iBAAA,GAAsElF,KAAA,IAAS;EACnF,MAAM;IACJC,SAAA;IACAgC,QAAA;IACAC,MAAA;IACAiC,OAAA,GAAUxE,0BAAA;IACVyC,gBAAA;IACAD;EAAkB,CACnB,GAAGnC,KAAA;EAEJ,MAAMmF,cAAA,GAAiBA,CAAA,KAAM;QAC3BC,qBAAA;IAAA,CAAAA,qBAAA,GAAApF,KAAA,CAAMmF,cAAc,cAApBC,qBAAA,uBAAAA,qBAAA,CAAAnE,IAAA,CAAAjB,KAAA,EAAuB,IAAI;EAC7B;EAEA,MAAMqF,eAAA,GAAmBjE,EAAA,IAAyC;IAChE,IAAIA,EAAA,CAAGC,GAAG,KAAKpC,KAAA,IAASmC,EAAA,CAAGC,GAAG,KAAKnC,KAAA,EAAO;MACxCiG,cAAA;IACF;EACF;EAEA,MAAM1E,YAAA,GAAgBL,IAAA,IAAiB;QAC9B6C,mBAAA;QAAAC,oBAAA;IAAP,OAAO,CAAAA,oBAAA,IAAAD,mBAAA,GAAAjD,KAAA,CAAMS,YAAY,cAAlBwC,mBAAA,uBAAAA,mBAAA,CAAAhC,IAAA,CAAAjB,KAAA,EAAqBI,IAAA,eAArB8C,oBAAA,cAAAA,oBAAA,GAA8B9C,IAAI;EAC3C;EAEA,MAAMkB,UAAA,GAAa9B,8BAAA,CAA+B;IAChDS,SAAA;IACAqF,sBAAA,EAAwB,CAAC,CAACtF,KAAA,CAAMmF,cAAc;IAC9C/C,gBAAA;IACAD;EACF;EAEA,IAAInC,KAAA,CAAMmF,cAAc,EAAE;IACxB,MAAMI,cAAA,GAAiBpB,OAAA,CAAQoB,cAAc;IAC7C,MAAMC,2BAAA,GAA8BrB,OAAA,CAAQqB,2BAA2B;IACvE,MAAMC,gBAAA,GAAmBF,cAAA,GACrB,OAAOA,cAAA,KAAmB,WACxBA,cAAA,GACAA,cAAA,CAAevF,KAAA,CAAM,GACvBH,SAAS;IAEb,MAAM0E,SAAA,GAAYiB,2BAAA,GACdA,2BAAA,CAA4BE,OAAO,CAAC,OAAOD,gBAAA,aAAAA,gBAAA,cAAAA,gBAAA,GAAoB,EAAE,IACjEA,gBAAgB;IAEpB,oBACEzG,KAAA,CAAA0C,aAAA,CAAC;MACCzB,SAAA,EAAWqB,UAAA,CAAWqE,iBAAiB;MACvCzE,OAAA,EAASiE,cAAA;MACThE,SAAA,EAAWkE,eAAA;MACX,cAAYd,SAAA;MACZ1C,IAAA,EAAK;MACLD,IAAA,EAAK;oBAEL5C,KAAA,CAAA0C,aAAA,CAAC;MAAK,aAAU;MAAY,eAAY;OACrCjB,YAAA,CAAawB,QAAA,GAAU,OAAIxB,YAAA,CAAayB,MAAA;EAIjD;EAEA,oBACElD,KAAA,CAAA0C,aAAA,CAAC;IAAIzB,SAAA,EAAWqB,UAAA,CAAWN;KACxBP,YAAA,CAAawB,QAAA,GAAU,OAAIxB,YAAA,CAAayB,MAAA;AAG/C;AACAgD,iBAAA,CAAkBnD,WAAW,GAAG;AAEhC,MAAM6D,kBAAA,GAAuE5F,KAAA,IAAS;EACpF,MAAM;IAAEC,SAAA;IAAWmC,gBAAA;IAAkBD,kBAAA;IAAoB0D;EAAa,CAAE,GAAG7F,KAAA;EAE3E,MAAMsB,UAAA,GAAa9B,8BAAA,CAA+B;IAChDS,SAAA;IACAqF,sBAAA,EAAwB,CAAC,CAACtF,KAAA,CAAMmF,cAAc;IAC9C/C,gBAAA;IACAD;EACF;MAIK2D,cAAA;EAFL,oBACE9G,KAAA,CAAA0C,aAAA,CAAC;IAAIzB,SAAA,EAAWqB,UAAA,CAAWyE;KACxB,CAAAD,cAAA,GAAAD,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAgB7F,KAAA,eAAhB8F,cAAA,cAAAA,cAAA,gBAA0B9G,KAAA,CAAA0C,aAAA,CAACwD,iBAAA,EAAsBlF,KAAA,CAAS,eAC3DhB,KAAA,CAAA0C,aAAA,CAACsD,eAAA,EAAoBhF,KAAA;AAG3B;AACA4F,kBAAA,CAAmB7D,WAAW,GAAG;AAEjC,SAASiE,oBAAoB;EAAEzD,YAAA;EAAc0D;AAAa,CAAqB,EAAE;EAC/E,MAAMC,SAAA,GAAY3D,YAAA,IAAgB0D,aAAA,IAAiB,IAAInD,IAAA,GAAOC,WAAW;EACzE,MAAMd,QAAA,GAAWkE,IAAA,CAAKC,KAAK,CAACF,SAAA,GAAY,MAAM;EAE9C,MAAMG,mBAAA,GAAsBrH,KAAA,CAAM2B,MAAM,CAAqBsB,QAAA;EAC7DjD,KAAA,CAAM2B,MAAM,CAAC,MAAM;IACjB0F,mBAAA,CAAoBrF,OAAO,GAAGiB,QAAA;EAChC;EACA,MAAMqE,gBAAA,GAAmBD,mBAAA,CAAoBrF,OAAO;EAEpD,IAAI,CAACsF,gBAAA,IAAoBA,gBAAA,KAAqBrE,QAAA,EAAU;IACtD,OAAOpC,SAAA;EACT,OAAO,IAAIyG,gBAAA,GAAmBrE,QAAA,EAAU;IACtC,OAAO,IAAI;EACb,OAAO;IACL,OAAO,KAAK;EACd;AACF;AAEA,MAAMsE,mBAAA,GAAsB;EAC1BvC,QAAA,EAAU;EACVC,IAAA,EAAM;AACR;AAEA,SAASuC,kBAAkB;EAAEjE,YAAA;EAAc0D;AAAa,CAAqB,EAAE;EAC7E,MAAM,CAAChE,QAAA,EAAUwE,QAAA,CAAS,GAAGzH,KAAA,CAAM0H,UAAU,CAC3C,CAACC,KAAA,EAAeC,MAAA,KAAmF;IACjG,OAAOD,KAAA,IAASC,MAAA,KAAWL,mBAAA,CAAoBtC,IAAI,GAAGxE,UAAA,GAAa,CAACA,UAAU,CAAD;EAC/E,GACAI,SAAA,EACA,MAAM;IACJ,MAAMqG,SAAA,GAAY3D,YAAA,IAAgB0D,aAAA,IAAiB,IAAInD,IAAA,GAAOC,WAAW;IACzE,OAAOoD,IAAA,CAAKC,KAAK,CAACF,SAAA,GAAY,MAAM;EACtC;EAEF,MAAMhE,MAAA,GAASD,QAAA,GAAWxC,UAAA,GAAa;EAEvC,MAAMoH,SAAA,GAAYA,CAAA,KAAMJ,QAAA,CAASF,mBAAA,CAAoBtC,IAAI;EACzD,MAAM6C,aAAA,GAAgBA,CAAA,KAAML,QAAA,CAASF,mBAAA,CAAoBvC,QAAQ;EAEjE,OAAO,CAAC/B,QAAA,EAAUC,MAAA,EAAQ2E,SAAA,EAAWC,aAAA,CAAc;AACrD;AAEA;;;AAGA,OAAO,MAAMC,YAAA,GAA2D/G,KAAA,IAAS;EAC/E,MAAMoC,gBAAA,GAAmB4D,mBAAA,CAAoBhG,KAAA;EAC7C,MAAM,CAACiC,QAAA,EAAUC,MAAA,EAAQ2E,SAAA,EAAWC,aAAA,CAAc,GAAGN,iBAAA,CAAkBxG,KAAA;EAEvE,MAAMgH,OAAA,GAAUhI,KAAA,CAAM2B,MAAM,CAAmB,IAAI;EAEnD3B,KAAA,CAAM4B,mBAAmB,CAACZ,KAAA,CAAMO,YAAY,EAAE;IAAO;MACnDM,MAAA,EAAQ;YACNoG,gBAAA,EAAAC,sBAAA;QAAA,CAAAD,gBAAA,GAAAD,OAAA,CAAQhG,OAAO,cAAfiG,gBAAA,wBAAAC,sBAAA,GAAAD,gBAAA,CAAiBpG,KAAA,cAAAqG,sBAAA,cAAjB,SAAAA,sBAAA,CAAAjG,IAAA,CAAAgG,gBAAA;MACF;IACF;;EAEA,MAAM;IAAEhH;EAAS,CAAE,GAAGD,KAAA;EAEtB,MAAMsB,UAAA,GAAa9B,8BAAA,CAA+B;IAChDS;EACF;EAEA,oBACEjB,KAAA,CAAA0C,aAAA,CAAC;IAAIzB,SAAA,EAAWqB,UAAA,CAAW6F;kBACzBnI,KAAA,CAAA0C,aAAA,CAACkE,kBAAA;IACE,GAAG5F,KAAK;IACTiC,QAAA,EAAUA,QAAA;IACVC,MAAA,EAAQA,MAAA;IACRmC,YAAA,EAAcyC,aAAA;IACdxC,YAAA,EAAcuC,SAAA;IACdzE,gBAAA,EAAkBA;mBAEpBpD,KAAA,CAAA0C,aAAA,CAACM,gBAAA;IACE,GAAGhC,KAAK;IACTiC,QAAA,EAAUA,QAAA;IACVC,MAAA,EAAQA,MAAA;IACRE,gBAAA,EAAkBA,gBAAA;IAClB7B,YAAA,EAAcyG;;AAItB;AACAD,YAAA,CAAahF,WAAW,GAAG"}
+{"version":3,"sources":["CalendarYear.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } 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 { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nimport type {\n  CalendarYearStrings,\n  CalendarYearProps,\n  CalendarYearRange,\n  CalendarYearHeaderProps,\n} from './CalendarYear.types';\n\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\n\nconst DefaultCalendarYearStrings: CalendarYearStrings = {\n  prevRangeAriaLabel: undefined,\n  nextRangeAriaLabel: undefined,\n};\ninterface CalendarYearGrid {\n  focus(): void;\n}\n\ninterface CalendarYearGridCellProps extends CalendarYearProps {\n  year: number;\n  current?: boolean;\n  selected?: boolean;\n  disabled?: boolean;\n  onSelectYear?: (year: number) => void;\n  onRenderYear?: (year: number) => React.ReactNode;\n}\n\ninterface CalendarYearGridProps extends CalendarYearProps, CalendarYearRange {\n  selectedYear?: number;\n  animateBackwards?: boolean;\n  componentRef?: React.RefObject<CalendarYearGridCell>;\n}\n\ninterface CalendarYearGridCell {\n  focus(): void;\n}\n\nconst CalendarYearGridCell: React.FunctionComponent<CalendarYearGridCellProps> = props => {\n  const {\n    className,\n    highlightCurrentYear,\n    highlightSelectedYear,\n    year,\n    selected,\n    disabled,\n    componentRef,\n    onSelectYear,\n    onRenderYear,\n  } = props;\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        buttonRef.current?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const onClick = () => {\n    onSelectYear?.(year);\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onSelectYear?.(year);\n    }\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    highlightCurrent: highlightCurrentYear,\n    highlightSelected: highlightSelectedYear,\n  });\n\n  return (\n    <button\n      className={mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled)}\n      type=\"button\"\n      role=\"gridcell\"\n      onClick={!disabled ? onClick : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      disabled={disabled}\n      aria-selected={selected}\n      ref={buttonRef}\n    >\n      {onRenderYear?.(year) ?? year}\n    </button>\n  );\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\n\nconst CalendarYearGrid: React.FunctionComponent<CalendarYearGridProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    animationDirection,\n    animateBackwards,\n    minYear,\n    maxYear,\n    onSelectYear,\n    selectedYear,\n    componentRef,\n  } = props;\n\n  const selectedCellRef = React.useRef<CalendarYearGridCell>(null);\n  const currentCellRef = React.useRef<CalendarYearGridCell>(null);\n\n  React.useImperativeHandle(\n    componentRef,\n    () => ({\n      focus() {\n        (selectedCellRef.current || currentCellRef.current)?.focus?.();\n      },\n    }),\n    [],\n  );\n\n  const renderCell = (yearToRender: number): React.ReactNode => {\n    const selected = yearToRender === selectedYear;\n    const disabled =\n      (minYear !== undefined && yearToRender < minYear) || (maxYear !== undefined && yearToRender > maxYear);\n    const current = yearToRender === new Date().getFullYear();\n\n    return (\n      <CalendarYearGridCell\n        {...props}\n        key={yearToRender}\n        year={yearToRender}\n        selected={selected}\n        current={current}\n        disabled={disabled}\n        onSelectYear={onSelectYear}\n        componentRef={selected ? selectedCellRef : current ? currentCellRef : undefined}\n      />\n    );\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    animateBackwards,\n    animationDirection,\n  });\n\n  const onRenderYear = (value: number) => {\n    return props.onRenderYear?.(value) ?? value;\n  };\n\n  const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n\n  let year = fromYear;\n  const cells: React.ReactNode[][] = [];\n\n  for (let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++) {\n    cells.push([]);\n    for (let j = 0; j < CELLS_PER_ROW; j++) {\n      cells[i].push(renderCell(year));\n      year++;\n    }\n  }\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'both' });\n\n  return (\n    <div {...arrowNavigationAttributes}>\n      <div className={classNames.gridContainer} role=\"grid\" aria-label={gridAriaLabel}>\n        {cells.map((cellRow: React.ReactNode[], index: number) => {\n          return (\n            <div key={'yearPickerRow_' + index + '_' + fromYear} role=\"row\" className={classNames.buttonRow}>\n              {cellRow}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\n\nconst CalendarYearNavDirection = {\n  Previous: 0 as const,\n  Next: 1 as const,\n};\n\ninterface CalendarYearNavArrowProps extends CalendarYearHeaderProps {\n  direction: (typeof CalendarYearNavDirection)[keyof typeof CalendarYearNavDirection];\n}\n\nconst CalendarYearNavArrow: React.FunctionComponent<CalendarYearNavArrowProps> = props => {\n  const {\n    className,\n    strings = DefaultCalendarYearStrings,\n    direction,\n    onSelectPrev,\n    onSelectNext,\n    fromYear,\n    toYear,\n    maxYear,\n    minYear,\n  } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  const ariaLabel =\n    direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n  const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n  const newRange = { fromYear: fromYear + newRangeOffset, toYear: toYear + newRangeOffset };\n  const ariaLabelString = ariaLabel ? (typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange)) : undefined;\n  const disabled =\n    direction === CalendarYearNavDirection.Previous\n      ? minYear !== undefined && fromYear < minYear\n      : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n\n  const onNavigate = () => {\n    direction === CalendarYearNavDirection.Previous ? onSelectPrev?.() : onSelectNext?.();\n  };\n\n  const onKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter) {\n      onNavigate();\n    }\n  };\n\n  const { dir } = useFluent_unstable();\n\n  // can be condensed, but leaving verbose for clarity due to regressions\n  const isLeftNavigation =\n    dir === 'rtl' ? direction === CalendarYearNavDirection.Next : direction === CalendarYearNavDirection.Previous;\n\n  return (\n    <button\n      className={mergeClasses(classNames.navigationButton, disabled && classNames.disabled)}\n      onClick={!disabled ? onNavigate : undefined}\n      onKeyDown={!disabled ? onKeyDown : undefined}\n      type=\"button\"\n      title={ariaLabelString}\n      disabled={disabled}\n    >\n      {isLeftNavigation ? <ArrowUpRegular /> : <ArrowDownRegular />}\n    </button>\n  );\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\n\nconst CalendarYearNav: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.navigationButtonsContainer}>\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Previous} />\n      <CalendarYearNavArrow {...props} direction={CalendarYearNavDirection.Next} />\n    </div>\n  );\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\n\nconst CalendarYearTitle: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const {\n    className,\n    fromYear,\n    toYear,\n    strings = DefaultCalendarYearStrings,\n    animateBackwards,\n    animationDirection,\n  } = props;\n\n  const onHeaderSelect = () => {\n    props.onHeaderSelect?.(true);\n  };\n\n  const onHeaderKeyDown = (ev: React.KeyboardEvent<HTMLElement>) => {\n    if (ev.key === Enter || ev.key === Space) {\n      onHeaderSelect();\n    }\n  };\n\n  const onRenderYear = (year: number) => {\n    return props.onRenderYear?.(year) ?? year;\n  };\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  if (props.onHeaderSelect) {\n    const rangeAriaLabel = strings.rangeAriaLabel;\n    const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n    const currentDateRange = rangeAriaLabel\n      ? typeof rangeAriaLabel === 'string'\n        ? rangeAriaLabel\n        : rangeAriaLabel(props)\n      : undefined;\n\n    const ariaLabel = headerAriaLabelFormatString\n      ? headerAriaLabelFormatString.replace('{0}', currentDateRange ?? '')\n      : currentDateRange;\n\n    return (\n      <button\n        className={classNames.currentItemButton}\n        onClick={onHeaderSelect}\n        onKeyDown={onHeaderKeyDown}\n        aria-label={ariaLabel}\n        role=\"button\"\n        type=\"button\"\n      >\n        <span aria-live=\"assertive\" aria-atomic=\"true\">\n          {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n        </span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={classNames.current}>\n      {onRenderYear(fromYear)} - {onRenderYear(toYear)}\n    </div>\n  );\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\n\nconst CalendarYearHeader: React.FunctionComponent<CalendarYearHeaderProps> = props => {\n  const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n    hasHeaderClickCallback: !!props.onHeaderSelect,\n    animateBackwards,\n    animationDirection,\n  });\n\n  return (\n    <div className={classNames.headerContainer}>\n      {onRenderTitle?.(props) ?? <CalendarYearTitle {...props} />}\n      <CalendarYearNav {...props} />\n    </div>\n  );\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\n\nfunction useAnimateBackwards({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n  const fromYear = Math.floor(rangeYear / 10) * 10;\n\n  const previousFromYearRef = React.useRef<number | undefined>(fromYear);\n  React.useRef(() => {\n    previousFromYearRef.current = fromYear;\n  });\n  const previousFromYear = previousFromYearRef.current;\n\n  if (!previousFromYear || previousFromYear === fromYear) {\n    return undefined;\n  } else if (previousFromYear > fromYear) {\n    return true;\n  } else {\n    return false;\n  }\n}\n\nconst NavigationDirection = {\n  Previous: 0 as const,\n  Next: 1 as const,\n};\n\nfunction useYearRangeState({ selectedYear, navigatedYear }: CalendarYearProps) {\n  const [fromYear, navigate] = React.useReducer(\n    (state: number, action: (typeof NavigationDirection)[keyof typeof NavigationDirection]): number => {\n      return state + (action === NavigationDirection.Next ? CELL_COUNT : -CELL_COUNT);\n    },\n    undefined,\n    () => {\n      const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n      return Math.floor(rangeYear / 10) * 10;\n    },\n  );\n  const toYear = fromYear + CELL_COUNT - 1;\n\n  const onNavNext = () => navigate(NavigationDirection.Next);\n  const onNavPrevious = () => navigate(NavigationDirection.Previous);\n\n  return [fromYear, toYear, onNavNext, onNavPrevious] as const;\n}\n\n/**\n * @internal\n */\nexport const CalendarYear: React.FunctionComponent<CalendarYearProps> = props => {\n  const animateBackwards = useAnimateBackwards(props);\n  const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n\n  const gridRef = React.useRef<CalendarYearGrid>(null);\n\n  React.useImperativeHandle(props.componentRef, () => ({\n    focus() {\n      gridRef.current?.focus?.();\n    },\n  }));\n\n  const { className } = props;\n\n  const classNames = useCalendarYearStyles_unstable({\n    className,\n  });\n\n  return (\n    <div className={classNames.root}>\n      <CalendarYearHeader\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        onSelectPrev={onNavPrevious}\n        onSelectNext={onNavNext}\n        animateBackwards={animateBackwards}\n      />\n      <CalendarYearGrid\n        {...props}\n        fromYear={fromYear}\n        toYear={toYear}\n        animateBackwards={animateBackwards}\n        componentRef={gridRef}\n      />\n    </div>\n  );\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["React","Enter","Space","ArrowDownRegular","ArrowUpRegular","useFluent_unstable","useArrowNavigationGroup","mergeClasses","useCalendarYearStyles_unstable","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","useRef","useImperativeHandle","focus","current","onClick","onKeyDown","ev","key","classNames","highlightCurrent","highlightSelected","button","itemButton","type","role","aria-selected","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","renderCell","yearToRender","Date","getFullYear","value","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","axis","div","gridContainer","aria-label","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","dir","isLeftNavigation","navigationButton","title","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","onHeaderKeyDown","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","span","aria-live","aria-atomic","CalendarYearHeader","onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","NavigationDirection","useYearRangeState","navigate","useReducer","state","action","onNavNext","onNavPrevious","CalendarYear","gridRef","root"],"mappings":"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"}

package/lib/components/CalendarYear/CalendarYear.types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=CalendarYear.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/CalendarYear/CalendarYear.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { CalendarPickerStyleProps, CalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';\n\n/**\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarYear {\n  focus(): void;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearRange {\n  fromYear: number;\n  toYear: number;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearRangeToString {\n  (range: CalendarYearRange): string;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearStrings {\n  rangeAriaLabel?: string | CalendarYearRangeToString;\n  prevRangeAriaLabel?: string | CalendarYearRangeToString;\n  nextRangeAriaLabel?: string | CalendarYearRangeToString;\n  headerAriaLabelFormatString?: string;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearProps {\n  /**\n   * Optional callback to access the ICalendarYear interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarYear>;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarYearStrings;\n\n  /**\n   * The currently selected year\n   */\n  selectedYear?: number;\n\n  /**\n   * The currently navigated year\n   */\n  navigatedYear?: number;\n\n  /**\n   * Callback action when a year is selected\n   * @param year - The year the user selected\n   */\n  onSelectYear?: (year: number) => void;\n\n  /**\n   * Callback action when the header is selected\n   */\n  onHeaderSelect?: (focus: boolean) => void;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a year earlier than this value.\n   */\n  minYear?: number;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a year later than this value.\n   */\n  maxYear?: number;\n\n  /**\n   * Whether the year picker should highlight the current year\n   * @default false\n   */\n  highlightCurrentYear?: boolean;\n\n  /**\n   * Whether the year picker should highlight the selected year\n   * @default false\n   */\n  highlightSelectedYear?: boolean;\n\n  /**\n   * Accept custom classNames\n   */\n  className?: string;\n\n  /**\n   * Custom renderer for the title\n   */\n  onRenderTitle?: (props: CalendarYearHeaderProps) => React.ReactNode;\n\n  /**\n   * Custom renderer for the year\n   */\n  onRenderYear?: (year: number) => React.ReactNode;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearStyleProps extends CalendarPickerStyleProps {}\n\n/**\n * @internal\n */\nexport interface CalendarYearStyles extends CalendarPickerStyles {}\n\n/**\n * @internal\n */\nexport interface CalendarYearHeaderProps extends CalendarYearProps, CalendarYearRange {\n  /**\n   * Callback action when the 'previous' navigation button is selected\n   */\n  onSelectPrev?: () => void;\n\n  /**\n   * Callback action when the 'next' navigation button is selected\n   */\n  onSelectNext?: () => void;\n\n  /**\n   * Whether title entering animation should be forwards or backwards\n   */\n  animateBackwards?: boolean;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["CalendarYear.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport type { CalendarPickerStyleProps, CalendarPickerStyles } from '../CalendarPicker/CalendarPicker.types';\n\n/**\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendarYear {\n  focus(): void;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearRange {\n  fromYear: number;\n  toYear: number;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearRangeToString {\n  (range: CalendarYearRange): string;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearStrings {\n  rangeAriaLabel?: string | CalendarYearRangeToString;\n  prevRangeAriaLabel?: string | CalendarYearRangeToString;\n  nextRangeAriaLabel?: string | CalendarYearRangeToString;\n  headerAriaLabelFormatString?: string;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearProps {\n  /**\n   * Optional callback to access the ICalendarYear interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendarYear>;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarYearStrings;\n\n  /**\n   * The currently selected year\n   */\n  selectedYear?: number;\n\n  /**\n   * The currently navigated year\n   */\n  navigatedYear?: number;\n\n  /**\n   * Callback action when a year is selected\n   * @param year - The year the user selected\n   */\n  onSelectYear?: (year: number) => void;\n\n  /**\n   * Callback action when the header is selected\n   */\n  onHeaderSelect?: (focus: boolean) => void;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a year earlier than this value.\n   */\n  minYear?: number;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a year later than this value.\n   */\n  maxYear?: number;\n\n  /**\n   * Whether the year picker should highlight the current year\n   * @default false\n   */\n  highlightCurrentYear?: boolean;\n\n  /**\n   * Whether the year picker should highlight the selected year\n   * @default false\n   */\n  highlightSelectedYear?: boolean;\n\n  /**\n   * Accept custom classNames\n   */\n  className?: string;\n\n  /**\n   * Custom renderer for the title\n   */\n  onRenderTitle?: (props: CalendarYearHeaderProps) => React.ReactNode;\n\n  /**\n   * Custom renderer for the year\n   */\n  onRenderYear?: (year: number) => React.ReactNode;\n\n  /**\n   * The cardinal directions for animation to occur during transitions, either horizontal or veritcal\n   */\n  animationDirection?: AnimationDirection;\n}\n\n/**\n * @internal\n */\nexport interface CalendarYearStyleProps extends CalendarPickerStyleProps {}\n\n/**\n * @internal\n */\nexport interface CalendarYearStyles extends CalendarPickerStyles {}\n\n/**\n * @internal\n */\nexport interface CalendarYearHeaderProps extends CalendarYearProps, CalendarYearRange {\n  /**\n   * Callback action when the 'previous' navigation button is selected\n   */\n  onSelectPrev?: () => void;\n\n  /**\n   * Callback action when the 'next' navigation button is selected\n   */\n  onSelectNext?: () => void;\n\n  /**\n   * Whether title entering animation should be forwards or backwards\n   */\n  animateBackwards?: boolean;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/CalendarYear/index.js

@@ -1,4 +1,3 @@
 export * from './CalendarYear';
 export * from './CalendarYear.types';
 export * from './useCalendarYearStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/CalendarYear/index.ts"],"sourcesContent":["export * from './CalendarYear';\nexport * from './CalendarYear.types';\nexport * from './useCalendarYearStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CalendarYear';\nexport * from './CalendarYear.types';\nexport * from './useCalendarYearStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,iCAAiC"}

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

@@ -1 +1 @@
-{"version":3,"names":["useCalendarPickerStyles_unstable","useCalendarYearStyles_unstable","props"],"sources":["../../../src/components/CalendarYear/useCalendarYearStyles.styles.ts"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\nimport type { CalendarYearStyleProps, CalendarYearStyles } from './CalendarYear.types';\n\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */\nexport const useCalendarYearStyles_unstable = (props: CalendarYearStyleProps): CalendarYearStyles => {\n  return useCalendarPickerStyles_unstable(props);\n};\n"],"mappings":"AAAA,SAASA,gCAAgC,QAAQ;AAGjD;;;;;AAKA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAsD;EACnG,OAAOF,gCAAA,CAAiCE,KAAA;AAC1C"}
+{"version":3,"names":["useCalendarPickerStyles_unstable","useCalendarYearStyles_unstable","props"],"sources":["useCalendarYearStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */ export const useCalendarYearStyles_unstable = (props)=>{\n    return useCalendarPickerStyles_unstable(props);\n};\n"],"mappings":"AAAA,SAASA,gCAAgC,QAAQ,kDAAkD;AACnG;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,OAAOF,gCAAgC,CAACE,KAAK,CAAC;AAClD,CAAC"}

package/lib/components/DatePicker/DatePicker.js

@@ -2,10 +2,9 @@ import * as React from 'react';
 import { renderDatePicker_unstable } from './renderDatePicker';
 import { useDatePicker_unstable } from './useDatePicker';
 import { useDatePickerStyles_unstable } from './useDatePickerStyles.styles';
-export const DatePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDatePicker_unstable(props, ref);
-  useDatePickerStyles_unstable(state);
-  return renderDatePicker_unstable(state);
+export const DatePicker = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useDatePicker_unstable(props, ref);
+    useDatePickerStyles_unstable(state);
+    return renderDatePicker_unstable(state);
 });
 DatePicker.displayName = 'DatePicker';
-//# sourceMappingURL=DatePicker.js.map

package/lib/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","renderDatePicker_unstable","useDatePicker_unstable","useDatePickerStyles_unstable","DatePicker","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDatePicker_unstable } from './renderDatePicker';\nimport { useDatePicker_unstable } from './useDatePicker';\nimport { useDatePickerStyles_unstable } from './useDatePickerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DatePickerProps } from './DatePicker.types';\n\nexport const DatePicker: ForwardRefComponent<DatePickerProps> = React.forwardRef((props, ref) => {\n  const state = useDatePicker_unstable(props, ref);\n\n  useDatePickerStyles_unstable(state);\n  return renderDatePicker_unstable(state);\n}) as ForwardRefComponent<DatePickerProps>;\nDatePicker.displayName = 'DatePicker';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,sBAAsB,QAAQ;AACvC,SAASC,4BAA4B,QAAQ;AAI7C,OAAO,MAAMC,UAAA,gBAAmDJ,KAAA,CAAMK,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/F,MAAMC,KAAA,GAAQN,sBAAA,CAAuBI,KAAA,EAAOC,GAAA;EAE5CJ,4BAAA,CAA6BK,KAAA;EAC7B,OAAOP,yBAAA,CAA0BO,KAAA;AACnC;AACAJ,UAAA,CAAWK,WAAW,GAAG"}
+{"version":3,"sources":["DatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDatePicker_unstable } from './renderDatePicker';\nimport { useDatePicker_unstable } from './useDatePicker';\nimport { useDatePickerStyles_unstable } from './useDatePickerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DatePickerProps } from './DatePicker.types';\n\nexport const DatePicker: ForwardRefComponent<DatePickerProps> = React.forwardRef((props, ref) => {\n  const state = useDatePicker_unstable(props, ref);\n\n  useDatePickerStyles_unstable(state);\n  return renderDatePicker_unstable(state);\n}) as ForwardRefComponent<DatePickerProps>;\nDatePicker.displayName = 'DatePicker';\n"],"names":["React","renderDatePicker_unstable","useDatePicker_unstable","useDatePickerStyles_unstable","DatePicker","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,4BAA4B,QAAQ,+BAA+B;AAI5E,OAAO,MAAMC,2BAAmDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC/F,MAAMC,QAAQN,uBAAuBI,OAAOC;IAE5CJ,6BAA6BK;IAC7B,OAAOP,0BAA0BO;AACnC,GAA2C;AAC3CJ,WAAWK,WAAW,GAAG"}

package/lib/components/DatePicker/DatePicker.types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=DatePicker.types.js.map

package/lib/components/DatePicker/DatePicker.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/DatePicker/DatePicker.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { Input } from '@fluentui/react-input';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { CalendarProps } from '../Calendar/Calendar.types';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { PositioningProps } from '@fluentui/react-positioning';\n\nexport type DatePickerSlots = {\n  root: NonNullable<Slot<typeof Input>>;\n  calendar: NonNullable<Slot<Partial<CalendarProps>>>;\n  popupSurface?: Slot<'div'>;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface IDatePicker {\n  /** Sets focus to the input */\n  focus(): void;\n\n  /** Reset the state of the picker to the default */\n  reset(): void;\n\n  /** Open the datepicker popup */\n  showDatePickerPopup(): void;\n}\n\nexport type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & {\n  /**\n   * Optional callback to access the IDatePicker interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<IDatePicker>;\n\n  /**\n   * Callback issued when a date is selected\n   */\n  onSelectDate?: (date: Date | null | undefined) => void;\n\n  /**\n   * Whether the DatePicker is a required field or not. When using `<Field>`, this prop is automatically set.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * Disabled state of the DatePicker.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether or not the Input of the DatePicker is underlined.\n   * @default false\n   */\n  underlined?: boolean;\n\n  /**\n   * Whether the month picker is shown beside the day picker or hidden.\n   * @default true\n   */\n  isMonthPickerVisible?: boolean;\n\n  /**\n   * Show month picker on top of date picker when visible.\n   * @default false\n   */\n  showMonthPickerAsOverlay?: boolean;\n\n  /**\n   * Whether the DatePicker allows input a date string directly or not\n   * @default false\n   */\n  allowTextInput?: boolean;\n\n  /**\n   * Whether the DatePicker should open automatically when the control is focused\n   * WARNING: setting this to false creates an accessibility violation and is not recommended\n   * @default true\n   */\n  disableAutoFocus?: boolean;\n\n  /**\n   * Whether the DatePicker should open when the input is clicked\n   * @default true\n   */\n  openOnClick?: boolean;\n\n  /**\n   * Whether the DatePicker should be open by default\n   *\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Whether the DatePicker is open or not\n   *\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Callback to run when the DatePicker's open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * Callback to run after the DatePicker's input has been validated\n   */\n  onValidationResult?: (data: DatePickerValidationResultData) => void;\n\n  /**\n   * Whether the DatePicker should render the popup as inline or in a portal\n   *\n   * @default false\n   */\n  inlinePopup?: boolean;\n\n  /**\n   * Configure the positioning of the DatePicker dialog\n   *\n   * @default below\n   */\n  positioning?: PositioningProps;\n\n  /**\n   * Placeholder text for the DatePicker\n   */\n  placeholder?: string;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Default value of the DatePicker, if any\n   */\n  value?: Date;\n\n  /**\n   * Optional method to format the chosen date to a string to display in the DatePicker\n   * @default date.toString()\n   */\n  formatDate?: (date?: Date) => string;\n\n  /**\n   * Optional method to parse the text input value to date, it is only useful when allowTextInput is set to true\n   * @default new Date(Date.parse(dateStr))\n   */\n  parseDateFromString?: (dateStr: string) => Date | null;\n\n  /**\n   * The first day of the week for your locale.\n   * @default DayOfWeek.Sunday\n   */\n  firstDayOfWeek?: DayOfWeek;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarStrings;\n\n  /**\n   * Whether the month picker should highlight the current month\n   * @default false\n   */\n  highlightCurrentMonth?: boolean;\n\n  /**\n   * Whether the month picker should highlight the selected month\n   * @default false\n   */\n  highlightSelectedMonth?: boolean;\n\n  /**\n   * Whether the calendar should show the week number (weeks 1 to 53) before each week row\n   * @default false\n   */\n  showWeekNumbers?: boolean;\n\n  /**\n   * Defines when the first week of the year should start, FirstWeekOfYear.FirstDay,\n   * FirstWeekOfYear.FirstFullWeek or FirstWeekOfYear.FirstFourDayWeek are the possible values\n   * @default FirstWeekOfYear.FirstFullWeek\n   */\n  firstWeekOfYear?: FirstWeekOfYear;\n\n  /**\n   * Whether the \"Go to today\" link should be shown or not\n   */\n  showGoToToday?: boolean;\n\n  /**\n   * Determines if the DatePicker has a border.\n   * @default false\n   */\n  borderless?: boolean;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * The minimum allowable date.\n   */\n  minDate?: Date;\n\n  /**\n   * The maximum allowable date.\n   */\n  maxDate?: Date;\n\n  /**\n   * The initially highlighted date.\n   */\n  initialPickerDate?: Date;\n\n  /**\n   * Allows all elements to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n\n  /**\n   * Whether the CalendarDay close button should be shown or not.\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * State used in rendering DatePicker.\n */\nexport type DatePickerState = ComponentState<DatePickerSlots> & {\n  disabled: boolean;\n  inlinePopup: boolean;\n};\n\n/**\n * Data passed to the `onValidationResult` callback.\n */\nexport type DatePickerValidationResultData = {\n  /** The error found when validating the input. */\n  error?: DatePickerErrorType;\n};\n\n/**\n * Error types returned by the `onValidationResult` callback.\n */\nexport type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["DatePicker.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { Input } from '@fluentui/react-input';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { CalendarProps } from '../Calendar/Calendar.types';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { PositioningProps } from '@fluentui/react-positioning';\n\nexport type DatePickerSlots = {\n  root: NonNullable<Slot<typeof Input>>;\n  calendar: NonNullable<Slot<Partial<CalendarProps>>>;\n  popupSurface?: Slot<'div'>;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface IDatePicker {\n  /** Sets focus to the input */\n  focus(): void;\n\n  /** Reset the state of the picker to the default */\n  reset(): void;\n\n  /** Open the datepicker popup */\n  showDatePickerPopup(): void;\n}\n\nexport type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & {\n  /**\n   * Optional callback to access the IDatePicker interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<IDatePicker>;\n\n  /**\n   * Callback issued when a date is selected\n   */\n  onSelectDate?: (date: Date | null | undefined) => void;\n\n  /**\n   * Whether the DatePicker is a required field or not. When using `<Field>`, this prop is automatically set.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * Disabled state of the DatePicker.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether or not the Input of the DatePicker is underlined.\n   * @default false\n   */\n  underlined?: boolean;\n\n  /**\n   * Whether the month picker is shown beside the day picker or hidden.\n   * @default true\n   */\n  isMonthPickerVisible?: boolean;\n\n  /**\n   * Show month picker on top of date picker when visible.\n   * @default false\n   */\n  showMonthPickerAsOverlay?: boolean;\n\n  /**\n   * Whether the DatePicker allows input a date string directly or not\n   * @default false\n   */\n  allowTextInput?: boolean;\n\n  /**\n   * Whether the DatePicker should open automatically when the control is focused\n   * WARNING: setting this to false creates an accessibility violation and is not recommended\n   * @default true\n   */\n  disableAutoFocus?: boolean;\n\n  /**\n   * Whether the DatePicker should open when the input is clicked\n   * @default true\n   */\n  openOnClick?: boolean;\n\n  /**\n   * Whether the DatePicker should be open by default\n   *\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Whether the DatePicker is open or not\n   *\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Callback to run when the DatePicker's open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * Callback to run after the DatePicker's input has been validated\n   */\n  onValidationResult?: (data: DatePickerValidationResultData) => void;\n\n  /**\n   * Whether the DatePicker should render the popup as inline or in a portal\n   *\n   * @default false\n   */\n  inlinePopup?: boolean;\n\n  /**\n   * Configure the positioning of the DatePicker dialog\n   *\n   * @default below\n   */\n  positioning?: PositioningProps;\n\n  /**\n   * Placeholder text for the DatePicker\n   */\n  placeholder?: string;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Default value of the DatePicker, if any\n   */\n  value?: Date;\n\n  /**\n   * Optional method to format the chosen date to a string to display in the DatePicker\n   * @default date.toString()\n   */\n  formatDate?: (date?: Date) => string;\n\n  /**\n   * Optional method to parse the text input value to date, it is only useful when allowTextInput is set to true\n   * @default new Date(Date.parse(dateStr))\n   */\n  parseDateFromString?: (dateStr: string) => Date | null;\n\n  /**\n   * The first day of the week for your locale.\n   * @default DayOfWeek.Sunday\n   */\n  firstDayOfWeek?: DayOfWeek;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarStrings;\n\n  /**\n   * Whether the month picker should highlight the current month\n   * @default false\n   */\n  highlightCurrentMonth?: boolean;\n\n  /**\n   * Whether the month picker should highlight the selected month\n   * @default false\n   */\n  highlightSelectedMonth?: boolean;\n\n  /**\n   * Whether the calendar should show the week number (weeks 1 to 53) before each week row\n   * @default false\n   */\n  showWeekNumbers?: boolean;\n\n  /**\n   * Defines when the first week of the year should start, FirstWeekOfYear.FirstDay,\n   * FirstWeekOfYear.FirstFullWeek or FirstWeekOfYear.FirstFourDayWeek are the possible values\n   * @default FirstWeekOfYear.FirstFullWeek\n   */\n  firstWeekOfYear?: FirstWeekOfYear;\n\n  /**\n   * Whether the \"Go to today\" link should be shown or not\n   */\n  showGoToToday?: boolean;\n\n  /**\n   * Determines if the DatePicker has a border.\n   * @default false\n   */\n  borderless?: boolean;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * The minimum allowable date.\n   */\n  minDate?: Date;\n\n  /**\n   * The maximum allowable date.\n   */\n  maxDate?: Date;\n\n  /**\n   * The initially highlighted date.\n   */\n  initialPickerDate?: Date;\n\n  /**\n   * Allows all elements to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n\n  /**\n   * Whether the CalendarDay close button should be shown or not.\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * State used in rendering DatePicker.\n */\nexport type DatePickerState = ComponentState<DatePickerSlots> & {\n  disabled: boolean;\n  inlinePopup: boolean;\n};\n\n/**\n * Data passed to the `onValidationResult` callback.\n */\nexport type DatePickerValidationResultData = {\n  /** The error found when validating the input. */\n  error?: DatePickerErrorType;\n};\n\n/**\n * Error types returned by the `onValidationResult` callback.\n */\nexport type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/DatePicker/defaults.js

@@ -1,15 +1,14 @@
 import { defaultCalendarStrings } from '../Calendar/defaults';
 export const defaultDatePickerStrings = {
-  ...defaultCalendarStrings,
-  prevMonthAriaLabel: 'Go to previous month',
-  nextMonthAriaLabel: 'Go to next month',
-  prevYearAriaLabel: 'Go to previous year',
-  nextYearAriaLabel: 'Go to next year',
-  closeButtonAriaLabel: 'Close date picker'
+    ...defaultCalendarStrings,
+    prevMonthAriaLabel: 'Go to previous month',
+    nextMonthAriaLabel: 'Go to next month',
+    prevYearAriaLabel: 'Go to previous year',
+    nextYearAriaLabel: 'Go to next year',
+    closeButtonAriaLabel: 'Close date picker'
 };
 export const defaultDatePickerErrorStrings = {
-  'invalid-input': 'Invalid date format',
-  'out-of-bounds': 'Date is out of bounds',
-  'required-input': 'Field is required'
+    'invalid-input': 'Invalid date format',
+    'out-of-bounds': 'Date is out of bounds',
+    'required-input': 'Field is required'
 };
-//# sourceMappingURL=defaults.js.map

package/lib/components/DatePicker/defaults.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultCalendarStrings","defaultDatePickerStrings","prevMonthAriaLabel","nextMonthAriaLabel","prevYearAriaLabel","nextYearAriaLabel","closeButtonAriaLabel","defaultDatePickerErrorStrings"],"sources":["../../../src/components/DatePicker/defaults.ts"],"sourcesContent":["import { defaultCalendarStrings } from '../Calendar/defaults';\nimport type { CalendarStrings } from '../../utils/index';\nimport type { DatePickerErrorType } from './DatePicker.types';\n\nexport const defaultDatePickerStrings: CalendarStrings = {\n  ...defaultCalendarStrings,\n  prevMonthAriaLabel: 'Go to previous month',\n  nextMonthAriaLabel: 'Go to next month',\n  prevYearAriaLabel: 'Go to previous year',\n  nextYearAriaLabel: 'Go to next year',\n  closeButtonAriaLabel: 'Close date picker',\n};\n\nexport const defaultDatePickerErrorStrings: Record<DatePickerErrorType, string> = {\n  'invalid-input': 'Invalid date format',\n  'out-of-bounds': 'Date is out of bounds',\n  'required-input': 'Field is required',\n};\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ;AAIvC,OAAO,MAAMC,wBAAA,GAA4C;EACvD,GAAGD,sBAAsB;EACzBE,kBAAA,EAAoB;EACpBC,kBAAA,EAAoB;EACpBC,iBAAA,EAAmB;EACnBC,iBAAA,EAAmB;EACnBC,oBAAA,EAAsB;AACxB;AAEA,OAAO,MAAMC,6BAAA,GAAqE;EAChF,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;AACpB"}
+{"version":3,"sources":["defaults.ts"],"sourcesContent":["import { defaultCalendarStrings } from '../Calendar/defaults';\nimport type { CalendarStrings } from '../../utils/index';\nimport type { DatePickerErrorType } from './DatePicker.types';\n\nexport const defaultDatePickerStrings: CalendarStrings = {\n  ...defaultCalendarStrings,\n  prevMonthAriaLabel: 'Go to previous month',\n  nextMonthAriaLabel: 'Go to next month',\n  prevYearAriaLabel: 'Go to previous year',\n  nextYearAriaLabel: 'Go to next year',\n  closeButtonAriaLabel: 'Close date picker',\n};\n\nexport const defaultDatePickerErrorStrings: Record<DatePickerErrorType, string> = {\n  'invalid-input': 'Invalid date format',\n  'out-of-bounds': 'Date is out of bounds',\n  'required-input': 'Field is required',\n};\n"],"names":["defaultCalendarStrings","defaultDatePickerStrings","prevMonthAriaLabel","nextMonthAriaLabel","prevYearAriaLabel","nextYearAriaLabel","closeButtonAriaLabel","defaultDatePickerErrorStrings"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,uBAAuB;AAI9D,OAAO,MAAMC,2BAA4C;IACvD,GAAGD,sBAAsB;IACzBE,oBAAoB;IACpBC,oBAAoB;IACpBC,mBAAmB;IACnBC,mBAAmB;IACnBC,sBAAsB;AACxB,EAAE;AAEF,OAAO,MAAMC,gCAAqE;IAChF,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;AACpB,EAAE"}

package/lib/components/DatePicker/index.js

@@ -4,4 +4,3 @@ export * from './DatePicker.types';
 export * from './renderDatePicker';
 export * from './useDatePicker';
 export * from './useDatePickerStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/DatePicker/index.ts"],"sourcesContent":["export * from './defaults';\nexport * from './DatePicker';\nexport * from './DatePicker.types';\nexport * from './renderDatePicker';\nexport * from './useDatePicker';\nexport * from './useDatePickerStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './defaults';\nexport * from './DatePicker';\nexport * from './DatePicker.types';\nexport * from './renderDatePicker';\nexport * from './useDatePicker';\nexport * from './useDatePickerStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,+BAA+B"}

package/lib/components/DatePicker/renderDatePicker.js

@@ -1,18 +1,11 @@
-/** @jsxRuntime classic */ /** @jsxFrag React.Fragment */ /** @jsx createElement */import * as React from 'react';
+/** @jsxRuntime classic */ /** @jsxFrag React.Fragment */ /** @jsx createElement */ import * as React from 'react';
 import { createElement } from '@fluentui/react-jsx-runtime';
 import { Portal } from '@fluentui/react-portal';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of DatePicker
- */
-export const renderDatePicker_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  const {
-    inlinePopup
-  } = state;
-  return /*#__PURE__*/createElement(React.Fragment, null, /*#__PURE__*/createElement(slots.root, slotProps.root), slots.popupSurface && (inlinePopup ? /*#__PURE__*/createElement(slots.popupSurface, slotProps.popupSurface, /*#__PURE__*/createElement(slots.calendar, slotProps.calendar)) : /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(slots.popupSurface, slotProps.popupSurface, /*#__PURE__*/createElement(slots.calendar, slotProps.calendar)))));
+ */ export const renderDatePicker_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    const { inlinePopup  } = state;
+    return /*#__PURE__*/ createElement(React.Fragment, null, /*#__PURE__*/ createElement(slots.root, slotProps.root), slots.popupSurface && (inlinePopup ? /*#__PURE__*/ createElement(slots.popupSurface, slotProps.popupSurface, /*#__PURE__*/ createElement(slots.calendar, slotProps.calendar)) : /*#__PURE__*/ createElement(Portal, null, /*#__PURE__*/ createElement(slots.popupSurface, slotProps.popupSurface, /*#__PURE__*/ createElement(slots.calendar, slotProps.calendar)))));
 };
-//# sourceMappingURL=renderDatePicker.js.map

package/lib/components/DatePicker/renderDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createElement","Portal","getSlotsNext","renderDatePicker_unstable","state","slots","slotProps","inlinePopup","Fragment","root","popupSurface","calendar"],"sources":["../../../src/components/DatePicker/renderDatePicker.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsxFrag React.Fragment */\n/** @jsx createElement */\n\nimport * as React from 'react';\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { Portal } from '@fluentui/react-portal';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { CalendarProps } from '../Calendar/Calendar.types';\nimport type { DatePickerSlots, DatePickerState } from './DatePicker.types';\n\n/**\n * Render the final JSX of DatePicker\n */\nexport const renderDatePicker_unstable = (state: DatePickerState) => {\n  const { slots, slotProps } = getSlotsNext<DatePickerSlots>(state);\n  const { inlinePopup } = state;\n\n  return (\n    <>\n      <slots.root {...slotProps.root} />\n      {slots.popupSurface &&\n        (inlinePopup ? (\n          <slots.popupSurface {...slotProps.popupSurface}>\n            <slots.calendar {...(slotProps.calendar as CalendarProps)} />\n          </slots.popupSurface>\n        ) : (\n          <Portal>\n            <slots.popupSurface {...slotProps.popupSurface}>\n              <slots.calendar {...(slotProps.calendar as CalendarProps)} />\n            </slots.popupSurface>\n          </Portal>\n        ))}\n    </>\n  );\n};\n"],"mappings":"AAAA,2BACA,+BACA,yBAEA,YAAYA,KAAA,MAAW;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,MAAM,QAAQ;AACvB,SAASC,YAAY,QAAQ;AAI7B;;;AAGA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAA2B;EACnE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA8BE,KAAA;EAC3D,MAAM;IAAEG;EAAW,CAAE,GAAGH,KAAA;EAExB,oBACEJ,aAjBJ,CADAD,KAAA,CAAAS,QAA8B,qBAmBxBR,aAlBN,CAkBOK,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,GAC7BJ,KAAA,CAAMK,YAAY,KAChBH,WAAA,gBACCP,aArBV,CAqBWK,KAAA,CAAMK,YAAY,EAAKJ,SAAA,CAAUI,YAAY,eAC5CV,aAtBZ,CAsBaK,KAAA,CAAMM,QAAQ,EAAML,SAAA,CAAUK,QAAQ,kBAGzCX,aAzBV,CAyBWC,MAAA,qBACCD,aA1BZ,CA0BaK,KAAA,CAAMK,YAAY,EAAKJ,SAAA,CAAUI,YAAY,eAC5CV,aA3Bd,CA2BeK,KAAA,CAAMM,QAAQ,EAAML,SAAA,CAAUK,QAAQ,GAG5C,CAAD;AAGR"}
+{"version":3,"sources":["renderDatePicker.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsxFrag React.Fragment */\n/** @jsx createElement */\n\nimport * as React from 'react';\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { Portal } from '@fluentui/react-portal';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { CalendarProps } from '../Calendar/Calendar.types';\nimport type { DatePickerSlots, DatePickerState } from './DatePicker.types';\n\n/**\n * Render the final JSX of DatePicker\n */\nexport const renderDatePicker_unstable = (state: DatePickerState) => {\n  const { slots, slotProps } = getSlotsNext<DatePickerSlots>(state);\n  const { inlinePopup } = state;\n\n  return (\n    <>\n      <slots.root {...slotProps.root} />\n      {slots.popupSurface &&\n        (inlinePopup ? (\n          <slots.popupSurface {...slotProps.popupSurface}>\n            <slots.calendar {...(slotProps.calendar as CalendarProps)} />\n          </slots.popupSurface>\n        ) : (\n          <Portal>\n            <slots.popupSurface {...slotProps.popupSurface}>\n              <slots.calendar {...(slotProps.calendar as CalendarProps)} />\n            </slots.popupSurface>\n          </Portal>\n        ))}\n    </>\n  );\n};\n"],"names":["React","createElement","Portal","getSlotsNext","renderDatePicker_unstable","state","slots","slotProps","inlinePopup","root","popupSurface","calendar"],"mappings":"AAAA,wBAAwB,GACxB,4BAA4B,GAC5B,uBAAuB,GAEvB,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,4BAA4B;AAIzD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC,QAA2B;IACnE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA8BE;IAC3D,MAAM,EAAEG,YAAW,EAAE,GAAGH;IAExB,qBACE,AAjBJ,cADA,cAA8B,sBAmBxB,AAlBN,cAkBOC,MAAMG,IAAI,EAAKF,UAAUE,IAAI,GAC7BH,MAAMI,YAAY,IAChBF,CAAAA,4BACC,AArBV,cAqBWF,MAAMI,YAAY,EAAKH,UAAUG,YAAY,gBAC5C,AAtBZ,cAsBaJ,MAAMK,QAAQ,EAAMJ,UAAUI,QAAQ,mBAGzC,AAzBV,cAyBWT,4BACC,AA1BZ,cA0BaI,MAAMI,YAAY,EAAKH,UAAUG,YAAY,gBAC5C,AA3Bd,cA2BeJ,MAAMK,QAAQ,EAAMJ,UAAUI,QAAQ,GAG5C,AAAD;AAGR,EAAE"}