@fluentui/react-datepicker-compat 0.1.3 → 0.1.5

package/lib/components/Calendar/Calendar.js

@@ -6,315 +6,293 @@ 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];
+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 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];
+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;
-      }
+ */ 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 onDatePickerPopupKeyDown = ev => {
-    switch (ev.key) {
-      case Enter:
-        ev.preventDefault();
-        break;
-      case Backspace:
-        ev.preventDefault();
-        break;
-      case Escape:
-        ev.stopPropagation();
-        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));
+    const onNavigateDayDate = (date, focusOnNavigatedDay)=>{
+        navigateDay(date);
+        if (focusOnNavigatedDay) {
+            focusOnNextUpdate();
+        }
+    };
+    const onNavigateMonthDate = (date, focusOnNavigatedDay)=>{
+        if (focusOnNavigatedDay) {
+            focusOnNextUpdate();
+        }
+        if (!focusOnNavigatedDay) {
+            navigateMonth(date);
+            return;
         }
-        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));
+        if (monthPickerOnly) {
+            onDateSelected(date);
         }
-        ev.preventDefault();
-        break;
-      default:
-        break;
+        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:
+                ev.stopPropagation();
+                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 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());
+    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;
+function getShowMonthPickerAsOverlay({ isDayPickerVisible , showMonthPickerAsOverlay  }) {
+    const win = getWindow();
+    return showMonthPickerAsOverlay || isDayPickerVisible && win && win.innerWidth <= MIN_SIZE_FORCE_OVERLAY;
 }
-//# sourceMappingURL=Calendar.js.map