@zendeskgarden/react-datepickers 8.45.0 → 8.47.2

package/dist/index.cjs.js

@@ -27,14 +27,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -48,14 +46,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -63,19 +56,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -392,9 +378,9 @@ function getDate(dirtyDate) {
 }
 
 var COMPONENT_ID$b = 'datepickers.menu';
-var StyledMenu = styled__default['default'].div.attrs({
+var StyledMenu = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -406,7 +392,7 @@ StyledMenu.defaultProps = {
 };
 
 var COMPONENT_ID$a = 'datepickers.menu_wrapper';
-var StyledMenuWrapper = styled__default['default'].div.attrs(function (props) {
+var StyledMenuWrapper = styled__default["default"].div.attrs(function (props) {
   return {
     className: props.isAnimated && 'is-animated'
   };
@@ -438,7 +424,7 @@ var retrievePadding = function retrievePadding(_ref) {
   }
   return "margin: ".concat(value, "px;");
 };
-var StyledDatepicker = styled__default['default'].div.attrs({
+var StyledDatepicker = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$9
 }).withConfig({
   displayName: "StyledDatepicker",
@@ -457,7 +443,7 @@ StyledDatepicker.defaultProps = {
 };
 
 var COMPONENT_ID$8 = 'datepickers.range_calendar';
-var StyledRangeCalendar = styled__default['default'].div.attrs({
+var StyledRangeCalendar = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$8
 }).withConfig({
   displayName: "StyledRangeCalendar",
@@ -472,7 +458,7 @@ StyledRangeCalendar.defaultProps = {
 };
 
 var COMPONENT_ID$7 = 'datepickers.header';
-var StyledHeader = styled__default['default'].div.attrs({
+var StyledHeader = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$7
 }).withConfig({
   displayName: "StyledHeader",
@@ -500,7 +486,7 @@ var retrieveColor$1 = function retrieveColor(_ref2) {
   return styled.css([":hover{background-color:", ";color:", ";}:active{background-color:", ";color:", ";}color:", ";"], reactTheming.getColor('primaryHue', 600, theme, 0.08), theme.colors.foreground, reactTheming.getColor('primaryHue', 600, theme, 0.2), theme.colors.foreground, reactTheming.getColor('neutralHue', 600, theme));
 };
 var COMPONENT_ID$6 = 'datepickers.header_paddle';
-var StyledHeaderPaddle = styled__default['default'].div.attrs({
+var StyledHeaderPaddle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$6
 }).withConfig({
   displayName: "StyledHeaderPaddle",
@@ -522,7 +508,7 @@ StyledHeaderPaddle.defaultProps = {
 };
 
 var COMPONENT_ID$5 = 'datepickers.header_label';
-var StyledHeaderLabel = styled__default['default'].div.attrs({
+var StyledHeaderLabel = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5
 }).withConfig({
   displayName: "StyledHeaderLabel",
@@ -539,7 +525,7 @@ StyledHeaderLabel.defaultProps = {
 };
 
 var COMPONENT_ID$4 = 'datepickers.calendar';
-var StyledCalendar = styled__default['default'].div.attrs({
+var StyledCalendar = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$4
 }).withConfig({
   displayName: "StyledCalendar",
@@ -565,7 +551,7 @@ var retrieveSize = function retrieveSize(_ref) {
   }
   return styled.css(["width:", ";height:", ";"], size, size);
 };
-var StyledCalendarItem = styled__default['default'].div.attrs({
+var StyledCalendarItem = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$3
 }).withConfig({
   displayName: "StyledCalendarItem",
@@ -578,7 +564,7 @@ StyledCalendarItem.defaultProps = {
 };
 
 var COMPONENT_ID$2 = 'datepickers.day_label';
-var StyledDayLabel = styled__default['default'].div.attrs({
+var StyledDayLabel = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$2
 }).withConfig({
   displayName: "StyledDayLabel",
@@ -623,7 +609,7 @@ var retrieveColor = function retrieveColor(_ref2) {
   }
   return styled.css([""]);
 };
-var StyledHighlight = styled__default['default'].div.attrs({
+var StyledHighlight = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1
 }).withConfig({
   displayName: "StyledHighlight",
@@ -656,7 +642,7 @@ var retrieveStyledDayColors = function retrieveStyledDayColors(_ref) {
   return styled.css(["background-color:", ";color:", ";", ""], backgroundColor, color, !isSelected && !isDisabled && "\n      :hover {\n        background-color: ".concat(reactTheming.getColor('primaryHue', 600, theme, 0.08), ";\n        color: ").concat(reactTheming.getColor('primaryHue', 800, theme), ";\n      }\n\n      :active {\n        background-color: ").concat(reactTheming.getColor('primaryHue', 600, theme, 0.2), ";\n        color: ").concat(reactTheming.getColor('primaryHue', 800, theme), ";\n      }\n  "));
 };
 var COMPONENT_ID = 'datepickers.day';
-var StyledDay = styled__default['default'].div.attrs(function (props) {
+var StyledDay = styled__default["default"].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID,
     'aria-disabled': props.isDisabled ? 'true' : 'false'
@@ -763,41 +749,41 @@ function getStartOfWeek(locale) {
   return 0;
 }
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path$1;
 
-var _ref$1 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
-});
+function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-function SvgChevronLeftStroke(props) {
+var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
+  })));
+};
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgChevronRightStroke(props) {
+var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
+  })));
+};
 
 var MonthSelector = function MonthSelector(_ref) {
   var locale = _ref.locale,
@@ -812,25 +798,25 @@ var MonthSelector = function MonthSelector(_ref) {
     });
     return formatter.format(date);
   }, [locale]);
-  return React__default['default'].createElement(StyledHeader, {
+  return React__default["default"].createElement(StyledHeader, {
     isCompact: isCompact
-  }, React__default['default'].createElement(StyledHeaderPaddle, {
+  }, React__default["default"].createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: function onClick() {
       dispatch({
         type: 'PREVIEW_PREVIOUS_MONTH'
       });
     }
-  }, React__default['default'].createElement(SvgChevronLeftStroke, null)), React__default['default'].createElement(StyledHeaderLabel, {
+  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement(StyledHeaderLabel, {
     isCompact: isCompact
-  }, headerLabelFormatter(state.previewDate)), React__default['default'].createElement(StyledHeaderPaddle, {
+  }, headerLabelFormatter(state.previewDate)), React__default["default"].createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: function onClick() {
       dispatch({
         type: 'PREVIEW_NEXT_MONTH'
       });
     }
-  }, React__default['default'].createElement(SvgChevronRightStroke, null)));
+  }, React__default["default"].createElement(SvgChevronRightStroke, null)));
 };
 
 var Calendar$1 = function Calendar(_ref) {
@@ -862,10 +848,10 @@ var Calendar$1 = function Calendar(_ref) {
     end: addDays(startDate, 6)
   }).map(function (date) {
     var formattedDayLabel = dayLabelFormatter(date);
-    return React__default['default'].createElement(StyledCalendarItem, {
+    return React__default["default"].createElement(StyledCalendarItem, {
       key: "day-label-".concat(formattedDayLabel),
       isCompact: isCompact
-    }, React__default['default'].createElement(StyledDayLabel, {
+    }, React__default["default"].createElement(StyledDayLabel, {
       isCompact: isCompact
     }, formattedDayLabel));
   });
@@ -884,10 +870,10 @@ var Calendar$1 = function Calendar(_ref) {
     if (maxValue !== undefined) {
       isDisabled = isDisabled || isAfter(date, maxValue) && !isSameDay(date, maxValue);
     }
-    return React__default['default'].createElement(StyledCalendarItem, {
+    return React__default["default"].createElement(StyledCalendarItem, {
       key: "day-".concat(itemsIndex),
       isCompact: isCompact
-    }, React__default['default'].createElement(StyledDay, {
+    }, React__default["default"].createElement(StyledDay, {
       isToday: isCurrentDate,
       isPreviousMonth: isPreviousMonth,
       isSelected: isSelected,
@@ -903,15 +889,15 @@ var Calendar$1 = function Calendar(_ref) {
       }
     }, formattedDayLabel));
   });
-  return React__default['default'].createElement(StyledDatepicker, {
+  return React__default["default"].createElement(StyledDatepicker, {
     isCompact: isCompact,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
     }
-  }, React__default['default'].createElement(MonthSelector, {
+  }, React__default["default"].createElement(MonthSelector, {
     locale: locale,
     isCompact: isCompact
-  }), React__default['default'].createElement(StyledCalendar, {
+  }), React__default["default"].createElement(StyledCalendar, {
     isCompact: isCompact
   }, dayLabels, items));
 };
@@ -3329,13 +3315,13 @@ var Datepicker = function Datepicker(props) {
       dispatch: dispatch
     };
   }, [state, dispatch]);
-  return React__default['default'].createElement(DatepickerContext.Provider, {
+  return React__default["default"].createElement(DatepickerContext.Provider, {
     value: contextValue
-  }, React__default['default'].createElement(reactPopper.Manager, null, React__default['default'].createElement(reactPopper.Reference, null, function (_ref) {
+  }, React__default["default"].createElement(reactPopper.Manager, null, React__default["default"].createElement(reactPopper.Reference, null, function (_ref) {
     var _React$cloneElement;
     var ref = _ref.ref;
-    var childElement = React__default['default'].Children.only(children);
-    return React__default['default'].cloneElement(childElement, (_React$cloneElement = {}, _defineProperty(_React$cloneElement, refKey, function (refValue) {
+    var childElement = React__default["default"].Children.only(children);
+    return React__default["default"].cloneElement(childElement, (_React$cloneElement = {}, _defineProperty(_React$cloneElement, refKey, function (refValue) {
       ref(refValue);
       inputRef.current = refValue;
     }), _defineProperty(_React$cloneElement, "onMouseDown", containerUtilities.composeEventHandlers(childElement.props.onMouseDown, function () {
@@ -3376,7 +3362,7 @@ var Datepicker = function Datepicker(props) {
           break;
       }
     })), _defineProperty(_React$cloneElement, "autoComplete", 'off'), _defineProperty(_React$cloneElement, "value", state.inputValue), _React$cloneElement));
-  }), React__default['default'].createElement(reactPopper.Popper, {
+  }), React__default["default"].createElement(reactPopper.Popper, {
     placement: popperPlacement,
     modifiers: popperModifiers
     ,
@@ -3387,14 +3373,14 @@ var Datepicker = function Datepicker(props) {
         scheduleUpdate = _ref2.scheduleUpdate,
         currentPlacement = _ref2.placement;
     scheduleUpdateRef.current = scheduleUpdate;
-    return React__default['default'].createElement(StyledMenuWrapper, {
+    return React__default["default"].createElement(StyledMenuWrapper, {
       ref: ref,
       style: style,
       isHidden: !state.isOpen,
       isAnimated: isAnimated && (state.isOpen || isVisible),
       placement: currentPlacement,
       zIndex: zIndex
-    }, React__default['default'].createElement(StyledMenu, null, React__default['default'].createElement(Calendar$1, {
+    }, (state.isOpen || isVisible) && React__default["default"].createElement(StyledMenu, null, React__default["default"].createElement(Calendar$1, {
       isCompact: isCompact,
       value: value,
       minValue: minValue,
@@ -3404,20 +3390,20 @@ var Datepicker = function Datepicker(props) {
   })));
 };
 Datepicker.propTypes = {
-  value: PropTypes__default['default'].any,
-  onChange: PropTypes__default['default'].any,
-  formatDate: PropTypes__default['default'].func,
-  locale: PropTypes__default['default'].any,
-  minValue: PropTypes__default['default'].any,
-  maxValue: PropTypes__default['default'].any,
-  isCompact: PropTypes__default['default'].bool,
-  customParseDate: PropTypes__default['default'].any,
-  refKey: PropTypes__default['default'].string,
-  placement: PropTypes__default['default'].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
-  popperModifiers: PropTypes__default['default'].any,
-  isAnimated: PropTypes__default['default'].bool,
-  eventsEnabled: PropTypes__default['default'].bool,
-  zIndex: PropTypes__default['default'].number
+  value: PropTypes__default["default"].any,
+  onChange: PropTypes__default["default"].any,
+  formatDate: PropTypes__default["default"].func,
+  locale: PropTypes__default["default"].any,
+  minValue: PropTypes__default["default"].any,
+  maxValue: PropTypes__default["default"].any,
+  isCompact: PropTypes__default["default"].bool,
+  customParseDate: PropTypes__default["default"].any,
+  refKey: PropTypes__default["default"].string,
+  placement: PropTypes__default["default"].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
+  popperModifiers: PropTypes__default["default"].any,
+  isAnimated: PropTypes__default["default"].bool,
+  eventsEnabled: PropTypes__default["default"].bool,
+  zIndex: PropTypes__default["default"].number
 };
 Datepicker.defaultProps = {
   placement: 'bottom-start',
@@ -3770,8 +3756,8 @@ var Start = function Start(props) {
     });
     props.children.props.onBlur && props.children.props.onBlur(e);
   }, [dispatch, props.children]);
-  var childElement = React__default['default'].Children.only(props.children);
-  return React__default['default'].cloneElement(childElement, {
+  var childElement = React__default["default"].Children.only(props.children);
+  return React__default["default"].cloneElement(childElement, {
     value: state.startInputValue,
     ref: startInputRef,
     onChange: containerUtilities.composeEventHandlers(childElement.props.onChange, onChangeCallback),
@@ -3814,8 +3800,8 @@ var End = function End(props) {
     });
     props.children.props.onBlur && props.children.props.onBlur(e);
   }, [dispatch, props.children]);
-  var childElement = React__default['default'].Children.only(props.children);
-  return React__default['default'].cloneElement(childElement, {
+  var childElement = React__default["default"].Children.only(props.children);
+  return React__default["default"].cloneElement(childElement, {
     value: state.endInputValue,
     ref: endInputRef,
     onChange: containerUtilities.composeEventHandlers(childElement.props.onChange, onChangeCallback),
@@ -3876,10 +3862,10 @@ var Month = function Month(_ref) {
     end: addDays(startDate, 6)
   }).map(function (date) {
     var formattedDayLabel = dayLabelFormatter(date);
-    return React__default['default'].createElement(StyledCalendarItem, {
+    return React__default["default"].createElement(StyledCalendarItem, {
       key: "day-label-".concat(formattedDayLabel),
       isCompact: isCompact
-    }, React__default['default'].createElement(StyledDayLabel, {
+    }, React__default["default"].createElement(StyledDayLabel, {
       isCompact: isCompact
     }, formattedDayLabel));
   });
@@ -3891,10 +3877,10 @@ var Month = function Month(_ref) {
     var isCurrentDate = isToday(date);
     var isPreviousMonth = !isSameMonth(date, displayDate);
     if (isPreviousMonth) {
-      return React__default['default'].createElement(StyledCalendarItem, {
+      return React__default["default"].createElement(StyledCalendarItem, {
         key: "day-".concat(itemsIndex),
         isCompact: isCompact
-      }, React__default['default'].createElement(StyledDay, {
+      }, React__default["default"].createElement(StyledDay, {
         isCompact: isCompact,
         isPreviousMonth: true,
         isDisabled: true
@@ -3939,14 +3925,14 @@ var Month = function Month(_ref) {
         isInvalidDateRange = isInvalidDateRange || compareAsc(endValue, maxValue) === 1;
       }
     }
-    return React__default['default'].createElement(StyledCalendarItem, {
+    return React__default["default"].createElement(StyledCalendarItem, {
       key: "day-".concat(itemsIndex),
       isCompact: isCompact
-    }, React__default['default'].createElement(StyledHighlight, {
+    }, React__default["default"].createElement(StyledHighlight, {
       isHighlighted: !isInvalidDateRange && isHighlighted && !isDisabled,
       isStart: !isInvalidDateRange && isHighlightStart,
       isEnd: !isInvalidDateRange && isHighlightEnd
-    }), React__default['default'].createElement(StyledDay, {
+    }), React__default["default"].createElement(StyledDay, {
       isToday: isCurrentDate,
       isPreviousMonth: isPreviousMonth,
       isSelected: !isInvalidDateRange && isSelected,
@@ -3970,14 +3956,14 @@ var Month = function Month(_ref) {
       }
     }, formattedDayLabel));
   });
-  return React__default['default'].createElement(StyledDatepicker, {
+  return React__default["default"].createElement(StyledDatepicker, {
     isCompact: isCompact,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
     }
-  }, React__default['default'].createElement(StyledHeader, {
+  }, React__default["default"].createElement(StyledHeader, {
     isCompact: isCompact
-  }, React__default['default'].createElement(StyledHeaderPaddle, {
+  }, React__default["default"].createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: function onClick() {
       dispatch({
@@ -3985,9 +3971,9 @@ var Month = function Month(_ref) {
       });
     },
     isHidden: isPreviousHidden
-  }, React__default['default'].createElement(SvgChevronLeftStroke, null)), React__default['default'].createElement(StyledHeaderLabel, {
+  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement(StyledHeaderLabel, {
     isCompact: isCompact
-  }, headerLabelFormatter(displayDate)), React__default['default'].createElement(StyledHeaderPaddle, {
+  }, headerLabelFormatter(displayDate)), React__default["default"].createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     isHidden: isNextHidden,
     onClick: function onClick() {
@@ -3995,7 +3981,7 @@ var Month = function Month(_ref) {
         type: 'PREVIEW_NEXT_MONTH'
       });
     }
-  }, React__default['default'].createElement(SvgChevronRightStroke, null))), React__default['default'].createElement(StyledCalendar, {
+  }, React__default["default"].createElement(SvgChevronRightStroke, null))), React__default["default"].createElement(StyledCalendar, {
     isCompact: isCompact,
     onMouseLeave: function onMouseLeave() {
       dispatch({
@@ -4017,10 +4003,10 @@ var Calendar = function Calendar(props) {
       startValue = _useDatepickerRangeCo.startValue,
       endValue = _useDatepickerRangeCo.endValue,
       onChange = _useDatepickerRangeCo.onChange;
-  return React__default['default'].createElement(StyledRangeCalendar, _extends$2({
+  return React__default["default"].createElement(StyledRangeCalendar, _extends$2({
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.45.0'
-  }, props), React__default['default'].createElement(Month, {
+    "data-garden-version": '8.47.2'
+  }, props), React__default["default"].createElement(Month, {
     locale: locale,
     displayDate: state.previewDate,
     isCompact: isCompact,
@@ -4032,7 +4018,7 @@ var Calendar = function Calendar(props) {
     endValue: endValue,
     onChange: onChange,
     hoverDate: state.hoverDate
-  }), React__default['default'].createElement(Month, {
+  }), React__default["default"].createElement(Month, {
     locale: locale,
     displayDate: addMonths(state.previewDate, 1),
     isCompact: isCompact,
@@ -4109,7 +4095,7 @@ var DatepickerRange = function DatepickerRange(props) {
       endInputRef: endInputRef
     };
   }, [state, dispatch, isCompact, locale, minValue, maxValue, startValue, endValue, onChange, startInputRef, endInputRef]);
-  return React__default['default'].createElement(DatepickerRangeContext.Provider, {
+  return React__default["default"].createElement(DatepickerRangeContext.Provider, {
     value: value
   }, children);
 };
@@ -4117,15 +4103,15 @@ DatepickerRange.Start = Start;
 DatepickerRange.End = End;
 DatepickerRange.Calendar = Calendar;
 DatepickerRange.propTypes = {
-  locale: PropTypes__default['default'].string,
-  startValue: PropTypes__default['default'].instanceOf(Date),
-  endValue: PropTypes__default['default'].instanceOf(Date),
-  minValue: PropTypes__default['default'].instanceOf(Date),
-  maxValue: PropTypes__default['default'].instanceOf(Date),
-  onChange: PropTypes__default['default'].func,
-  formatDate: PropTypes__default['default'].func,
-  customParseDate: PropTypes__default['default'].func,
-  isCompact: PropTypes__default['default'].bool
+  locale: PropTypes__default["default"].string,
+  startValue: PropTypes__default["default"].instanceOf(Date),
+  endValue: PropTypes__default["default"].instanceOf(Date),
+  minValue: PropTypes__default["default"].instanceOf(Date),
+  maxValue: PropTypes__default["default"].instanceOf(Date),
+  onChange: PropTypes__default["default"].func,
+  formatDate: PropTypes__default["default"].func,
+  customParseDate: PropTypes__default["default"].func,
+  isCompact: PropTypes__default["default"].bool
 };
 DatepickerRange.defaultProps = {
   locale: 'en-US',

package/dist/index.esm.js

@@ -18,14 +18,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -33,19 +28,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -364,7 +352,7 @@ function getDate(dirtyDate) {
 var COMPONENT_ID$b = 'datepickers.menu';
 var StyledMenu = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -733,41 +721,41 @@ function getStartOfWeek(locale) {
   return 0;
 }
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path$1;
 
-var _ref$1 = /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
-});
+function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-function SvgChevronLeftStroke(props) {
+var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
+  })));
+};
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgChevronRightStroke(props) {
+var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
+  })));
+};
 
 var MonthSelector = function MonthSelector(_ref) {
   var locale = _ref.locale,
@@ -3364,7 +3352,7 @@ var Datepicker = function Datepicker(props) {
       isAnimated: isAnimated && (state.isOpen || isVisible),
       placement: currentPlacement,
       zIndex: zIndex
-    }, React__default.createElement(StyledMenu, null, React__default.createElement(Calendar$1, {
+    }, (state.isOpen || isVisible) && React__default.createElement(StyledMenu, null, React__default.createElement(Calendar$1, {
       isCompact: isCompact,
       value: value,
       minValue: minValue,
@@ -3989,7 +3977,7 @@ var Calendar = function Calendar(props) {
       onChange = _useDatepickerRangeCo.onChange;
   return React__default.createElement(StyledRangeCalendar, _extends$2({
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.45.0'
+    "data-garden-version": '8.47.2'
   }, props), React__default.createElement(Month, {
     locale: locale,
     displayDate: state.previewDate,

package/dist/typings/elements/DatepickerRange/DatepickerRange.d.ts

@@ -60,8 +60,8 @@ export interface IDatepickerRangeProps {
 }
 export declare const DatepickerRange: {
     (props: PropsWithChildren<IDatepickerRangeProps>): JSX.Element;
-    Start: (props: React.PropsWithChildren<React.HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
-    End: (props: React.PropsWithChildren<React.HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+    Start: (props: React.PropsWithChildren<React.HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    End: (props: React.PropsWithChildren<React.HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     Calendar: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
     propTypes: {
         locale: PropTypes.Requireable<string>;

package/dist/typings/elements/DatepickerRange/components/End.d.ts

@@ -5,5 +5,5 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { PropsWithChildren, HTMLAttributes } from 'react';
-declare const End: (props: PropsWithChildren<HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare const End: (props: PropsWithChildren<HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default End;

package/dist/typings/elements/DatepickerRange/components/Start.d.ts

@@ -5,5 +5,5 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { PropsWithChildren, HTMLAttributes } from 'react';
-declare const Start: (props: PropsWithChildren<HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare const Start: (props: PropsWithChildren<HTMLAttributes<HTMLInputElement>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default Start;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-datepickers",
-  "version": "8.45.0",
+  "version": "8.47.2",
   "description": "Components relating to datepickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,7 +21,7 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-utilities": "^0.6.0",
+    "@zendeskgarden/container-utilities": "^0.7.0",
     "date-fns": "^2.0.0-beta.2",
     "prop-types": "^15.5.7",
     "react-popper": "^1.3.4"
@@ -33,7 +33,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.45.0",
+    "@zendeskgarden/react-theming": "^8.47.2",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "7a2f38e395cd0b1e0f09e5925ca721b254c57a5d"
+  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
 }