@fluentui/react-datepicker-compat 0.0.0-nightly-20230512-0423.1 → 0.1.0

package/lib/Calendar.js

@@ -0,0 +1,2 @@
+export * from './components/Calendar/index';
+//# sourceMappingURL=Calendar.js.map

package/lib/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/Calendar.ts"],"sourcesContent":["export * from './components/Calendar/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/CalendarDay.js

@@ -0,0 +1,2 @@
+export * from './components/CalendarDay/index';
+//# sourceMappingURL=CalendarDay.js.map

package/lib/CalendarDay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/CalendarDay.ts"],"sourcesContent":["export * from './components/CalendarDay/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/CalendarDayGrid.js

@@ -0,0 +1,2 @@
+export * from './components/CalendarDayGrid/index';
+//# sourceMappingURL=CalendarDayGrid.js.map

package/lib/CalendarDayGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/CalendarDayGrid.ts"],"sourcesContent":["export * from './components/CalendarDayGrid/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/CalendarMonth.js

@@ -0,0 +1,2 @@
+export * from './components/CalendarMonth/index';
+//# sourceMappingURL=CalendarMonth.js.map

package/lib/CalendarMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/CalendarMonth.ts"],"sourcesContent":["export * from './components/CalendarMonth/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/CalendarPicker.js

@@ -0,0 +1,2 @@
+export * from './components/CalendarPicker/index';
+//# sourceMappingURL=CalendarPicker.js.map

package/lib/CalendarPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/CalendarPicker.ts"],"sourcesContent":["export * from './components/CalendarPicker/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/CalendarYear.js

@@ -0,0 +1,2 @@
+export * from './components/CalendarYear/index';
+//# sourceMappingURL=CalendarYear.js.map

package/lib/CalendarYear.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/CalendarYear.ts"],"sourcesContent":["export * from './components/CalendarYear/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/DatePicker.js

@@ -0,0 +1,2 @@
+export * from './components/DatePicker/index';
+//# sourceMappingURL=DatePicker.js.map

package/lib/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/DatePicker.ts"],"sourcesContent":["export * from './components/DatePicker/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/components/Calendar/Calendar.js

@@ -0,0 +1,319 @@
+import * as React from 'react';
+import { Backspace, Enter, Escape, PageDown, PageUp, Space } from '@fluentui/keyboard-keys';
+import { useControllableState } from '@fluentui/react-utilities';
+import { addMonths, addYears, DateRangeType, DayOfWeek, DEFAULT_CALENDAR_STRINGS, DEFAULT_DATE_FORMATTING, FirstWeekOfYear, focusAsync, getWindow } from '../../utils';
+import { CalendarDay } from '../CalendarDay/CalendarDay';
+import { CalendarMonth } from '../CalendarMonth/CalendarMonth';
+import { useCalendarStyles_unstable } from './useCalendarStyles.styles';
+const MIN_SIZE_FORCE_OVERLAY = 440;
+const defaultWorkWeekDays = [DayOfWeek.Monday, DayOfWeek.Tuesday, DayOfWeek.Wednesday, DayOfWeek.Thursday, DayOfWeek.Friday];
+function useDateState({
+  value,
+  today = new Date(),
+  onSelectDate
+}) {
+  /** The currently selected date in the calendar */const [selectedDate, setSelectedDate] = useControllableState({
+    defaultState: today,
+    initialState: today,
+    state: value
+  });
+  /** The currently focused date in the day picker, but not necessarily selected */
+  const [navigatedDay = today, setNavigatedDay] = React.useState(value);
+  /** The currently focused date in the month picker, but not necessarily selected */
+  const [navigatedMonth = today, setNavigatedMonth] = React.useState(value);
+  /** If using a controlled value, when that value changes, navigate to that date */
+  const [lastSelectedDate = today, setLastSelectedDate] = React.useState(value);
+  if (value && lastSelectedDate.valueOf() !== value.valueOf()) {
+    setNavigatedDay(value);
+    setNavigatedMonth(value);
+    setLastSelectedDate(value);
+  }
+  const navigateMonth = date => {
+    setNavigatedMonth(date);
+  };
+  const navigateDay = date => {
+    setNavigatedMonth(date);
+    setNavigatedDay(date);
+  };
+  const onDateSelected = (date, selectedDateRangeArray) => {
+    setNavigatedMonth(date);
+    setNavigatedDay(date);
+    setSelectedDate(date);
+    onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(date, selectedDateRangeArray);
+  };
+  return [selectedDate, navigatedDay, navigatedMonth, onDateSelected, navigateDay, navigateMonth];
+}
+function useVisibilityState({
+  isDayPickerVisible: isDayPickerVisibleProp,
+  isMonthPickerVisible: isMonthPickerVisibleProp,
+  showMonthPickerAsOverlay
+}) {
+  /** State used to show/hide month picker */const [isMonthPickerVisible, setIsMonthPickerVisible] = useControllableState({
+    defaultState: false,
+    initialState: true,
+    state: getShowMonthPickerAsOverlay({
+      isDayPickerVisible: isDayPickerVisibleProp,
+      showMonthPickerAsOverlay
+    }) ? undefined : isMonthPickerVisibleProp
+  });
+  /** State used to show/hide day picker */
+  const [isDayPickerVisible, setIsDayPickerVisible] = useControllableState({
+    defaultState: true,
+    initialState: true,
+    state: getShowMonthPickerAsOverlay({
+      isDayPickerVisible: isDayPickerVisibleProp,
+      showMonthPickerAsOverlay
+    }) ? undefined : isDayPickerVisibleProp
+  });
+  const toggleDayMonthPickerVisibility = () => {
+    setIsMonthPickerVisible(!isMonthPickerVisible);
+    setIsDayPickerVisible(!isDayPickerVisible);
+  };
+  return [isMonthPickerVisible, isDayPickerVisible, toggleDayMonthPickerVisibility];
+}
+function useFocusLogic({
+  componentRef
+}, isDayPickerVisible, isMonthPickerVisible) {
+  const dayPicker = React.useRef(null);
+  const monthPicker = React.useRef(null);
+  const focusOnUpdate = React.useRef(false);
+  const focus = React.useCallback(() => {
+    if (isDayPickerVisible && dayPicker.current) {
+      focusAsync(dayPicker.current);
+    } else if (isMonthPickerVisible && monthPicker.current) {
+      focusAsync(monthPicker.current);
+    }
+  }, [isDayPickerVisible, isMonthPickerVisible]);
+  React.useImperativeHandle(componentRef, () => ({
+    focus
+  }), [focus]);
+  React.useEffect(() => {
+    if (focusOnUpdate.current) {
+      focus();
+      focusOnUpdate.current = false;
+    }
+  });
+  const focusOnNextUpdate = () => {
+    focusOnUpdate.current = true;
+  };
+  return [dayPicker, monthPicker, focusOnNextUpdate];
+}
+/**
+ * @internal
+ */
+export const Calendar = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const {
+    allFocusable = false,
+    calendarDayProps,
+    calendarMonthProps,
+    className,
+    componentRef,
+    dateRangeType = DateRangeType.Day,
+    dateTimeFormatter = DEFAULT_DATE_FORMATTING,
+    firstDayOfWeek = DayOfWeek.Sunday,
+    firstWeekOfYear = FirstWeekOfYear.FirstDay,
+    highlightCurrentMonth = false,
+    highlightSelectedMonth = false,
+    id,
+    isDayPickerVisible: isDayPickerVisibleProp = true,
+    isMonthPickerVisible: isMonthPickerVisibleProp = true,
+    maxDate,
+    minDate,
+    onDismiss,
+    onSelectDate,
+    restrictedDates,
+    showCloseButton = false,
+    showGoToToday = true,
+    showMonthPickerAsOverlay: showMonthPickerAsOverlayProp = false,
+    showSixWeeksByDefault = false,
+    showWeekNumbers = false,
+    strings = DEFAULT_CALENDAR_STRINGS,
+    today = new Date(),
+    value,
+    workWeekDays = defaultWorkWeekDays
+  } = props;
+  const [selectedDate, navigatedDay, navigatedMonth, onDateSelected, navigateDay, navigateMonth] = useDateState({
+    onSelectDate,
+    value,
+    today
+  });
+  const [isMonthPickerVisible, isDayPickerVisible, toggleDayMonthPickerVisibility] = useVisibilityState({
+    isDayPickerVisible: isDayPickerVisibleProp,
+    isMonthPickerVisible: isMonthPickerVisibleProp,
+    showMonthPickerAsOverlay: showMonthPickerAsOverlayProp
+  });
+  const [dayPicker, monthPicker, focusOnNextUpdate] = useFocusLogic({
+    componentRef
+  }, isDayPickerVisible, isMonthPickerVisible);
+  const renderGoToTodayButton = () => {
+    let goTodayEnabled = showGoToToday;
+    if (goTodayEnabled && today) {
+      goTodayEnabled = navigatedDay.getFullYear() !== today.getFullYear() || navigatedDay.getMonth() !== today.getMonth() || navigatedMonth.getFullYear() !== today.getFullYear() || navigatedMonth.getMonth() !== today.getMonth();
+    }
+    return showGoToToday && /*#__PURE__*/React.createElement("button", {
+      className: classes.goTodayButton,
+      onClick: onGotoToday,
+      onKeyDown: onButtonKeyDown(onGotoToday),
+      type: "button",
+      disabled: !goTodayEnabled
+    }, strings.goToToday);
+  };
+  const onNavigateDayDate = (date, focusOnNavigatedDay) => {
+    navigateDay(date);
+    if (focusOnNavigatedDay) {
+      focusOnNextUpdate();
+    }
+  };
+  const onNavigateMonthDate = (date, focusOnNavigatedDay) => {
+    if (focusOnNavigatedDay) {
+      focusOnNextUpdate();
+    }
+    if (!focusOnNavigatedDay) {
+      navigateMonth(date);
+      return;
+    }
+    if (monthPickerOnly) {
+      onDateSelected(date);
+    }
+    navigateDay(date);
+  };
+  const onHeaderSelect = getShowMonthPickerAsOverlay({
+    isDayPickerVisible: isDayPickerVisibleProp,
+    showMonthPickerAsOverlay: showMonthPickerAsOverlayProp
+  }) ? () => {
+    toggleDayMonthPickerVisibility();
+    focusOnNextUpdate();
+  } : undefined;
+  const onGotoToday = () => {
+    navigateDay(today);
+    focusOnNextUpdate();
+  };
+  const onButtonKeyDown = callback => {
+    return ev => {
+      switch (ev.key) {
+        case Enter:
+        case Space:
+          callback();
+          break;
+      }
+    };
+  };
+  const onDatePickerPopupKeyDown = ev => {
+    switch (ev.key) {
+      case Enter:
+        ev.preventDefault();
+        break;
+      case Backspace:
+        ev.preventDefault();
+        break;
+      case Escape:
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+        break;
+      case PageUp:
+        if (ev.ctrlKey) {
+          // go to next year
+          navigateDay(addYears(navigatedDay, 1));
+        } else {
+          // go to next month
+          navigateDay(addMonths(navigatedDay, 1));
+        }
+        ev.preventDefault();
+        break;
+      case PageDown:
+        if (ev.ctrlKey) {
+          // go to previous year
+          navigateDay(addYears(navigatedDay, -1));
+        } else {
+          // go to previous month
+          navigateDay(addMonths(navigatedDay, -1));
+        }
+        ev.preventDefault();
+        break;
+      default:
+        break;
+    }
+  };
+  const showMonthPickerAsOverlay = getShowMonthPickerAsOverlay(props);
+  const monthPickerOnly = !showMonthPickerAsOverlay && !isDayPickerVisible;
+  const classes = useCalendarStyles_unstable({
+    className,
+    isDayPickerVisible,
+    isMonthPickerVisible,
+    showWeekNumbers
+  });
+  let todayDateString = '';
+  let selectedDateString = '';
+  if (dateTimeFormatter && strings.todayDateFormatString) {
+    todayDateString = strings.todayDateFormatString.replace('{0}', dateTimeFormatter.formatMonthDayYear(today, strings));
+  }
+  if (dateTimeFormatter && strings.selectedDateFormatString) {
+    selectedDateString = strings.selectedDateFormatString.replace('{0}', dateTimeFormatter.formatMonthDayYear(selectedDate, strings));
+  }
+  const selectionAndTodayString = selectedDateString + ', ' + todayDateString;
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    ref: forwardedRef,
+    role: "group",
+    "aria-label": selectionAndTodayString,
+    className: classes.root,
+    onKeyDown: onDatePickerPopupKeyDown
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.liveRegion,
+    "aria-live": "polite",
+    "aria-atomic": "true"
+  }, /*#__PURE__*/React.createElement("span", null, selectedDateString)), isDayPickerVisible && /*#__PURE__*/React.createElement(CalendarDay, {
+    selectedDate: selectedDate,
+    navigatedDate: navigatedDay,
+    today: today,
+    onSelectDate: onDateSelected,
+    // eslint-disable-next-line react/jsx-no-bind
+    onNavigateDate: onNavigateDayDate,
+    onDismiss: onDismiss,
+    firstDayOfWeek: firstDayOfWeek,
+    dateRangeType: dateRangeType,
+    strings: strings,
+    // eslint-disable-next-line react/jsx-no-bind
+    onHeaderSelect: onHeaderSelect,
+    showWeekNumbers: showWeekNumbers,
+    firstWeekOfYear: firstWeekOfYear,
+    dateTimeFormatter: dateTimeFormatter,
+    showSixWeeksByDefault: showSixWeeksByDefault,
+    minDate: minDate,
+    maxDate: maxDate,
+    restrictedDates: restrictedDates,
+    workWeekDays: workWeekDays,
+    componentRef: dayPicker,
+    showCloseButton: showCloseButton,
+    allFocusable: allFocusable,
+    ...calendarDayProps
+  }), isDayPickerVisible && isMonthPickerVisible && /*#__PURE__*/React.createElement("div", {
+    className: classes.divider
+  }), isMonthPickerVisible ? /*#__PURE__*/React.createElement("div", {
+    className: classes.monthPickerWrapper
+  }, /*#__PURE__*/React.createElement(CalendarMonth, {
+    navigatedDate: navigatedMonth,
+    selectedDate: navigatedDay,
+    strings: strings,
+    // eslint-disable-next-line react/jsx-no-bind
+    onNavigateDate: onNavigateMonthDate,
+    today: today,
+    highlightCurrentMonth: highlightCurrentMonth,
+    highlightSelectedMonth: highlightSelectedMonth,
+    // eslint-disable-next-line react/jsx-no-bind
+    onHeaderSelect: onHeaderSelect,
+    dateTimeFormatter: dateTimeFormatter,
+    minDate: minDate,
+    maxDate: maxDate,
+    componentRef: monthPicker,
+    ...calendarMonthProps
+  }), renderGoToTodayButton()) : renderGoToTodayButton());
+});
+Calendar.displayName = 'Calendar';
+function getShowMonthPickerAsOverlay({
+  isDayPickerVisible,
+  showMonthPickerAsOverlay
+}) {
+  const win = getWindow();
+  return showMonthPickerAsOverlay || isDayPickerVisible && win && win.innerWidth <= MIN_SIZE_FORCE_OVERLAY;
+}
+//# sourceMappingURL=Calendar.js.map

package/lib/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Backspace","Enter","Escape","PageDown","PageUp","Space","useControllableState","addMonths","addYears","DateRangeType","DayOfWeek","DEFAULT_CALENDAR_STRINGS","DEFAULT_DATE_FORMATTING","FirstWeekOfYear","focusAsync","getWindow","CalendarDay","CalendarMonth","useCalendarStyles_unstable","MIN_SIZE_FORCE_OVERLAY","defaultWorkWeekDays","Monday","Tuesday","Wednesday","Thursday","Friday","useDateState","value","today","Date","onSelectDate","selectedDate","setSelectedDate","defaultState","initialState","state","navigatedDay","setNavigatedDay","useState","navigatedMonth","setNavigatedMonth","lastSelectedDate","setLastSelectedDate","valueOf","navigateMonth","date","navigateDay","onDateSelected","selectedDateRangeArray","useVisibilityState","isDayPickerVisible","isDayPickerVisibleProp","isMonthPickerVisible","isMonthPickerVisibleProp","showMonthPickerAsOverlay","setIsMonthPickerVisible","getShowMonthPickerAsOverlay","undefined","setIsDayPickerVisible","toggleDayMonthPickerVisibility","useFocusLogic","componentRef","dayPicker","useRef","monthPicker","focusOnUpdate","focus","useCallback","current","useImperativeHandle","useEffect","focusOnNextUpdate","Calendar","forwardRef","props","forwardedRef","allFocusable","calendarDayProps","calendarMonthProps","className","dateRangeType","Day","dateTimeFormatter","firstDayOfWeek","Sunday","firstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","id","maxDate","minDate","onDismiss","restrictedDates","showCloseButton","showGoToToday","showMonthPickerAsOverlayProp","showSixWeeksByDefault","showWeekNumbers","strings","workWeekDays","renderGoToTodayButton","goTodayEnabled","getFullYear","getMonth","createElement","classes","goTodayButton","onClick","onGotoToday","onKeyDown","onButtonKeyDown","type","disabled","goToToday","onNavigateDayDate","focusOnNavigatedDay","onNavigateMonthDate","monthPickerOnly","onHeaderSelect","callback","ev","key","onDatePickerPopupKeyDown","preventDefault","ctrlKey","todayDateString","selectedDateString","todayDateFormatString","replace","formatMonthDayYear","selectedDateFormatString","selectionAndTodayString","ref","role","root","liveRegion","navigatedDate","onNavigateDate","divider","monthPickerWrapper","displayName","win","innerWidth"],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Backspace, Enter, Escape, PageDown, PageUp, Space } from '@fluentui/keyboard-keys';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport {\n  addMonths,\n  addYears,\n  DateRangeType,\n  DayOfWeek,\n  DEFAULT_CALENDAR_STRINGS,\n  DEFAULT_DATE_FORMATTING,\n  FirstWeekOfYear,\n  focusAsync,\n  getWindow,\n} from '../../utils';\nimport { CalendarDay } from '../CalendarDay/CalendarDay';\nimport { CalendarMonth } from '../CalendarMonth/CalendarMonth';\nimport { useCalendarStyles_unstable } from './useCalendarStyles.styles';\nimport type { ICalendarDay } from '../CalendarDay/CalendarDay.types';\nimport type { ICalendarMonth } from '../CalendarMonth/CalendarMonth.types';\nimport type { CalendarProps } from './Calendar.types';\n\nconst MIN_SIZE_FORCE_OVERLAY = 440;\n\nconst defaultWorkWeekDays: DayOfWeek[] = [\n  DayOfWeek.Monday,\n  DayOfWeek.Tuesday,\n  DayOfWeek.Wednesday,\n  DayOfWeek.Thursday,\n  DayOfWeek.Friday,\n];\n\nfunction useDateState({ value, today = new Date(), onSelectDate }: CalendarProps) {\n  /** The currently selected date in the calendar */\n  const [selectedDate, setSelectedDate] = useControllableState({\n    defaultState: today,\n    initialState: today,\n    state: value,\n  });\n\n  /** The currently focused date in the day picker, but not necessarily selected */\n  const [navigatedDay = today, setNavigatedDay] = React.useState(value);\n\n  /** The currently focused date in the month picker, but not necessarily selected */\n  const [navigatedMonth = today, setNavigatedMonth] = React.useState(value);\n\n  /** If using a controlled value, when that value changes, navigate to that date */\n  const [lastSelectedDate = today, setLastSelectedDate] = React.useState(value);\n  if (value && lastSelectedDate.valueOf() !== value.valueOf()) {\n    setNavigatedDay(value);\n    setNavigatedMonth(value);\n    setLastSelectedDate(value);\n  }\n\n  const navigateMonth = (date: Date) => {\n    setNavigatedMonth(date);\n  };\n\n  const navigateDay = (date: Date) => {\n    setNavigatedMonth(date);\n    setNavigatedDay(date);\n  };\n\n  const onDateSelected = (date: Date, selectedDateRangeArray?: Date[]) => {\n    setNavigatedMonth(date);\n    setNavigatedDay(date);\n    setSelectedDate(date);\n    onSelectDate?.(date, selectedDateRangeArray);\n  };\n\n  return [selectedDate, navigatedDay, navigatedMonth, onDateSelected, navigateDay, navigateMonth] as const;\n}\n\nfunction useVisibilityState({\n  isDayPickerVisible: isDayPickerVisibleProp,\n  isMonthPickerVisible: isMonthPickerVisibleProp,\n  showMonthPickerAsOverlay,\n}: CalendarProps) {\n  /** State used to show/hide month picker */\n  const [isMonthPickerVisible, setIsMonthPickerVisible] = useControllableState({\n    defaultState: false,\n    initialState: true,\n    state: getShowMonthPickerAsOverlay({ isDayPickerVisible: isDayPickerVisibleProp, showMonthPickerAsOverlay })\n      ? undefined\n      : isMonthPickerVisibleProp,\n  });\n  /** State used to show/hide day picker */\n  const [isDayPickerVisible, setIsDayPickerVisible] = useControllableState({\n    defaultState: true,\n    initialState: true,\n    state: getShowMonthPickerAsOverlay({ isDayPickerVisible: isDayPickerVisibleProp, showMonthPickerAsOverlay })\n      ? undefined\n      : isDayPickerVisibleProp,\n  });\n\n  const toggleDayMonthPickerVisibility = () => {\n    setIsMonthPickerVisible(!isMonthPickerVisible);\n    setIsDayPickerVisible(!isDayPickerVisible);\n  };\n\n  return [isMonthPickerVisible, isDayPickerVisible, toggleDayMonthPickerVisibility] as const;\n}\n\nfunction useFocusLogic({ componentRef }: CalendarProps, isDayPickerVisible: boolean, isMonthPickerVisible: boolean) {\n  const dayPicker = React.useRef<ICalendarDay>(null);\n  const monthPicker = React.useRef<ICalendarMonth>(null);\n  const focusOnUpdate = React.useRef(false);\n\n  const focus = React.useCallback(() => {\n    if (isDayPickerVisible && dayPicker.current) {\n      focusAsync(dayPicker.current);\n    } else if (isMonthPickerVisible && monthPicker.current) {\n      focusAsync(monthPicker.current);\n    }\n  }, [isDayPickerVisible, isMonthPickerVisible]);\n\n  React.useImperativeHandle(componentRef, () => ({ focus }), [focus]);\n\n  React.useEffect(() => {\n    if (focusOnUpdate.current) {\n      focus();\n      focusOnUpdate.current = false;\n    }\n  });\n\n  const focusOnNextUpdate = () => {\n    focusOnUpdate.current = true;\n  };\n\n  return [dayPicker, monthPicker, focusOnNextUpdate] as const;\n}\n\n/**\n * @internal\n */\nexport const Calendar: React.FunctionComponent<CalendarProps> = React.forwardRef<HTMLDivElement, CalendarProps>(\n  (props, forwardedRef) => {\n    const {\n      allFocusable = false,\n      calendarDayProps,\n      calendarMonthProps,\n      className,\n      componentRef,\n      dateRangeType = DateRangeType.Day,\n      dateTimeFormatter = DEFAULT_DATE_FORMATTING,\n      firstDayOfWeek = DayOfWeek.Sunday,\n      firstWeekOfYear = FirstWeekOfYear.FirstDay,\n      highlightCurrentMonth = false,\n      highlightSelectedMonth = false,\n      id,\n      isDayPickerVisible: isDayPickerVisibleProp = true,\n      isMonthPickerVisible: isMonthPickerVisibleProp = true,\n      maxDate,\n      minDate,\n      onDismiss,\n      onSelectDate,\n      restrictedDates,\n      showCloseButton = false,\n      showGoToToday = true,\n      showMonthPickerAsOverlay: showMonthPickerAsOverlayProp = false,\n      showSixWeeksByDefault = false,\n      showWeekNumbers = false,\n      strings = DEFAULT_CALENDAR_STRINGS,\n      today = new Date(),\n      value,\n      workWeekDays = defaultWorkWeekDays,\n    } = props;\n\n    const [selectedDate, navigatedDay, navigatedMonth, onDateSelected, navigateDay, navigateMonth] = useDateState({\n      onSelectDate,\n      value,\n      today,\n    });\n    const [isMonthPickerVisible, isDayPickerVisible, toggleDayMonthPickerVisibility] = useVisibilityState({\n      isDayPickerVisible: isDayPickerVisibleProp,\n      isMonthPickerVisible: isMonthPickerVisibleProp,\n      showMonthPickerAsOverlay: showMonthPickerAsOverlayProp,\n    });\n    const [dayPicker, monthPicker, focusOnNextUpdate] = useFocusLogic(\n      { componentRef },\n      isDayPickerVisible,\n      isMonthPickerVisible,\n    );\n\n    const renderGoToTodayButton = () => {\n      let goTodayEnabled = showGoToToday;\n\n      if (goTodayEnabled && today) {\n        goTodayEnabled =\n          navigatedDay.getFullYear() !== today.getFullYear() ||\n          navigatedDay.getMonth() !== today.getMonth() ||\n          navigatedMonth.getFullYear() !== today.getFullYear() ||\n          navigatedMonth.getMonth() !== today.getMonth();\n      }\n\n      return (\n        showGoToToday && (\n          <button\n            className={classes.goTodayButton}\n            onClick={onGotoToday}\n            onKeyDown={onButtonKeyDown(onGotoToday)}\n            type=\"button\"\n            disabled={!goTodayEnabled}\n          >\n            {strings!.goToToday}\n          </button>\n        )\n      );\n    };\n\n    const onNavigateDayDate = (date: Date, focusOnNavigatedDay: boolean): void => {\n      navigateDay(date);\n      if (focusOnNavigatedDay) {\n        focusOnNextUpdate();\n      }\n    };\n\n    const onNavigateMonthDate = (date: Date, focusOnNavigatedDay: boolean): void => {\n      if (focusOnNavigatedDay) {\n        focusOnNextUpdate();\n      }\n\n      if (!focusOnNavigatedDay) {\n        navigateMonth(date);\n        return;\n      }\n\n      if (monthPickerOnly) {\n        onDateSelected(date);\n      }\n\n      navigateDay(date);\n    };\n\n    const onHeaderSelect = getShowMonthPickerAsOverlay({\n      isDayPickerVisible: isDayPickerVisibleProp,\n      showMonthPickerAsOverlay: showMonthPickerAsOverlayProp,\n    })\n      ? (): void => {\n          toggleDayMonthPickerVisibility();\n\n          focusOnNextUpdate();\n        }\n      : undefined;\n\n    const onGotoToday = (): void => {\n      navigateDay(today!);\n      focusOnNextUpdate();\n    };\n\n    const onButtonKeyDown = (callback: () => void): ((ev: React.KeyboardEvent<HTMLButtonElement>) => void) => {\n      return (ev: React.KeyboardEvent<HTMLButtonElement>) => {\n        switch (ev.key) {\n          case Enter:\n          case Space:\n            callback();\n            break;\n        }\n      };\n    };\n\n    const onDatePickerPopupKeyDown = (ev: React.KeyboardEvent<HTMLElement>): void => {\n      switch (ev.key) {\n        case Enter:\n          ev.preventDefault();\n          break;\n\n        case Backspace:\n          ev.preventDefault();\n          break;\n\n        case Escape:\n          onDismiss?.();\n          break;\n\n        case PageUp:\n          if (ev.ctrlKey) {\n            // go to next year\n            navigateDay(addYears(navigatedDay, 1));\n          } else {\n            // go to next month\n            navigateDay(addMonths(navigatedDay, 1));\n          }\n          ev.preventDefault();\n          break;\n        case PageDown:\n          if (ev.ctrlKey) {\n            // go to previous year\n            navigateDay(addYears(navigatedDay, -1));\n          } else {\n            // go to previous month\n            navigateDay(addMonths(navigatedDay, -1));\n          }\n          ev.preventDefault();\n          break;\n        default:\n          break;\n      }\n    };\n    const showMonthPickerAsOverlay = getShowMonthPickerAsOverlay(props);\n\n    const monthPickerOnly = !showMonthPickerAsOverlay && !isDayPickerVisible;\n\n    const classes = useCalendarStyles_unstable({\n      className,\n      isDayPickerVisible,\n      isMonthPickerVisible,\n      showWeekNumbers,\n    });\n\n    let todayDateString: string = '';\n    let selectedDateString: string = '';\n    if (dateTimeFormatter && strings!.todayDateFormatString) {\n      todayDateString = strings!.todayDateFormatString.replace(\n        '{0}',\n        dateTimeFormatter.formatMonthDayYear(today, strings!),\n      );\n    }\n    if (dateTimeFormatter && strings!.selectedDateFormatString) {\n      selectedDateString = strings!.selectedDateFormatString.replace(\n        '{0}',\n        dateTimeFormatter.formatMonthDayYear(selectedDate, strings!),\n      );\n    }\n    const selectionAndTodayString = selectedDateString + ', ' + todayDateString;\n\n    return (\n      <div\n        id={id}\n        ref={forwardedRef}\n        role=\"group\"\n        aria-label={selectionAndTodayString}\n        className={classes.root}\n        onKeyDown={onDatePickerPopupKeyDown}\n      >\n        <div className={classes.liveRegion} aria-live=\"polite\" aria-atomic=\"true\">\n          <span>{selectedDateString}</span>\n        </div>\n        {isDayPickerVisible && (\n          <CalendarDay\n            selectedDate={selectedDate!}\n            navigatedDate={navigatedDay!}\n            today={today}\n            onSelectDate={onDateSelected}\n            // eslint-disable-next-line react/jsx-no-bind\n            onNavigateDate={onNavigateDayDate}\n            onDismiss={onDismiss}\n            firstDayOfWeek={firstDayOfWeek!}\n            dateRangeType={dateRangeType!}\n            strings={strings!}\n            // eslint-disable-next-line react/jsx-no-bind\n            onHeaderSelect={onHeaderSelect}\n            showWeekNumbers={showWeekNumbers}\n            firstWeekOfYear={firstWeekOfYear!}\n            dateTimeFormatter={dateTimeFormatter!}\n            showSixWeeksByDefault={showSixWeeksByDefault}\n            minDate={minDate}\n            maxDate={maxDate}\n            restrictedDates={restrictedDates}\n            workWeekDays={workWeekDays}\n            componentRef={dayPicker}\n            showCloseButton={showCloseButton}\n            allFocusable={allFocusable}\n            {...calendarDayProps} // at end of list so consumer's custom functions take precedence\n          />\n        )}\n        {isDayPickerVisible && isMonthPickerVisible && <div className={classes.divider} />}\n        {isMonthPickerVisible ? (\n          <div className={classes.monthPickerWrapper}>\n            <CalendarMonth\n              navigatedDate={navigatedMonth}\n              selectedDate={navigatedDay}\n              strings={strings!}\n              // eslint-disable-next-line react/jsx-no-bind\n              onNavigateDate={onNavigateMonthDate}\n              today={today}\n              highlightCurrentMonth={highlightCurrentMonth!}\n              highlightSelectedMonth={highlightSelectedMonth!}\n              // eslint-disable-next-line react/jsx-no-bind\n              onHeaderSelect={onHeaderSelect}\n              dateTimeFormatter={dateTimeFormatter!}\n              minDate={minDate}\n              maxDate={maxDate}\n              componentRef={monthPicker}\n              {...calendarMonthProps} // at end of list so consumer's custom functions take precedence\n            />\n            {renderGoToTodayButton()}\n          </div>\n        ) : (\n          renderGoToTodayButton()\n        )}\n      </div>\n    );\n  },\n);\nCalendar.displayName = 'Calendar';\n\nfunction getShowMonthPickerAsOverlay({ isDayPickerVisible, showMonthPickerAsOverlay }: CalendarProps) {\n  const win = getWindow();\n  return showMonthPickerAsOverlay || (isDayPickerVisible && win && win.innerWidth <= MIN_SIZE_FORCE_OVERLAY);\n}\n"],"mappings":"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"}

package/lib/components/Calendar/Calendar.types.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export var AnimationDirection;
+(function (AnimationDirection) {
+  AnimationDirection[AnimationDirection[
+  /**
+  * Grid will transition out and in horizontally
+  */
+  "Horizontal"] = 0] = "Horizontal";
+  AnimationDirection[AnimationDirection[
+  /**
+  * Grid will transition out and in vertically
+  */
+  "Vertical"] = 1] = "Vertical";
+})(AnimationDirection || (AnimationDirection = {}));
+//# sourceMappingURL=Calendar.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","AnimationDirection"],"sources":["../../../src/components/Calendar/Calendar.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { CalendarStrings, DateFormatting, DateRangeType, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport type { CalendarDayProps } from '../CalendarDay/CalendarDay.types';\nimport type { CalendarMonthProps } from '../CalendarMonth/CalendarMonth.types';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface ICalendar {\n  /** Sets focus to the selected date. */\n  focus: () => void;\n}\n\nexport interface CalendarProps extends React.RefAttributes<HTMLDivElement> {\n  /**\n   * Optional callback to access the ICalendar interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<ICalendar>;\n\n  /**\n   * Customized props for the calendar day\n   */\n  calendarDayProps?: Partial<CalendarDayProps>;\n\n  /**\n   * Customized props for the calendar month\n   */\n  calendarMonthProps?: Partial<CalendarMonthProps>;\n\n  /**\n   * Optional class name to add to the root element.\n   */\n  className?: string;\n\n  /**\n   * Callback for when a date is selected\n   * @param date - The date the user selected\n   * @param selectedDateRangeArray - The resultant list of dates that are selected based on the date range type set\n   * for the component.\n   */\n  onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;\n\n  /**\n   * Callback for when calendar is closed\n   */\n  onDismiss?: () => void;\n\n  /**\n   * ID for the calendar\n   */\n  id?: string;\n\n  /**\n   * Default value of the Calendar, if any\n   */\n  value?: Date;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * The date range type indicating how many days should be selected as the user\n   * selects days\n   * @default DateRangeType.Day\n   */\n  dateRangeType?: DateRangeType;\n\n  /**\n   * The first day of the week for your locale.\n   * @default DayOfWeek.Sunday\n   */\n  firstDayOfWeek?: DayOfWeek;\n\n  /**\n   * Defines when the first week of the year should start.\n   * @default FirstWeekOfYear.FirstDay\n   */\n  firstWeekOfYear?: FirstWeekOfYear;\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   * Whether the day picker is shown beside the month picker or hidden.\n   * @default true\n   */\n  isDayPickerVisible?: 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 \"Go to today\" link should be shown or not\n   */\n  showGoToToday?: 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   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarStrings;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date earlier than this value.\n   */\n  minDate?: Date;\n\n  /**\n   * If set the Calendar will not allow navigation to or selection of a date later than this value.\n   */\n  maxDate?: Date;\n\n  /**\n   * If set the Calendar will not allow selection of dates in this array.\n   */\n  restrictedDates?: Date[];\n\n  /**\n   * Whether the calendar should show 6 weeks by default.\n   * @default false\n   */\n  showSixWeeksByDefault?: boolean;\n\n  /**\n   * The days that are selectable when `dateRangeType` is `WorkWeek`.\n   * If `dateRangeType` is not `WorkWeek` this property does nothing.\n   * @default [Monday,Tuesday,Wednesday,Thursday,Friday]\n   */\n  workWeekDays?: DayOfWeek[];\n\n  /**\n   * Whether the 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 close button should be shown or not\n   * @default false\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Allows all dates and buttons to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n}\n\n/**\n * @internal\n */\nexport interface CalendarStyleProps {\n  /**\n   * Custom CSS class for the calendar.\n   */\n  className?: string;\n\n  /**\n   * Whether the month picker is visible\n   */\n  isMonthPickerVisible?: boolean;\n\n  /**\n   * Whether the day picker is visible\n   */\n  isDayPickerVisible?: boolean;\n\n  /**\n   * Whether only month picker is shown\n   */\n  monthPickerOnly?: boolean;\n\n  /**\n   * Whether the month picker is overlaid on the day picker\n   */\n  showMonthPickerAsOverlay?: boolean;\n\n  /**\n   * @deprecated Use `overlaidWithButton`\n   */\n  overlayedWithButton?: boolean;\n\n  /**\n   * Whether the month and day picker are overlaid and the 'go to today' button is shown\n   */\n  overlaidWithButton?: boolean;\n\n  /**\n   * Whether the go to today button is shown\n   */\n  showGoToToday?: boolean;\n\n  /**\n   * Whether the week numbers are shown\n   */\n  showWeekNumbers?: boolean;\n}\n\n/**\n * @internal\n */\nexport interface CalendarStyles {\n  /**\n   * Style for the root element.\n   */\n  root: string;\n\n  divider: string;\n\n  goTodayButton: string;\n\n  monthPickerWrapper: string;\n\n  liveRegion: string;\n}\n\nexport enum AnimationDirection {\n  /**\n   * Grid will transition out and in horizontally\n   */\n  Horizontal,\n\n  /**\n   * Grid will transition out and in vertically\n   */\n  Vertical,\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;WAgPhBC,kBAAA;WAAKA,kBAAkB;EAAlBA,kBAAA,CAAAA,kBAAA;EACV;;;EAGA;EAJUA,kBAAA,CAAAA,kBAAA;EAMV;;;EAGA;GATUA,kBAAA,KAAAA,kBAAA"}

package/lib/components/Calendar/defaults.js

@@ -0,0 +1,3 @@
+import { DEFAULT_CALENDAR_STRINGS } from '../../utils';
+export const defaultCalendarStrings = DEFAULT_CALENDAR_STRINGS;
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_CALENDAR_STRINGS","defaultCalendarStrings"],"sources":["../../../src/components/Calendar/defaults.ts"],"sourcesContent":["import { DEFAULT_CALENDAR_STRINGS } from '../../utils';\nimport type { CalendarStrings } from '../../utils';\n\nexport const defaultCalendarStrings: CalendarStrings = DEFAULT_CALENDAR_STRINGS;\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ;AAGzC,OAAO,MAAMC,sBAAA,GAA0CD,wBAAA"}

package/lib/components/Calendar/index.js

@@ -0,0 +1,5 @@
+export * from './Calendar';
+export * from './Calendar.types';
+export * from './useCalendarStyles.styles';
+export { defaultCalendarStrings } from './defaults';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultCalendarStrings"],"sources":["../../../src/components/Calendar/index.ts"],"sourcesContent":["export * from './Calendar';\nexport * from './Calendar.types';\nexport * from './useCalendarStyles.styles';\nexport { defaultCalendarStrings } from './defaults';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,sBAAsB,QAAQ"}

package/lib/components/Calendar/useCalendarStyles.styles.js

@@ -0,0 +1,149 @@
+import { tokens } from '@fluentui/react-theme';
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+/**
+ * @internal
+ */
+export const calendarClassNames = {
+  root: 'fui-Calendar',
+  divider: 'fui-Calendar__divider',
+  goTodayButton: 'fui-Calendar__goTodayButton',
+  monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',
+  liveRegion: 'fui-Calendar__liveRegion'
+};
+const useRootStyles = /*#__PURE__*/__styles({
+  base: {
+    mc9l5x: "f22iagw",
+    a9b677: "f13dwy2t"
+  },
+  normalize: {
+    E5pizo: "f1couhl3",
+    B7ck84d: "f1ewtqcl",
+    B6of3ja: "f1hu3pq6",
+    t21cq0: ["f11qmguv", "f1tyq0we"],
+    jrapky: "f19f4twv",
+    Frg6f3: ["f1tyq0we", "f11qmguv"],
+    z8tnut: "f1g0x7ka",
+    z189sj: ["fhxju0i", "f1cnd47f"],
+    Byoj8tv: "f1qch9an",
+    uwmqm3: ["f1cnd47f", "fhxju0i"]
+  },
+  monthPickerNotVisible: {
+    Beiy3e4: "f1vx9l62"
+  },
+  dayAndMonthPickersVisible: {
+    a9b677: "fcy5b15"
+  },
+  dayPickerVisibleAndWeekNumbersShown: {
+    a9b677: "fhsg0in"
+  },
+  dayAndMonthPickersVisibleAndWeekNumbersShown: {
+    a9b677: "fcarq7f"
+  }
+}, {
+  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f13dwy2t{width:220px;}", ".f1couhl3{box-shadow:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".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;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".fcy5b15{width:440px;}", ".fhsg0in{width:250px;}", ".fcarq7f{width:470px;}"]
+});
+const useDividerStyles = /*#__PURE__*/__styles({
+  base: {
+    g2u3we: "f68mrw8",
+    h3c5rm: ["f7pw515", "fw35ms5"],
+    B9xav0g: "frpde29",
+    zhjwy3: ["fw35ms5", "f7pw515"],
+    Bekrc4i: ["f1hqa2wf", "finvdd3"],
+    vrafjx: ["fcdblym", "fjik90z"],
+    Bhzewxz: "f15twtuk"
+  }
+}, {
+  d: [".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;}", ".f15twtuk{top:0;}"]
+});
+const useMonthPickerWrapperStyles = /*#__PURE__*/__styles({
+  base: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62"
+  }
+}, {
+  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
+});
+const useGoTodayButtonStyles = /*#__PURE__*/__styles({
+  base: {
+    qb2dma: "fpydfdc",
+    De3pzq: "f1c21dwh",
+    icvyot: "f1ern45e",
+    vrafjx: ["f1n71otn", "f1deefiw"],
+    oivjwe: "f1h8hb77",
+    wvpqe5: ["f1deefiw", "f1n71otn"],
+    B5kzvoi: "f1yab3r1",
+    B7ck84d: "f1e4lqlz",
+    sj55zd: "f19n0e5",
+    Bahqtrf: "f1mo0ibp",
+    Be2twd7: "fy9rknc",
+    Bqenvij: "f1tvdnth",
+    Bg96gwp: "fpfng1i",
+    t21cq0: ["f17vyym1", "fb5scp"],
+    B6of3ja: "f4gg0ds",
+    B68tc82: "f1mtd64y",
+    Bmxbyg5: "f1y7q3j9",
+    z8tnut: "f1g0x7ka",
+    z189sj: ["f8wuabp", "fycuoez"],
+    Byoj8tv: "f1qch9an",
+    uwmqm3: ["fycuoez", "f8wuabp"],
+    seuwu7: "fvy6vk6",
+    Jwef8y: "f9ql6rf",
+    Bi91k9c: "f1f1pb61",
+    eoavqd: "f8491dx",
+    B2d53fq: "fc9d3oc",
+    Dyrjrp: "f1cqwcg4",
+    Be90el1: "fmjaa5u"
+  }
+}, {
+  d: [".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1yab3r1{bottom:0;}", ".f1e4lqlz{box-sizing:content-box;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1mo0ibp{font-family:inherit;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".f1tvdnth{height:30px;}", ".fpfng1i{line-height:30px;}", ".f17vyym1{margin-right:16px;}", ".fb5scp{margin-left:16px;}", ".f4gg0ds{margin-top:3px;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1qch9an{padding-bottom:0;}", ".fvy6vk6 div{font-size:var(--fontSizeBase200);}", ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}", ".fmjaa5u:disabled{pointer-events:none;}"],
+  h: [".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}", ".f1f1pb61:hover{color:var(--colorBrandForeground1);}", ".f8491dx:hover{cursor:pointer;}", ".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}"]
+});
+const useLiveRegionStyles = /*#__PURE__*/__styles({
+  base: {
+    B4j52fo: "fre7gi1",
+    Bekrc4i: ["f1358rze", "f1rvrf73"],
+    Bn0qgzm: "fqdk4by",
+    ibv6hh: ["f1rvrf73", "f1358rze"],
+    Bqenvij: "f1mpe4l3",
+    B6of3ja: "fkrn0sh",
+    t21cq0: ["f179hvsh", "f1538868"],
+    jrapky: "fmxx68s",
+    Frg6f3: ["f1538868", "f179hvsh"],
+    B68tc82: "f1p9o1ba",
+    Bmxbyg5: "f1sil6mw",
+    z8tnut: "f1g0x7ka",
+    z189sj: ["fhxju0i", "f1cnd47f"],
+    Byoj8tv: "f1qch9an",
+    uwmqm3: ["f1cnd47f", "fhxju0i"],
+    qhf8xq: "f1euv43f",
+    a9b677: "frkrog8"
+  }
+}, {
+  d: [".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1mpe4l3{height:1px;}", ".fkrn0sh{margin-top:-1px;}", ".f179hvsh{margin-right:-1px;}", ".f1538868{margin-left:-1px;}", ".fmxx68s{margin-bottom:-1px;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1euv43f{position:absolute;}", ".frkrog8{width:1px;}"]
+});
+/**
+ * @internal
+ *
+ * Apply styling to the Calendar slots based on the state
+ */
+export const useCalendarStyles_unstable = props => {
+  const rootStyles = useRootStyles();
+  const dividerStyles = useDividerStyles();
+  const monthPickerWrapperStyles = useMonthPickerWrapperStyles();
+  const goTodayButtonStyles = useGoTodayButtonStyles();
+  const liveRegionStyles = useLiveRegionStyles();
+  const {
+    className,
+    isDayPickerVisible,
+    isMonthPickerVisible,
+    showWeekNumbers
+  } = props;
+  return {
+    root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),
+    divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),
+    monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),
+    goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),
+    liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)
+  };
+};
+//# sourceMappingURL=useCalendarStyles.styles.js.map