@zendeskgarden/react-datepickers 8.62.1 → 8.63.0

package/dist/index.cjs.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var PropTypes = require('prop-types');
 var styled = require('styled-components');
@@ -16,7 +14,7 @@ var reactPopper = require('react-popper');
 var containerUtilities = require('@zendeskgarden/container-utilities');
 var reactTheming = require('@zendeskgarden/react-theming');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -32,14 +30,13 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 const SHARED_PLACEMENT = ['auto', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'];
 const PLACEMENT = [...SHARED_PLACEMENT, 'end', 'end-top', 'end-bottom', 'start', 'start-top', 'start-bottom'];
@@ -263,9 +260,9 @@ function getDate(dirtyDate) {
 }
 
 const COMPONENT_ID$b = 'datepickers.menu';
-const StyledMenu = styled__default["default"].div.attrs({
+const StyledMenu = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -275,7 +272,7 @@ StyledMenu.defaultProps = {
 };
 
 const COMPONENT_ID$a = 'datepickers.menu_wrapper';
-const StyledMenuWrapper = styled__default["default"].div.attrs(props => ({
+const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -303,7 +300,7 @@ const retrievePadding = _ref => {
   }
   return `margin: ${value}px;`;
 };
-const StyledDatepicker = styled__default["default"].div.attrs({
+const StyledDatepicker = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9
 }).withConfig({
   displayName: "StyledDatepicker",
@@ -314,7 +311,7 @@ StyledDatepicker.defaultProps = {
 };
 
 const COMPONENT_ID$8 = 'datepickers.range_calendar';
-const StyledRangeCalendar = styled__default["default"].div.attrs({
+const StyledRangeCalendar = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$8
 }).withConfig({
   displayName: "StyledRangeCalendar",
@@ -325,7 +322,7 @@ StyledRangeCalendar.defaultProps = {
 };
 
 const COMPONENT_ID$7 = 'datepickers.header';
-const StyledHeader = styled__default["default"].div.attrs({
+const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7
 }).withConfig({
   displayName: "StyledHeader",
@@ -353,7 +350,7 @@ const retrieveColor$1 = _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));
 };
 const COMPONENT_ID$6 = 'datepickers.header_paddle';
-const StyledHeaderPaddle = styled__default["default"].div.attrs({
+const StyledHeaderPaddle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$6
 }).withConfig({
   displayName: "StyledHeaderPaddle",
@@ -364,7 +361,7 @@ StyledHeaderPaddle.defaultProps = {
 };
 
 const COMPONENT_ID$5 = 'datepickers.header_label';
-const StyledHeaderLabel = styled__default["default"].div.attrs({
+const StyledHeaderLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5
 }).withConfig({
   displayName: "StyledHeaderLabel",
@@ -375,7 +372,7 @@ StyledHeaderLabel.defaultProps = {
 };
 
 const COMPONENT_ID$4 = 'datepickers.calendar';
-const StyledCalendar = styled__default["default"].div.attrs({
+const StyledCalendar = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4
 }).withConfig({
   displayName: "StyledCalendar",
@@ -399,7 +396,7 @@ const retrieveSize = _ref => {
   }
   return styled.css(["width:", ";height:", ";"], size, size);
 };
-const StyledCalendarItem = styled__default["default"].div.attrs({
+const StyledCalendarItem = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3
 }).withConfig({
   displayName: "StyledCalendarItem",
@@ -410,7 +407,7 @@ StyledCalendarItem.defaultProps = {
 };
 
 const COMPONENT_ID$2 = 'datepickers.day_label';
-const StyledDayLabel = styled__default["default"].div.attrs({
+const StyledDayLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2
 }).withConfig({
   displayName: "StyledDayLabel",
@@ -453,7 +450,7 @@ const retrieveColor = _ref2 => {
   }
   return styled.css([""]);
 };
-const StyledHighlight = styled__default["default"].div.attrs({
+const StyledHighlight = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1
 }).withConfig({
   displayName: "StyledHighlight",
@@ -496,7 +493,7 @@ const retrieveStyledDayColors = _ref => {
   `);
 };
 const COMPONENT_ID = 'datepickers.day';
-const StyledDay = styled__default["default"].div.attrs(props => ({
+const StyledDay = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
   'aria-disabled': props.isDisabled ? 'true' : 'false'
 })).withConfig({
@@ -594,9 +591,7 @@ function getStartOfWeek(locale) {
 }
 
 var _path$1;
-
 function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : 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$2.apply(this, arguments); }
-
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -604,8 +599,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "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"
@@ -613,9 +607,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
 };
 
 var _path;
-
 function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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 SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -623,8 +615,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "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"
@@ -647,25 +638,25 @@ const MonthSelector = _ref => {
     });
     return formatter.format(date);
   }, [locale]);
-  return React__default["default"].createElement(StyledHeader, {
+  return React__namespace.default.createElement(StyledHeader, {
     isCompact: isCompact
-  }, React__default["default"].createElement(StyledHeaderPaddle, {
+  }, React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: () => {
       dispatch({
         type: 'PREVIEW_PREVIOUS_MONTH'
       });
     }
-  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement(StyledHeaderLabel, {
+  }, React__namespace.default.createElement(SvgChevronLeftStroke, null)), React__namespace.default.createElement(StyledHeaderLabel, {
     isCompact: isCompact
-  }, headerLabelFormatter(state.previewDate)), React__default["default"].createElement(StyledHeaderPaddle, {
+  }, headerLabelFormatter(state.previewDate)), React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: () => {
       dispatch({
         type: 'PREVIEW_NEXT_MONTH'
       });
     }
-  }, React__default["default"].createElement(SvgChevronRightStroke, null)));
+  }, React__namespace.default.createElement(SvgChevronRightStroke, null)));
 };
 
 const Calendar$1 = React.forwardRef((_ref, ref) => {
@@ -701,10 +692,10 @@ const Calendar$1 = React.forwardRef((_ref, ref) => {
     end: addDays(startDate, 6)
   }).map(date => {
     const formattedDayLabel = dayLabelFormatter(date);
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-label-${formattedDayLabel}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledDayLabel, {
+    }, React__namespace.default.createElement(StyledDayLabel, {
       isCompact: isCompact
     }, formattedDayLabel));
   });
@@ -723,10 +714,10 @@ const Calendar$1 = React.forwardRef((_ref, ref) => {
     if (maxValue !== undefined) {
       isDisabled = isDisabled || isAfter(date, maxValue) && !isSameDay(date, maxValue);
     }
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-${itemsIndex}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledDay, {
+    }, React__namespace.default.createElement(StyledDay, {
       isToday: isCurrentDate,
       isPreviousMonth: isPreviousMonth,
       isSelected: isSelected,
@@ -742,16 +733,16 @@ const Calendar$1 = React.forwardRef((_ref, ref) => {
       }
     }, formattedDayLabel));
   });
-  return React__default["default"].createElement(StyledDatepicker, {
+  return React__namespace.default.createElement(StyledDatepicker, {
     ref: ref,
     isCompact: isCompact,
     onMouseDown: e => {
       e.preventDefault();
     }
-  }, React__default["default"].createElement(MonthSelector, {
+  }, React__namespace.default.createElement(MonthSelector, {
     locale: locale,
     isCompact: isCompact
-  }), React__default["default"].createElement(StyledCalendar, {
+  }), React__namespace.default.createElement(StyledCalendar, {
     isCompact: isCompact
   }, dayLabels, items));
 });
@@ -3176,14 +3167,14 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
     state,
     dispatch
   }), [state, dispatch]);
-  return React__default["default"].createElement(DatepickerContext.Provider, {
+  return React__namespace.default.createElement(DatepickerContext.Provider, {
     value: contextValue
-  }, React__default["default"].createElement(reactPopper.Manager, null, React__default["default"].createElement(reactPopper.Reference, null, _ref => {
+  }, React__namespace.default.createElement(reactPopper.Manager, null, React__namespace.default.createElement(reactPopper.Reference, null, _ref => {
     let {
       ref
     } = _ref;
-    const childElement = React__default["default"].Children.only(children);
-    return React__default["default"].cloneElement(childElement, {
+    const childElement = React__namespace.default.Children.only(children);
+    return React__namespace.default.cloneElement(childElement, {
       [refKey]: refValue => {
         ref(refValue);
         inputRef.current = refValue;
@@ -3234,7 +3225,7 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
       autoComplete: 'off',
       value: state.inputValue
     });
-  }), React__default["default"].createElement(reactPopper.Popper, {
+  }), React__namespace.default.createElement(reactPopper.Popper, {
     placement: popperPlacement,
     modifiers: popperModifiers
     ,
@@ -3247,14 +3238,14 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
       placement: currentPlacement
     } = _ref2;
     scheduleUpdateRef.current = scheduleUpdate;
-    return React__default["default"].createElement(StyledMenuWrapper, {
+    return React__namespace.default.createElement(StyledMenuWrapper, {
       ref: ref,
       style: style,
       isHidden: !state.isOpen,
       isAnimated: isAnimated && (state.isOpen || isVisible),
       placement: currentPlacement,
       zIndex: zIndex
-    }, (state.isOpen || isVisible) && React__default["default"].createElement(StyledMenu, menuProps, React__default["default"].createElement(Calendar$1, {
+    }, (state.isOpen || isVisible) && React__namespace.default.createElement(StyledMenu, menuProps, React__namespace.default.createElement(Calendar$1, {
       ref: calendarRef,
       isCompact: isCompact,
       value: value,
@@ -3267,21 +3258,21 @@ const Datepicker = React.forwardRef((props, calendarRef) => {
 });
 Datepicker.displayName = 'Datepicker';
 Datepicker.propTypes = {
-  value: PropTypes__default["default"].any,
-  onChange: PropTypes__default["default"].any,
-  formatDate: PropTypes__default["default"].func,
-  locale: PropTypes__default["default"].any,
-  weekStartsOn: PropTypes__default["default"].number,
-  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(PLACEMENT),
-  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,
+  weekStartsOn: PropTypes__default.default.number,
+  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(PLACEMENT),
+  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',
@@ -3665,8 +3656,8 @@ const Start = props => {
     handleBlur();
     props.children.props.onBlur && props.children.props.onBlur(e);
   }, [handleBlur, props.children]);
-  const childElement = React__default["default"].Children.only(props.children);
-  return React__default["default"].cloneElement(childElement, {
+  const childElement = React__namespace.default.Children.only(props.children);
+  return React__namespace.default.cloneElement(childElement, {
     value: state.startInputValue || '',
     ref: startInputRef,
     onChange: containerUtilities.composeEventHandlers(childElement.props.onChange, onChangeCallback),
@@ -3730,8 +3721,8 @@ const End = props => {
     handleBlur();
     props.children.props.onBlur && props.children.props.onBlur(e);
   }, [handleBlur, props.children]);
-  const childElement = React__default["default"].Children.only(props.children);
-  return React__default["default"].cloneElement(childElement, {
+  const childElement = React__namespace.default.Children.only(props.children);
+  return React__namespace.default.cloneElement(childElement, {
     value: state.endInputValue || '',
     ref: endInputRef,
     onChange: containerUtilities.composeEventHandlers(childElement.props.onChange, onChangeCallback),
@@ -3814,10 +3805,10 @@ const Month = React.forwardRef((_ref, ref) => {
     end: addDays(startDate, 6)
   }).map(date => {
     const formattedDayLabel = dayLabelFormatter(date);
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-label-${formattedDayLabel}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledDayLabel, {
+    }, React__namespace.default.createElement(StyledDayLabel, {
       isCompact: isCompact
     }, formattedDayLabel));
   });
@@ -3829,10 +3820,10 @@ const Month = React.forwardRef((_ref, ref) => {
     const isCurrentDate = isToday(date);
     const isPreviousMonth = !isSameMonth(date, displayDate);
     if (isPreviousMonth) {
-      return React__default["default"].createElement(StyledCalendarItem, {
+      return React__namespace.default.createElement(StyledCalendarItem, {
         key: `day-${itemsIndex}`,
         isCompact: isCompact
-      }, React__default["default"].createElement(StyledDay, {
+      }, React__namespace.default.createElement(StyledDay, {
         isCompact: isCompact,
         isPreviousMonth: true,
         isDisabled: true
@@ -3877,14 +3868,14 @@ const Month = React.forwardRef((_ref, ref) => {
         isInvalidDateRange = isInvalidDateRange || compareAsc(endValue, maxValue) === 1;
       }
     }
-    return React__default["default"].createElement(StyledCalendarItem, {
+    return React__namespace.default.createElement(StyledCalendarItem, {
       key: `day-${itemsIndex}`,
       isCompact: isCompact
-    }, React__default["default"].createElement(StyledHighlight, {
+    }, React__namespace.default.createElement(StyledHighlight, {
       isHighlighted: !isInvalidDateRange && isHighlighted && !isDisabled,
       isStart: !isInvalidDateRange && isHighlightStart,
       isEnd: !isInvalidDateRange && isHighlightEnd
-    }), React__default["default"].createElement(StyledDay, {
+    }), React__namespace.default.createElement(StyledDay, {
       isToday: isCurrentDate,
       isPreviousMonth: isPreviousMonth,
       isSelected: !isInvalidDateRange && isSelected,
@@ -3957,15 +3948,15 @@ const Month = React.forwardRef((_ref, ref) => {
       }
     }, formattedDayLabel));
   });
-  return React__default["default"].createElement(StyledDatepicker, {
+  return React__namespace.default.createElement(StyledDatepicker, {
     ref: ref,
     isCompact: isCompact,
     onMouseDown: e => {
       e.preventDefault();
     }
-  }, React__default["default"].createElement(StyledHeader, {
+  }, React__namespace.default.createElement(StyledHeader, {
     isCompact: isCompact
-  }, React__default["default"].createElement(StyledHeaderPaddle, {
+  }, React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     onClick: () => {
       dispatch({
@@ -3973,9 +3964,9 @@ const Month = React.forwardRef((_ref, ref) => {
       });
     },
     isHidden: isPreviousHidden
-  }, React__default["default"].createElement(SvgChevronLeftStroke, null)), React__default["default"].createElement(StyledHeaderLabel, {
+  }, React__namespace.default.createElement(SvgChevronLeftStroke, null)), React__namespace.default.createElement(StyledHeaderLabel, {
     isCompact: isCompact
-  }, headerLabelFormatter(displayDate)), React__default["default"].createElement(StyledHeaderPaddle, {
+  }, headerLabelFormatter(displayDate)), React__namespace.default.createElement(StyledHeaderPaddle, {
     isCompact: isCompact,
     isHidden: isNextHidden,
     onClick: () => {
@@ -3983,7 +3974,7 @@ const Month = React.forwardRef((_ref, ref) => {
         type: 'PREVIEW_NEXT_MONTH'
       });
     }
-  }, React__default["default"].createElement(SvgChevronRightStroke, null))), React__default["default"].createElement(StyledCalendar, {
+  }, React__namespace.default.createElement(SvgChevronRightStroke, null))), React__namespace.default.createElement(StyledCalendar, {
     isCompact: isCompact,
     onMouseLeave: () => {
       dispatch({
@@ -3999,14 +3990,14 @@ const Calendar = React.forwardRef((props, ref) => {
   const {
     state
   } = useDatepickerContext();
-  return React__default["default"].createElement(StyledRangeCalendar, _extends({
+  return React__namespace.default.createElement(StyledRangeCalendar, _extends({
     ref: ref,
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.62.1'
-  }, props), React__default["default"].createElement(Month, {
+    "data-garden-version": '8.63.0'
+  }, props), React__namespace.default.createElement(Month, {
     displayDate: state.previewDate,
     isNextHidden: true
-  }), React__default["default"].createElement(Month, {
+  }), React__namespace.default.createElement(Month, {
     displayDate: addMonths(state.previewDate, 1),
     isPreviousHidden: true
   }));
@@ -4074,21 +4065,21 @@ const DatepickerRangeComponent = props => {
     endInputRef,
     customParseDate
   }), [state, dispatch, isCompact, locale, weekStartsOn, minValue, maxValue, startValue, endValue, onChange, startInputRef, endInputRef, customParseDate]);
-  return React__default["default"].createElement(DatepickerRangeContext.Provider, {
+  return React__namespace.default.createElement(DatepickerRangeContext.Provider, {
     value: value
   }, children);
 };
 DatepickerRangeComponent.propTypes = {
-  locale: PropTypes__default["default"].string,
-  weekStartsOn: PropTypes__default["default"].number,
-  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,
+  weekStartsOn: PropTypes__default.default.number,
+  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
 };
 DatepickerRangeComponent.defaultProps = {
   locale: 'en-US',

package/dist/index.esm.js

@@ -237,7 +237,7 @@ function getDate(dirtyDate) {
 const COMPONENT_ID$b = 'datepickers.menu';
 const StyledMenu = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.62.1'
+  'data-garden-version': '8.63.0'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -566,9 +566,7 @@ function getStartOfWeek(locale) {
 }
 
 var _path$1;
-
 function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : 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$2.apply(this, arguments); }
-
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -576,8 +574,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "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"
@@ -585,9 +582,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
 };
 
 var _path;
-
 function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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 SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -595,8 +590,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
     height: 16,
     focusable: "false",
     viewBox: "0 0 16 16",
-    "aria-hidden": "true",
-    role: "img"
+    "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"
@@ -3974,7 +3968,7 @@ const Calendar = forwardRef((props, ref) => {
   return React__default.createElement(StyledRangeCalendar, _extends({
     ref: ref,
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.62.1'
+    "data-garden-version": '8.63.0'
   }, props), React__default.createElement(Month, {
     displayDate: state.previewDate,
     isNextHidden: true

package/dist/typings/elements/Datepicker/utils/datepicker-reducer.d.ts

@@ -10,7 +10,7 @@ export interface IDatepickerState {
     previewDate: Date;
     inputValue: string;
 }
-export declare type DatepickerAction = {
+export type DatepickerAction = {
     type: 'OPEN';
 } | {
     type: 'CLOSE';

package/dist/typings/elements/DatepickerRange/utils/datepicker-range-reducer.d.ts

@@ -27,7 +27,7 @@ export declare function formatValue({ value, locale, formatDate }: {
 export declare function parseInputValue({ inputValue }: {
     inputValue?: string;
 }): Date;
-export declare type DatepickerRangeAction = {
+export type DatepickerRangeAction = {
     type: 'HOVER_DATE';
     value?: Date;
 } | {

package/dist/typings/types/index.d.ts

@@ -9,8 +9,8 @@ import { Modifiers } from 'popper.js';
 import { DateFnsIndex } from '../utils/calendar-utils';
 export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
 export declare const POPPER_PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
-export declare type GardenPlacement = typeof PLACEMENT[number];
-export declare type PopperPlacement = typeof POPPER_PLACEMENT[number];
+export type GardenPlacement = (typeof PLACEMENT)[number];
+export type PopperPlacement = (typeof POPPER_PLACEMENT)[number];
 export interface IDatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * Sets the selected date

package/dist/typings/utils/calendar-utils.d.ts

@@ -11,7 +11,7 @@
  * 6 - Saturday
  */
 /** This type matches definition required by date-fns utilities */
-export declare type DateFnsIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+export type DateFnsIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 /**
  * Return start day of week based on locale
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-datepickers",
-  "version": "8.62.1",
+  "version": "8.63.0",
   "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.7.0",
+    "@zendeskgarden/container-utilities": "^1.0.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.62.1",
+    "@zendeskgarden/react-theming": "^8.63.0",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
+  "gitHead": "4b8715305a769881b143c7195c5b31e687422926"
 }