@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js

@@ -2,192 +2,202 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_useKeyboardHandlers = require('./useKeyboardHandlers.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_useFocusLogic = require('./useFocusLogic.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_usePopperTriggerLogic = require('./usePopperTriggerLogic.js');
-var controlledDateTimePicker_parts_Pickers_Calendar_useCurrentDisplayedMonthYearLogic = require('./useCurrentDisplayedMonthYearLogic.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../../../utils/dateHelpers.js');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('../../../utils/numberHelpers.js');
-require('../../../utils/hooks/useGetStartingFocusedDay.js');
-require('../../../utils/hooks/useGetDayFromDateString.js');
-require('react-popper');
-require('../../../utils/hooks/useOnClickOutside.js');
-require('../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var useKeyboardHandlers = require('./useKeyboardHandlers.js');
+var useFocusLogic = require('./useFocusLogic.js');
+var usePopperTriggerLogic = require('./usePopperTriggerLogic.js');
+var useCurrentDisplayedMonthYearLogic = require('./useCurrentDisplayedMonthYearLogic.js');
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function sliceIntoChunks(arr, chunkSize) {
-  var res = [];
+  const res = [];
 
-  for (var i = 0; i < arr.length; i += chunkSize) {
-    var chunk = arr.slice(i, i + chunkSize);
+  for (let i = 0; i < arr.length; i += chunkSize) {
+    const chunk = arr.slice(i, i + chunkSize);
     res.push(chunk);
   }
 
   return res;
 }
 
-var useConfigCalendarCTX = function useConfigCalendarCTX() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      disabled = _useContext.props.disabled,
-      prevYearBtnRef = _useContext.prevYearBtnRef,
-      prevMonthBtnRef = _useContext.prevMonthBtnRef,
-      nextMonthBtnRef = _useContext.nextMonthBtnRef,
-      nextYearBtnRef = _useContext.nextYearBtnRef,
-      calendarDaysWrapperRef = _useContext.calendarDaysWrapperRef,
-      isControllerOnly = _useContext.isControllerOnly,
-      isWithTimeWheelToo = _useContext.isWithTimeWheelToo,
-      setLatestInteractionRegion = _useContext.setLatestInteractionRegion,
-      autoFocusPrevMonthArrow = _useContext.autoFocusPrevMonthArrow,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      showCalendar = _useState2[0],
-      setShowCalendar = _useState2[1];
-
-  var _useCurrentDisplayedM = controlledDateTimePicker_parts_Pickers_Calendar_useCurrentDisplayedMonthYearLogic.useCurrentDisplayedMonthYearLogic(),
-      currentMonth = _useCurrentDisplayedM.currentMonth,
-      currentYear = _useCurrentDisplayedM.currentYear,
-      daysArray = _useCurrentDisplayedM.daysArray,
-      handlePrevYear = _useCurrentDisplayedM.handlePrevYear,
-      handlePrevMonth = _useCurrentDisplayedM.handlePrevMonth,
-      handleNextMonth = _useCurrentDisplayedM.handleNextMonth,
-      handleNextYear = _useCurrentDisplayedM.handleNextYear;
-
-  var _useMemo = React.useMemo(function () {
-    var _ref = _toConsumableArray__default['default'](daysArray),
-        invisible1stDay = _ref[0],
-        otherDays = _ref.slice(1);
-
-    var invisibleDayLast = otherDays.pop();
+const useConfigCalendarCTX = () => {
+  const {
+    pickerButtonRef,
+    props: {
+      onPickerOpen,
+      onPickerClose,
+      preventCloseOnSelection
+    },
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    calendarDaysWrapperRef,
+    currMeridiemBtnRef,
+    currHourBtnRef,
+    isControllerOnly,
+    isWithTimeWheelToo,
+    setLatestInteractionRegion,
+    autoFocusPrevMonthArrow,
+    ariaCurrentValueForInputs
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const [showCalendar, setShowCalendar] = React.useState(false);
+  const {
+    currentMonth,
+    currentYear,
+    daysArray,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear
+  } = useCurrentDisplayedMonthYearLogic.useCurrentDisplayedMonthYearLogic();
+  const {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay
+  } = React.useMemo(() => {
+    const [invisible1stDay, ...otherDays] = [...daysArray];
+    const invisibleDayLast = otherDays.pop();
     return {
       invisibleFirstDay: invisible1stDay,
       daysMatrixByWeekday: sliceIntoChunks(otherDays, 7),
       invisibleLastDay: invisibleDayLast
     };
-  }, [daysArray]),
-      invisibleFirstDay = _useMemo.invisibleFirstDay,
-      daysMatrixByWeekday = _useMemo.daysMatrixByWeekday,
-      invisibleLastDay = _useMemo.invisibleLastDay;
-
-  var setLatestInteractionRegionCalendarHead = React.useCallback(function () {
+  }, [daysArray]);
+  const setLatestInteractionRegionCalendarHead = React.useCallback(() => {
     setLatestInteractionRegion('calendar-head');
   }, [setLatestInteractionRegion]);
-  var onPrevYearFocus = React.useCallback(function () {
+  const onPrevYearFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  var onPrevMonthFocus = React.useCallback(function () {
+  const onPrevMonthFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  var onNextMonthFocus = React.useCallback(function () {
+  const onNextMonthFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-  var onNextYearFocus = React.useCallback(function () {
+  const onNextYearFocus = React.useCallback(() => {
     setLatestInteractionRegionCalendarHead();
   }, [setLatestInteractionRegionCalendarHead]);
-
-  var _useFocusLogic = controlledDateTimePicker_parts_Pickers_Calendar_useFocusLogic.useFocusLogic({
-    daysArray: daysArray,
-    showCalendar: showCalendar
-  }),
-      focusedDay = _useFocusLogic.focusedDay,
-      tryToFocusCurrentlyDataIsFocusedDay = _useFocusLogic.tryToFocusCurrentlyDataIsFocusedDay,
-      handleFocusMetaDay = _useFocusLogic.handleFocusMetaDay,
-      handleFocusMetaDayByDay = _useFocusLogic.handleFocusMetaDayByDay,
-      resetFocusedDayToStartDate = _useFocusLogic.resetFocusedDayToStartDate;
-
-  var _usePopperTriggerLogi = controlledDateTimePicker_parts_Pickers_Calendar_usePopperTriggerLogic.usePopperTriggerLogic({
-    tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay,
-    resetFocusedDayToStartDate: resetFocusedDayToStartDate,
-    focusedDay: focusedDay,
-    showCalendar: showCalendar,
-    setShowCalendar: setShowCalendar
-  }),
-      closeCalendar = _usePopperTriggerLogi.closeCalendar,
-      handleSetTriggerRef = _usePopperTriggerLogi.handleSetTriggerRef,
-      setPopperElement = _usePopperTriggerLogi.setPopperElement,
-      setArrowElement = _usePopperTriggerLogi.setArrowElement,
-      usePopperHelpers = _usePopperTriggerLogi.usePopperHelpers,
-      handleToggleCalendar = _usePopperTriggerLogi.handleToggleCalendar,
-      handleMenuWrapperKeyDown = _usePopperTriggerLogi.handleMenuWrapperKeyDown;
-
-  var _useKeyboardHandlers = controlledDateTimePicker_parts_Pickers_Calendar_useKeyboardHandlers.useKeyboardHandlers({
-    focusedDay: focusedDay,
-    daysArray: daysArray,
-    handlePrevMonth: handlePrevMonth,
-    handleNextMonth: handleNextMonth,
-    handleFocusMetaDay: handleFocusMetaDay,
-    handleFocusMetaDayByDay: handleFocusMetaDayByDay,
-    tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay
-  }),
-      handleDayOnKeyDown = _useKeyboardHandlers.handleDayOnKeyDown,
-      handlePrevYearKeyDown = _useKeyboardHandlers.handlePrevYearKeyDown,
-      handlePrevMonthKeyDown = _useKeyboardHandlers.handlePrevMonthKeyDown,
-      handleNextMonthKeyDown = _useKeyboardHandlers.handleNextMonthKeyDown,
-      handleNextYearKeyDown = _useKeyboardHandlers.handleNextYearKeyDown,
-      handlePickerIconKeyDown = _useKeyboardHandlers.handlePickerIconKeyDown;
-
-  return React.useMemo(function () {
-    return {
-      showCalendar: showCalendar,
-      setShowCalendar: setShowCalendar,
-      closeCalendar: closeCalendar,
-      setPopperElement: setPopperElement,
-      setArrowElement: setArrowElement,
-      usePopperHelpers: usePopperHelpers,
-      handleToggleCalendar: handleToggleCalendar,
-      handleSetTriggerRef: handleSetTriggerRef,
-      handleMenuWrapperKeyDown: handleMenuWrapperKeyDown,
-      isControllerOnly: isControllerOnly,
-      calendarDaysWrapperRef: calendarDaysWrapperRef,
-      prevYearBtnRef: prevYearBtnRef,
-      prevMonthBtnRef: prevMonthBtnRef,
-      nextMonthBtnRef: nextMonthBtnRef,
-      nextYearBtnRef: nextYearBtnRef,
-      currentMonth: currentMonth,
-      currentYear: currentYear,
-      daysArray: daysArray,
-      invisibleFirstDay: invisibleFirstDay,
-      daysMatrixByWeekday: daysMatrixByWeekday,
-      invisibleLastDay: invisibleLastDay,
-      focusedDay: focusedDay,
-      tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay,
-      handleFocusMetaDay: handleFocusMetaDay,
-      handleFocusMetaDayByDay: handleFocusMetaDayByDay,
-      resetFocusedDayToStartDate: resetFocusedDayToStartDate,
-      handlePrevMonth: handlePrevMonth,
-      handlePrevYear: handlePrevYear,
-      handleNextMonth: handleNextMonth,
-      handleNextYear: handleNextYear,
-      handleDayOnKeyDown: handleDayOnKeyDown,
-      handlePrevYearKeyDown: handlePrevYearKeyDown,
-      handlePrevMonthKeyDown: handlePrevMonthKeyDown,
-      handleNextMonthKeyDown: handleNextMonthKeyDown,
-      handleNextYearKeyDown: handleNextYearKeyDown,
-      handlePickerIconKeyDown: handlePickerIconKeyDown,
-      onPrevYearFocus: onPrevYearFocus,
-      onPrevMonthFocus: onPrevMonthFocus,
-      onNextMonthFocus: onNextMonthFocus,
-      onNextYearFocus: onNextYearFocus,
-      isWithTimeWheelToo: isWithTimeWheelToo,
-      autoFocusPrevMonthArrow: autoFocusPrevMonthArrow,
-      ariaCurrentValueForInputs: ariaCurrentValueForInputs,
-      disabled: disabled
-    };
-  }, [showCalendar, closeCalendar, setPopperElement, setArrowElement, usePopperHelpers, handleToggleCalendar, handleSetTriggerRef, handleMenuWrapperKeyDown, isControllerOnly, calendarDaysWrapperRef, prevYearBtnRef, prevMonthBtnRef, nextMonthBtnRef, nextYearBtnRef, currentMonth, currentYear, daysArray, invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, focusedDay, tryToFocusCurrentlyDataIsFocusedDay, handleFocusMetaDay, handleFocusMetaDayByDay, resetFocusedDayToStartDate, handlePrevMonth, handlePrevYear, handleNextMonth, handleNextYear, handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown, onPrevYearFocus, onPrevMonthFocus, onNextMonthFocus, onNextYearFocus, isWithTimeWheelToo, autoFocusPrevMonthArrow, ariaCurrentValueForInputs, disabled]);
+  const {
+    focusedDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    handleFocusMetaDay,
+    handleFocusMetaDayByDay,
+    resetFocusedDayToStartDate
+  } = useFocusLogic.useFocusLogic({
+    daysArray,
+    calendarDaysWrapperRef,
+    showCalendar
+  }); // onOpen we try to focus the day we should focus, if we should focus one
+
+  const handleOnPickerOpen = React.useCallback(() => {
+    onPickerOpen();
+    tryToFocusCurrentlyDataIsFocusedDay();
+  }, [onPickerOpen, tryToFocusCurrentlyDataIsFocusedDay]);
+  const {
+    closeCalendar,
+    handleSetTriggerRef,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleCalendar,
+    handleMenuWrapperKeyDown
+  } = usePopperTriggerLogic.usePopperTriggerLogic({
+    focusedDay,
+    resetFocusedDayToStartDate,
+    prevMonthBtnRef,
+    pickerButtonRef,
+    onPickerOpen: handleOnPickerOpen,
+    onPickerClose,
+    showCalendar,
+    setShowCalendar
+  });
+  const {
+    handleDayOnKeyDown,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    handlePickerIconKeyDown
+  } = useKeyboardHandlers.useKeyboardHandlers({
+    focusedDay,
+    daysArray,
+    handlePrevMonth,
+    handleNextMonth,
+    pickerButtonRef,
+    currMeridiemBtnRef,
+    currHourBtnRef,
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    isWithTimeWheelToo,
+    isControllerOnly,
+    setShowCalendar,
+    onPickerOpen,
+    onPickerClose,
+    setLatestInteractionRegion,
+    handleFocusMetaDay,
+    handleFocusMetaDayByDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    hideDate,
+    hideTime,
+    monthInputRef,
+    hourInputRef,
+    preventCloseOnSelection
+  });
+  return React.useMemo(() => ({
+    showCalendar,
+    setShowCalendar,
+    closeCalendar,
+    setPopperElement,
+    setArrowElement,
+    usePopperHelpers,
+    handleToggleCalendar,
+    handleSetTriggerRef,
+    handleMenuWrapperKeyDown,
+    isControllerOnly,
+    calendarDaysWrapperRef,
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    currentMonth,
+    currentYear,
+    daysArray,
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    focusedDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    handleFocusMetaDay,
+    handleFocusMetaDayByDay,
+    resetFocusedDayToStartDate,
+    handlePrevMonth,
+    handlePrevYear,
+    handleNextMonth,
+    handleNextYear,
+    handleDayOnKeyDown,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    handlePickerIconKeyDown,
+    onPrevYearFocus,
+    onPrevMonthFocus,
+    onNextMonthFocus,
+    onNextYearFocus,
+    isWithTimeWheelToo,
+    autoFocusPrevMonthArrow,
+    ariaCurrentValueForInputs
+  }), [showCalendar, closeCalendar, setPopperElement, setArrowElement, usePopperHelpers, handleToggleCalendar, handleSetTriggerRef, handleMenuWrapperKeyDown, isControllerOnly, calendarDaysWrapperRef, prevYearBtnRef, prevMonthBtnRef, nextMonthBtnRef, nextYearBtnRef, currentMonth, currentYear, daysArray, invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, focusedDay, tryToFocusCurrentlyDataIsFocusedDay, handleFocusMetaDay, handleFocusMetaDayByDay, resetFocusedDayToStartDate, handlePrevMonth, handlePrevYear, handleNextMonth, handleNextYear, handleDayOnKeyDown, handlePrevYearKeyDown, handlePrevMonthKeyDown, handleNextMonthKeyDown, handleNextYearKeyDown, handlePickerIconKeyDown, onPrevYearFocus, onPrevMonthFocus, onNextMonthFocus, onNextYearFocus, isWithTimeWheelToo, autoFocusPrevMonthArrow, ariaCurrentValueForInputs]);
 };
 
 exports.useConfigCalendarCTX = useConfigCalendarCTX;
-//# sourceMappingURL=useConfigCalendarCTX.js.map

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js

@@ -2,134 +2,111 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var controlledDateTimePicker_utils_hooks_useGetMonthYearFromDateStringOrEmptyStartingMonth = require('../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
-var controlledDateTimePicker_utils_dateHelpers = require('../../../utils/dateHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('../../../utils/stringHelpers.js');
-require('../../../utils/constants.js');
-require('../../../utils/numberHelpers.js');
+var useGetMonthYearFromDateStringOrEmptyStartingMonth = require('../../../utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js');
+var dateHelpers = require('../../../utils/dateHelpers.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var useCurrentDisplayedMonthYearLogic = function useCurrentDisplayedMonthYearLogic() {
-  var _useGetMonthYearFromD = controlledDateTimePicker_utils_hooks_useGetMonthYearFromDateStringOrEmptyStartingMonth.useGetMonthYearFromDateStringOrEmptyStartingMonth(),
-      monthFromDateString = _useGetMonthYearFromD.month,
-      yearFromDateString = _useGetMonthYearFromD.year; // side-effects are really really controlled in this case so use-effect should be fine
+const useCurrentDisplayedMonthYearLogic = () => {
+  const {
+    month: monthFromDateString,
+    year: yearFromDateString
+  } = useGetMonthYearFromDateStringOrEmptyStartingMonth.useGetMonthYearFromDateStringOrEmptyStartingMonth(); // side-effects are really really controlled in this case so use-effect should be fine
   // don't add 200 side-effects to those or else Chaos would hunt us for the years to come
 
-
-  React.useEffect(function () {
+  React.useEffect(() => {
     setCurrentMonth(monthFromDateString);
   }, [monthFromDateString]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     setCurrentYear(yearFromDateString);
   }, [yearFromDateString]);
-
-  var _useState = React.useState(monthFromDateString),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      currentMonth = _useState2[0],
-      setCurrentMonth = _useState2[1];
-
-  var _useState3 = React.useState(yearFromDateString),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      currentYear = _useState4[0],
-      setCurrentYear = _useState4[1];
-
-  var daysArray = React.useMemo(function () {
-    var newDaysArray = controlledDateTimePicker_utils_dateHelpers.getFiveBySevenCurrentMonthDaysMatrix(currentMonth, currentYear);
-    var hiddenPrevDay = controlledDateTimePicker_utils_dateHelpers.sumValuesToDate(newDaysArray[0].day, {
+  const [currentMonth, setCurrentMonth] = React.useState(monthFromDateString);
+  const [currentYear, setCurrentYear] = React.useState(yearFromDateString);
+  const daysArray = React.useMemo(() => {
+    const newDaysArray = dateHelpers.getFiveBySevenCurrentMonthDaysMatrix(currentMonth, currentYear);
+    const hiddenPrevDay = dateHelpers.sumValuesToDate(newDaysArray[0].day, {
       daysToSum: -1
     });
-    var hiddenPrevMetaday = {
+    const hiddenPrevMetaday = {
       day: hiddenPrevDay,
-      dayAsString: controlledDateTimePicker_utils_dateHelpers.getDateStringFromDay(hiddenPrevDay),
+      dayAsString: dateHelpers.getDateStringFromDay(hiddenPrevDay),
       isPrevMonthDay: true,
       isNextMonthDay: false,
       isCurrMonthDay: false,
       dayBtnRef: /*#__PURE__*/React.createRef(),
       isHidden: true
     };
-    var hiddenNextDay = controlledDateTimePicker_utils_dateHelpers.sumValuesToDate(newDaysArray[newDaysArray.length - 1].day, {
+    const hiddenNextDay = dateHelpers.sumValuesToDate(newDaysArray[newDaysArray.length - 1].day, {
       daysToSum: 1
     });
-    var hiddenNextMetaday = {
+    const hiddenNextMetaday = {
       day: hiddenNextDay,
-      dayAsString: controlledDateTimePicker_utils_dateHelpers.getDateStringFromDay(hiddenNextDay),
+      dayAsString: dateHelpers.getDateStringFromDay(hiddenNextDay),
       isPrevMonthDay: false,
       isNextMonthDay: true,
       isCurrMonthDay: false,
       dayBtnRef: /*#__PURE__*/React.createRef(),
       isHidden: true
     };
-    return [hiddenPrevMetaday].concat(_toConsumableArray__default['default'](newDaysArray), [hiddenNextMetaday]);
+    return [hiddenPrevMetaday, ...newDaysArray, hiddenNextMetaday];
   }, [currentMonth, currentYear]);
-  var handlePrevYear = React.useCallback(function () {
-    var _sumFromDateValues = controlledDateTimePicker_utils_dateHelpers.sumFromDateValues({
+  const handlePrevYear = React.useCallback(() => {
+    const {
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       yearsToSum: -1
-    }),
-        newYear = _sumFromDateValues.year;
-
+    });
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  var handlePrevMonth = React.useCallback(function () {
-    var _sumFromDateValues2 = controlledDateTimePicker_utils_dateHelpers.sumFromDateValues({
+  const handlePrevMonth = React.useCallback(() => {
+    const {
+      month: newMonth,
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       monthsToSum: -1
-    }),
-        newMonth = _sumFromDateValues2.month,
-        newYear = _sumFromDateValues2.year;
-
+    });
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  var handleNextMonth = React.useCallback(function () {
-    var _sumFromDateValues3 = controlledDateTimePicker_utils_dateHelpers.sumFromDateValues({
+  const handleNextMonth = React.useCallback(() => {
+    const {
+      month: newMonth,
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       monthsToSum: 1
-    }),
-        newMonth = _sumFromDateValues3.month,
-        newYear = _sumFromDateValues3.year;
-
+    });
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  var handleNextYear = React.useCallback(function () {
-    var _sumFromDateValues4 = controlledDateTimePicker_utils_dateHelpers.sumFromDateValues({
+  const handleNextYear = React.useCallback(() => {
+    const {
+      year: newYear
+    } = dateHelpers.sumFromDateValues({
       month: currentMonth,
       year: currentYear
     }, {
       yearsToSum: 1
-    }),
-        newYear = _sumFromDateValues4.year;
-
+    });
     setCurrentYear(newYear);
   }, [currentMonth, currentYear]);
-  return React.useMemo(function () {
-    return {
-      currentMonth: currentMonth,
-      currentYear: currentYear,
-      daysArray: daysArray,
-      handlePrevYear: handlePrevYear,
-      handlePrevMonth: handlePrevMonth,
-      handleNextMonth: handleNextMonth,
-      handleNextYear: handleNextYear
-    };
-  }, [currentMonth, currentYear, daysArray, handleNextMonth, handleNextYear, handlePrevMonth, handlePrevYear]);
+  return React.useMemo(() => ({
+    currentMonth,
+    currentYear,
+    daysArray,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear
+  }), [currentMonth, currentYear, daysArray, handleNextMonth, handleNextYear, handlePrevMonth, handlePrevYear]);
 };
 
 exports.useCurrentDisplayedMonthYearLogic = useCurrentDisplayedMonthYearLogic;
-//# sourceMappingURL=useCurrentDisplayedMonthYearLogic.js.map