@zendeskgarden/react-datepickers 9.12.2 → 9.12.4

package/dist/esm/elements/DatePicker/DatePicker.js

@@ -9,8 +9,8 @@ import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import { mergeRefs } from 'react-merge-refs';
 import { ThemeContext } from 'styled-components';
-import { useFloating, platform, autoPlacement, flip, autoUpdate } from '@floating-ui/react-dom';
-import { WEEK_STARTS_ON, PLACEMENT } from '../../types/index.js';
+import { useFloating, autoPlacement, flip, platform, autoUpdate } from '@floating-ui/react-dom';
+import { PLACEMENT, WEEK_STARTS_ON } from '../../types/index.js';
 import { Calendar } from './components/Calendar.js';
 import { datepickerReducer, retrieveInitialState } from './utils/date-picker-reducer.js';
 import { DatePickerContext } from './utils/useDatePickerContext.js';

package/dist/esm/elements/DatePicker/components/Calendar.js

@@ -33,15 +33,14 @@ import useDatePickerContext from '../utils/useDatePickerContext.js';
 import { getStartOfWeek } from '../../../utils/calendar-utils.js';
 import { MonthSelector } from './MonthSelector.js';
 
-const Calendar = forwardRef((_ref, ref) => {
-  let {
-    value,
-    minValue,
-    maxValue,
-    isCompact,
-    locale,
-    weekStartsOn
-  } = _ref;
+const Calendar$1 = forwardRef(({
+  value,
+  minValue,
+  maxValue,
+  isCompact,
+  locale,
+  weekStartsOn
+}, ref) => {
   const {
     state,
     dispatch
@@ -120,6 +119,6 @@ const Calendar = forwardRef((_ref, ref) => {
     $isCompact: isCompact
   }, dayLabels, items));
 });
-Calendar.displayName = 'Calendar';
+Calendar$1.displayName = 'Calendar';
 
-export { Calendar };
+export { Calendar$1 as Calendar };

package/dist/esm/elements/DatePicker/components/Input.js

@@ -7,13 +7,12 @@
 import { forwardRef, useRef, cloneElement } from 'react';
 import { composeEventHandlers, KEYS } from '@zendeskgarden/container-utilities';
 
-const Input = forwardRef((_ref, ref) => {
-  let {
-    element,
-    dispatch,
-    state,
-    refKey
-  } = _ref;
+const Input = forwardRef(({
+  element,
+  dispatch,
+  state,
+  refKey
+}, ref) => {
   const isInputMouseDownRef = useRef(false);
   const handleBlur = () => {
     dispatch({

package/dist/esm/elements/DatePicker/components/MonthSelector.js

@@ -21,11 +21,10 @@ import useDatePickerContext from '../utils/useDatePickerContext.js';
 import SvgChevronLeftStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
 import SvgChevronRightStroke from '../../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
 
-const MonthSelector = _ref => {
-  let {
-    locale,
-    isCompact
-  } = _ref;
+const MonthSelector = ({
+  locale,
+  isCompact
+}) => {
   const {
     state,
     dispatch

package/dist/esm/elements/DatePicker/utils/date-picker-reducer.js

@@ -11,11 +11,10 @@ import { parse } from 'date-fns/parse';
 import { isBefore } from 'date-fns/isBefore';
 import { isSameDay } from 'date-fns/isSameDay';
 
-function parseInputValue(_ref) {
-  let {
-    inputValue,
-    customParseDate
-  } = _ref;
+function parseInputValue$1({
+  inputValue,
+  customParseDate
+}) {
   if (customParseDate) {
     return customParseDate(inputValue);
   }
@@ -34,12 +33,11 @@ function parseInputValue(_ref) {
   }
   return new Date(NaN);
 }
-function formatInputValue(_ref2) {
-  let {
-    date,
-    locale,
-    formatDate
-  } = _ref2;
+function formatInputValue({
+  date,
+  locale,
+  formatDate
+}) {
   if (!date) {
     return '';
   }
@@ -52,115 +50,112 @@ function formatInputValue(_ref2) {
     year: 'numeric'
   }).format(date);
 }
-const datepickerReducer = _ref3 => {
-  let {
-    value,
-    formatDate,
-    locale,
-    customParseDate,
-    onChange
-  } = _ref3;
-  return (state, action) => {
-    switch (action.type) {
-      case 'OPEN':
+const datepickerReducer = ({
+  value,
+  formatDate,
+  locale,
+  customParseDate,
+  onChange
+}) => (state, action) => {
+  switch (action.type) {
+    case 'OPEN':
+      return {
+        ...state,
+        isOpen: true,
+        previewDate: value || new Date()
+      };
+    case 'CLOSE':
+      {
+        const inputValue = formatInputValue({
+          date: value,
+          locale,
+          formatDate
+        });
         return {
           ...state,
-          isOpen: true,
-          previewDate: value || new Date()
+          isOpen: false,
+          inputValue
         };
-      case 'CLOSE':
-        {
-          const inputValue = formatInputValue({
-            date: value,
-            locale,
-            formatDate
-          });
-          return {
-            ...state,
-            isOpen: false,
-            inputValue
-          };
-        }
-      case 'PREVIEW_NEXT_MONTH':
-        {
-          const previewDate = addMonths(state.previewDate, 1);
-          return {
-            ...state,
-            previewDate
-          };
-        }
-      case 'PREVIEW_PREVIOUS_MONTH':
-        {
-          const previewDate = subMonths(state.previewDate, 1);
-          return {
-            ...state,
-            previewDate
-          };
-        }
-      case 'MANUALLY_UPDATE_INPUT':
-        {
-          const inputValue = action.value;
-          const currentDate = parseInputValue({
-            inputValue,
-            customParseDate
-          });
-          if (onChange && currentDate && isValid(currentDate) && !isSameDay(value, currentDate)) {
-            onChange(currentDate);
-          }
-          return {
-            ...state,
-            isOpen: true,
-            inputValue
-          };
-        }
-      case 'CONTROLLED_VALUE_CHANGE':
-        {
-          const previewDate = action.value || new Date();
-          const inputValue = formatInputValue({
-            date: action.value,
-            locale,
-            formatDate
-          });
-          return {
-            ...state,
-            previewDate,
-            inputValue
-          };
-        }
-      case 'CONTROLLED_LOCALE_CHANGE':
-        {
-          const inputValue = formatInputValue({
-            date: value,
-            locale,
-            formatDate
-          });
-          return {
-            ...state,
-            inputValue
-          };
+      }
+    case 'PREVIEW_NEXT_MONTH':
+      {
+        const previewDate = addMonths(state.previewDate, 1);
+        return {
+          ...state,
+          previewDate
+        };
+      }
+    case 'PREVIEW_PREVIOUS_MONTH':
+      {
+        const previewDate = subMonths(state.previewDate, 1);
+        return {
+          ...state,
+          previewDate
+        };
+      }
+    case 'MANUALLY_UPDATE_INPUT':
+      {
+        const inputValue = action.value;
+        const currentDate = parseInputValue$1({
+          inputValue,
+          customParseDate
+        });
+        if (onChange && currentDate && isValid(currentDate) && !isSameDay(value, currentDate)) {
+          onChange(currentDate);
         }
-      case 'SELECT_DATE':
-        {
-          const inputValue = formatInputValue({
-            date: action.value,
-            locale,
-            formatDate
-          });
-          if (onChange && action.value && isValid(action.value) && !isSameDay(value, action.value)) {
-            onChange(action.value);
-          }
-          return {
-            ...state,
-            isOpen: false,
-            inputValue
-          };
+        return {
+          ...state,
+          isOpen: true,
+          inputValue
+        };
+      }
+    case 'CONTROLLED_VALUE_CHANGE':
+      {
+        const previewDate = action.value || new Date();
+        const inputValue = formatInputValue({
+          date: action.value,
+          locale,
+          formatDate
+        });
+        return {
+          ...state,
+          previewDate,
+          inputValue
+        };
+      }
+    case 'CONTROLLED_LOCALE_CHANGE':
+      {
+        const inputValue = formatInputValue({
+          date: value,
+          locale,
+          formatDate
+        });
+        return {
+          ...state,
+          inputValue
+        };
+      }
+    case 'SELECT_DATE':
+      {
+        const inputValue = formatInputValue({
+          date: action.value,
+          locale,
+          formatDate
+        });
+        if (onChange && action.value && isValid(action.value) && !isSameDay(value, action.value)) {
+          onChange(action.value);
         }
-      default:
-        throw new Error();
-    }
-  };
+        return {
+          ...state,
+          isOpen: false,
+          inputValue
+        };
+      }
+    default:
+      throw new Error();
+  }
 };
-function retrieveInitialState(initialProps) {
+function retrieveInitialState$1(initialProps) {
   let previewDate = initialProps.value;
   if (previewDate === undefined || !isValid(previewDate)) {
     previewDate = new Date();
@@ -184,4 +179,4 @@ function retrieveInitialState(initialProps) {
   };
 }
 
-export { datepickerReducer, retrieveInitialState };
+export { datepickerReducer, retrieveInitialState$1 as retrieveInitialState };

package/dist/esm/elements/DatePicker/utils/useDatePickerContext.js

@@ -7,8 +7,8 @@
 import { createContext, useContext } from 'react';
 
 const DatePickerContext = createContext(undefined);
-const useDatePickerContext = () => {
+const useDatePickerContext$1 = () => {
   return useContext(DatePickerContext);
 };
 
-export { DatePickerContext, useDatePickerContext as default };
+export { DatePickerContext, useDatePickerContext$1 as default };

package/dist/esm/elements/DatePickerRange/components/Calendar.js

@@ -28,7 +28,7 @@ const Calendar = forwardRef((props, ref) => {
   return React__default.createElement(StyledRangeCalendar, Object.assign({
     ref: ref,
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '9.12.2'
+    "data-garden-version": '9.12.4'
   }, props), React__default.createElement(Month, {
     displayDate: state.previewDate,
     isNextHidden: true

package/dist/esm/elements/DatePickerRange/components/Month.js

@@ -35,12 +35,11 @@ import { StyledDay } from '../../../styled/StyledDay.js';
 import { getStartOfWeek } from '../../../utils/calendar-utils.js';
 import useDatePickerContext from '../utils/useDatePickerRangeContext.js';
 
-const Month = forwardRef((_ref, ref) => {
-  let {
-    displayDate,
-    isPreviousHidden,
-    isNextHidden
-  } = _ref;
+const Month = forwardRef(({
+  displayDate,
+  isPreviousHidden,
+  isNextHidden
+}, ref) => {
   const {
     state,
     dispatch,