@zendeskgarden/react-datepickers 8.39.0 → 8.41.0

package/dist/index.esm.js

@@ -13,47 +13,18 @@ import { Manager, Reference, Popper } from 'react-popper';
 import { composeEventHandlers, KEY_CODES } from '@zendeskgarden/container-utilities';
 import { retrieveComponentStyles, DEFAULT_THEME, menuStyles, getColor } from '@zendeskgarden/react-theming';
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _extends$2() {
-  _extends$2 = 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$2.apply(this, arguments);
-}
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
     keys.push.apply(keys, symbols);
   }
 
@@ -80,16 +51,37 @@ function _objectSpread2(target) {
   return target;
 }
 
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
 
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
+  return obj;
+}
+
+function _extends$2() {
+  _extends$2 = 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$2.apply(this, arguments);
 }
 
 function _slicedToArray(arr, i) {
@@ -101,14 +93,17 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-  var _e = undefined;
+
+  var _s, _e;
 
   try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
 
       if (i && _arr.length === i) break;
@@ -199,7 +194,7 @@ function getMenuPosition(popperPlacement) {
 
 function requiredArgs(required, args) {
   if (args.length < required) {
-    throw new TypeError(required + ' argument' + required > 1 ? 's' : '' + ' required, but only ' + args.length + ' present');
+    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
   }
 }
 
@@ -212,7 +207,7 @@ function toDate(argument) {
     return new Date(argument);
   } else {
     if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
-      console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule");
+      console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule");
       console.warn(new Error().stack);
     }
     return new Date(NaN);
@@ -309,6 +304,12 @@ function addDays(dirtyDate, dirtyAmount) {
   requiredArgs(2, arguments);
   var date = toDate(dirtyDate);
   var amount = toInteger(dirtyAmount);
+  if (isNaN(amount)) {
+    return new Date(NaN);
+  }
+  if (!amount) {
+    return date;
+  }
   date.setDate(date.getDate() + amount);
   return date;
 }
@@ -360,25 +361,29 @@ function getDate(dirtyDate) {
   return dayOfMonth;
 }
 
-var _templateObject$b;
 var COMPONENT_ID$b = 'datepickers.menu';
 var StyledMenu = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.39.0'
-})(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.41.0'
+}).withConfig({
+  displayName: "StyledMenu",
+  componentId: "sc-1npbkk0-0"
+})(["", ";"], function (props) {
   return retrieveComponentStyles(COMPONENT_ID$b, props);
 });
 StyledMenu.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$a;
 var COMPONENT_ID$a = 'datepickers.menu_wrapper';
 var StyledMenuWrapper = styled.div.attrs(function (props) {
   return {
     className: props.isAnimated && 'is-animated'
   };
-})(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledMenuWrapper",
+  componentId: "sc-6fowoz-0"
+})(["", ";", ";"], function (props) {
   return menuStyles(getMenuPosition(props.placement), {
     theme: props.theme,
     hidden: props.isHidden,
@@ -393,7 +398,6 @@ StyledMenuWrapper.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$9;
 var COMPONENT_ID$9 = 'datepickers.datepicker';
 var retrievePadding = function retrievePadding(_ref) {
   var isCompact = _ref.isCompact,
@@ -406,7 +410,10 @@ var retrievePadding = function retrievePadding(_ref) {
 };
 var StyledDatepicker = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$9
-})(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  direction: ", ";\n\n  ", "\n\n  background-color: ", ";\n  color: ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledDatepicker",
+  componentId: "sc-w3zqsp-0"
+})(["direction:", ";", " background-color:", ";color:", ";", ";"], function (props) {
   return props.theme.rtl && 'rtl';
 }, retrievePadding, function (props) {
   return props.theme.colors.background;
@@ -419,11 +426,13 @@ StyledDatepicker.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$8;
 var COMPONENT_ID$8 = 'datepickers.range_calendar';
 var StyledRangeCalendar = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$8
-})(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  display: flex;\n  overflow: auto;\n\n  ", " {\n    margin: 0;\n\n    ", "\n  }\n\n  ", ";\n"])), StyledDatepicker, function (props) {
+}).withConfig({
+  displayName: "StyledRangeCalendar",
+  componentId: "sc-1og46sy-0"
+})(["display:flex;overflow:auto;", "{margin:0;", "}", ";"], StyledDatepicker, function (props) {
   return props.theme.rtl ? "&:last-of-type {margin-right: ".concat(props.theme.space.base * 5, "px}") : "&:first-of-type {margin-right: ".concat(props.theme.space.base * 5, "px}");
 }, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$8, props);
@@ -432,11 +441,13 @@ StyledRangeCalendar.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$7;
 var COMPONENT_ID$7 = 'datepickers.header';
 var StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$7
-})(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  display: flex;\n  width: ", "px;\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledHeader",
+  componentId: "sc-upq318-0"
+})(["display:flex;width:", "px;", ";"], function (props) {
   return props.isCompact ? props.theme.space.base * 56 : props.theme.space.base * 70;
 }, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$7, props);
@@ -445,7 +456,6 @@ StyledHeader.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$6;
 var retrieveSizing = function retrieveSizing(_ref) {
   var isCompact = _ref.isCompact,
       theme = _ref.theme;
@@ -462,7 +472,10 @@ var retrieveColor$1 = function retrieveColor(_ref2) {
 var COMPONENT_ID$6 = 'datepickers.header_paddle';
 var StyledHeaderPaddle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$6
-})(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: ", ";\n  visibility: ", ";\n  border-radius: 50%;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  svg {\n    width: ", ";\n    height: ", ";\n  }\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledHeaderPaddle",
+  componentId: "sc-2oqh0g-0"
+})(["display:flex;align-items:center;justify-content:center;transform:", ";visibility:", ";border-radius:50%;cursor:pointer;", " ", " svg{width:", ";height:", ";}", ";"], function (props) {
   return props.theme.rtl && 'rotate(180deg)';
 }, function (props) {
   return props.isHidden && 'hidden';
@@ -478,11 +491,13 @@ StyledHeaderPaddle.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$5;
 var COMPONENT_ID$5 = 'datepickers.header_label';
 var StyledHeaderLabel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5
-})(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  justify-content: center;\n  font-size: ", ";\n  font-weight: ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledHeaderLabel",
+  componentId: "sc-1ryf5ub-0"
+})(["display:flex;flex-grow:1;align-items:center;justify-content:center;font-size:", ";font-weight:", ";", ";"], function (props) {
   return props.isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md;
 }, function (props) {
   return props.theme.fontWeights.semibold;
@@ -493,11 +508,13 @@ StyledHeaderLabel.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$4;
 var COMPONENT_ID$4 = 'datepickers.calendar';
 var StyledCalendar = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4
-})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  width: ", "px;\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledCalendar",
+  componentId: "sc-g5hoe8-0"
+})(["width:", "px;", ";"], function (props) {
   return props.isCompact ? props.theme.space.base * 56 : props.theme.space.base * 70;
 }, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$4, props);
@@ -506,7 +523,6 @@ StyledCalendar.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$3;
 var COMPONENT_ID$3 = 'datepickers.calendar_item';
 var retrieveSize = function retrieveSize(_ref) {
   var isCompact = _ref.isCompact,
@@ -521,18 +537,23 @@ var retrieveSize = function retrieveSize(_ref) {
 };
 var StyledCalendarItem = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3
-})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  vertical-align: top;\n\n  ", "\n\n  ", ";\n"])), retrieveSize, function (props) {
+}).withConfig({
+  displayName: "StyledCalendarItem",
+  componentId: "sc-143w8wb-0"
+})(["display:inline-block;position:relative;vertical-align:top;", " ", ";"], retrieveSize, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$3, props);
 });
 StyledCalendarItem.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$2;
 var COMPONENT_ID$2 = 'datepickers.day_label';
 var StyledDayLabel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2
-})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font-size: ", ";\n  font-weight: ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledDayLabel",
+  componentId: "sc-9bh1p7-0"
+})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:", ";font-weight:", ";", ";"], function (props) {
   return props.isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md;
 }, function (props) {
   return props.theme.fontWeights.semibold;
@@ -543,7 +564,6 @@ StyledDayLabel.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$1;
 var COMPONENT_ID$1 = 'datepickers.highlight';
 var retrieveBorderRadius = function retrieveBorderRadius(_ref) {
   var theme = _ref.theme,
@@ -575,14 +595,16 @@ var retrieveColor = function retrieveColor(_ref2) {
 };
 var StyledHighlight = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1
-})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  ", "\n\n  ", "\n\n  ", ";\n"])), retrieveBorderRadius, retrieveColor, function (props) {
+}).withConfig({
+  displayName: "StyledHighlight",
+  componentId: "sc-16vr32x-0"
+})(["position:absolute;top:0;left:0;width:100%;height:100%;", " ", " ", ";"], retrieveBorderRadius, retrieveColor, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$1, props);
 });
 StyledHighlight.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject;
 var retrieveStyledDayColors = function retrieveStyledDayColors(_ref) {
   var isSelected = _ref.isSelected,
       isDisabled = _ref.isDisabled,
@@ -609,7 +631,10 @@ var StyledDay = styled.div.attrs(function (props) {
     'data-garden-id': COMPONENT_ID,
     'aria-disabled': props.isDisabled ? 'true' : 'false'
   };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: ", ";\n  width: 100%;\n  height: 100%;\n  font-size: ", ";\n  font-weight: ", ";\n\n  ", "\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledDay",
+  componentId: "sc-v42uk5-0"
+})(["display:flex;position:absolute;align-items:center;justify-content:center;border-radius:50%;cursor:", ";width:100%;height:100%;font-size:", ";font-weight:", ";", " ", ";"], function (props) {
   return props.isDisabled ? 'inherit' : 'pointer';
 }, function (props) {
   return props.isCompact ? props.theme.fontSizes.sm : props.theme.fontSizes.md;
@@ -861,28 +886,26 @@ var Calendar$1 = function Calendar(_ref) {
   }, dayLabels, items));
 };
 
-function getDaysInMonth(dirtyDate) {
-  requiredArgs(1, arguments);
-  var date = toDate(dirtyDate);
-  var year = date.getFullYear();
-  var monthIndex = date.getMonth();
-  var lastDayOfMonth = new Date(0);
-  lastDayOfMonth.setFullYear(year, monthIndex + 1, 0);
-  lastDayOfMonth.setHours(0, 0, 0, 0);
-  return lastDayOfMonth.getDate();
-}
-
 function addMonths(dirtyDate, dirtyAmount) {
   requiredArgs(2, arguments);
   var date = toDate(dirtyDate);
   var amount = toInteger(dirtyAmount);
-  var desiredMonth = date.getMonth() + amount;
-  var dateWithDesiredMonth = new Date(0);
-  dateWithDesiredMonth.setFullYear(date.getFullYear(), desiredMonth, 1);
-  dateWithDesiredMonth.setHours(0, 0, 0, 0);
-  var daysInMonth = getDaysInMonth(dateWithDesiredMonth);
-  date.setMonth(desiredMonth, Math.min(daysInMonth, date.getDate()));
-  return date;
+  if (isNaN(amount)) {
+    return new Date(NaN);
+  }
+  if (!amount) {
+    return date;
+  }
+  var dayOfMonth = date.getDate();
+  var endOfDesiredMonth = new Date(date.getTime());
+  endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
+  var daysInMonth = endOfDesiredMonth.getDate();
+  if (dayOfMonth >= daysInMonth) {
+    return endOfDesiredMonth;
+  } else {
+    date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
+    return date;
+  }
 }
 
 function subMonths(dirtyDate, dirtyAmount) {
@@ -927,6 +950,14 @@ var formatDistanceLocale = {
     one: '1 day',
     other: '{{count}} days'
   },
+  aboutXWeeks: {
+    one: 'about 1 week',
+    other: 'about {{count}} weeks'
+  },
+  xWeeks: {
+    one: '1 week',
+    other: '{{count}} weeks'
+  },
   aboutXMonths: {
     one: 'about 1 month',
     other: 'about {{count}} months'
@@ -973,8 +1004,8 @@ function formatDistance(token, count, options) {
 }
 
 function buildFormatLongFn(args) {
-  return function (dirtyOptions) {
-    var options = dirtyOptions || {};
+  return function () {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var width = options.width ? String(options.width) : args.defaultWidth;
     var format = args.formats[width] || args.formats[args.defaultWidth];
     return format;
@@ -1013,6 +1044,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+var formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1173,33 +1205,29 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
+var localize$1 = localize;
 
 function buildMatchPatternFn(args) {
-  return function (dirtyString, dirtyOptions) {
-    var string = String(dirtyString);
-    var options = dirtyOptions || {};
+  return function (string) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var matchResult = string.match(args.matchPattern);
-    if (!matchResult) {
-      return null;
-    }
+    if (!matchResult) return null;
     var matchedString = matchResult[0];
     var parseResult = string.match(args.parsePattern);
-    if (!parseResult) {
-      return null;
-    }
+    if (!parseResult) return null;
     var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
     value = options.valueCallback ? options.valueCallback(value) : value;
+    var rest = string.slice(matchedString.length);
     return {
       value: value,
-      rest: string.slice(matchedString.length)
+      rest: rest
     };
   };
 }
 
 function buildMatchFn(args) {
-  return function (dirtyString, dirtyOptions) {
-    var string = String(dirtyString);
-    var options = dirtyOptions || {};
+  return function (string) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var width = options.width;
     var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
     var matchResult = string.match(matchPattern);
@@ -1208,21 +1236,18 @@ function buildMatchFn(args) {
     }
     var matchedString = matchResult[0];
     var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
+    var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function (pattern) {
+      return pattern.test(matchedString);
+    }) : findKey(parsePatterns, function (pattern) {
+      return pattern.test(matchedString);
+    });
     var value;
-    if (Object.prototype.toString.call(parsePatterns) === '[object Array]') {
-      value = findIndex(parsePatterns, function (pattern) {
-        return pattern.test(string);
-      });
-    } else {
-      value = findKey(parsePatterns, function (pattern) {
-        return pattern.test(string);
-      });
-    }
-    value = args.valueCallback ? args.valueCallback(value) : value;
+    value = args.valueCallback ? args.valueCallback(key) : key;
     value = options.valueCallback ? options.valueCallback(value) : value;
+    var rest = string.slice(matchedString.length);
     return {
       value: value,
-      rest: string.slice(matchedString.length)
+      rest: rest
     };
   };
 }
@@ -1232,6 +1257,7 @@ function findKey(object, predicate) {
       return key;
     }
   }
+  return undefined;
 }
 function findIndex(array, predicate) {
   for (var key = 0; key < array.length; key++) {
@@ -1239,6 +1265,7 @@ function findIndex(array, predicate) {
       return key;
     }
   }
+  return undefined;
 }
 
 var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
@@ -1336,20 +1363,22 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
+var match$1 = match;
 
 var locale = {
   code: 'en-US',
   formatDistance: formatDistance,
-  formatLong: formatLong,
+  formatLong: formatLong$1,
   formatRelative: formatRelative,
-  localize: localize,
-  match: match,
+  localize: localize$1,
+  match: match$1,
   options: {
     weekStartsOn: 0
     ,
     firstWeekContainsDate: 1
   }
 };
+var defaultLocale = locale;
 
 function addMilliseconds(dirtyDate, dirtyAmount) {
   requiredArgs(2, arguments);
@@ -1370,7 +1399,7 @@ function assign(target, dirtyObject) {
   }
   dirtyObject = dirtyObject || {};
   for (var property in dirtyObject) {
-    if (dirtyObject.hasOwnProperty(property)) {
+    if (Object.prototype.hasOwnProperty.call(dirtyObject, property)) {
       target[property] = dirtyObject[property];
     }
   }
@@ -1456,14 +1485,12 @@ var longFormatters = {
   p: timeLongFormatter,
   P: dateTimeLongFormatter
 };
+var longFormatters$1 = longFormatters;
 
-var MILLISECONDS_IN_MINUTE$1 = 60000;
-function getTimezoneOffsetInMilliseconds(dirtyDate) {
-  var date = new Date(dirtyDate.getTime());
-  var baseTimezoneOffset = Math.ceil(date.getTimezoneOffset());
-  date.setSeconds(0, 0);
-  var millisecondsPartOfTimezoneOffset = date.getTime() % MILLISECONDS_IN_MINUTE$1;
-  return baseTimezoneOffset * MILLISECONDS_IN_MINUTE$1 + millisecondsPartOfTimezoneOffset;
+function getTimezoneOffsetInMilliseconds(date) {
+  var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
+  utcDate.setUTCFullYear(date.getFullYear());
+  return date.getTime() - utcDate.getTime();
 }
 
 var protectedDayOfYearTokens = ['D', 'DD'];
@@ -1474,15 +1501,15 @@ function isProtectedDayOfYearToken(token) {
 function isProtectedWeekYearToken(token) {
   return protectedWeekYearTokens.indexOf(token) !== -1;
 }
-function throwProtectedError(token) {
+function throwProtectedError(token, format, input) {
   if (token === 'YYYY') {
-    throw new RangeError('Use `yyyy` instead of `YYYY` for formatting years; see: https://git.io/fxCyr');
+    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   } else if (token === 'YY') {
-    throw new RangeError('Use `yy` instead of `YY` for formatting years; see: https://git.io/fxCyr');
+    throw new RangeError("Use `yy` instead of `YY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   } else if (token === 'D') {
-    throw new RangeError('Use `d` instead of `D` for formatting days of the month; see: https://git.io/fxCyr');
+    throw new RangeError("Use `d` instead of `D` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   } else if (token === 'DD') {
-    throw new RangeError('Use `dd` instead of `DD` for formatting days of the month; see: https://git.io/fxCyr');
+    throw new RangeError("Use `dd` instead of `DD` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   }
 }
 
@@ -2182,6 +2209,7 @@ var parsers = {
   },
   d: {
     priority: 90,
+    subPriority: 1,
     parse: function (string, token, match, _options) {
       switch (token) {
         case 'd':
@@ -2213,6 +2241,7 @@ var parsers = {
   },
   D: {
     priority: 90,
+    subPriority: 1,
     parse: function (string, token, match, _options) {
       switch (token) {
         case 'D':
@@ -2868,6 +2897,7 @@ var parsers = {
     incompatibleTokens: '*'
   }
 };
+var parsers$1 = parsers;
 
 var TIMEZONE_UNIT_PRIORITY = 10;
 var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
@@ -2876,22 +2906,22 @@ var escapedStringRegExp = /^'([^]*?)'?$/;
 var doubleQuoteRegExp = /''/g;
 var notWhitespaceRegExp = /\S/;
 var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
-function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions) {
+function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, dirtyOptions) {
   requiredArgs(3, arguments);
   var dateString = String(dirtyDateString);
   var formatString = String(dirtyFormatString);
   var options = dirtyOptions || {};
-  var locale$1 = options.locale || locale;
-  if (!locale$1.match) {
+  var locale = options.locale || defaultLocale;
+  if (!locale.match) {
     throw new RangeError('locale must contain match property');
   }
-  var localeFirstWeekContainsDate = locale$1.options && locale$1.options.firstWeekContainsDate;
+  var localeFirstWeekContainsDate = locale.options && locale.options.firstWeekContainsDate;
   var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
   var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate);
   if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
     throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
   }
-  var localeWeekStartsOn = locale$1.options && locale$1.options.weekStartsOn;
+  var localeWeekStartsOn = locale.options && locale.options.weekStartsOn;
   var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
   var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn);
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
@@ -2899,7 +2929,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
   }
   if (formatString === '') {
     if (dateString === '') {
-      return toDate(dirtyBackupDate);
+      return toDate(dirtyReferenceDate);
     } else {
       return new Date(NaN);
     }
@@ -2907,10 +2937,11 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
   var subFnOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale$1
+    locale: locale
   };
   var setters = [{
     priority: TIMEZONE_UNIT_PRIORITY,
+    subPriority: -1,
     set: dateToSystemTimezone,
     index: 0
   }];
@@ -2918,8 +2949,8 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
   var tokens = formatString.match(longFormattingTokensRegExp).map(function (substring) {
     var firstCharacter = substring[0];
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale$1.formatLong, subFnOptions);
+      var longFormatter = longFormatters$1[firstCharacter];
+      return longFormatter(substring, locale.formatLong, subFnOptions);
     }
     return substring;
   }).join('').match(formattingTokensRegExp);
@@ -2927,13 +2958,13 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
   for (i = 0; i < tokens.length; i++) {
     var token = tokens[i];
     if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(token)) {
-      throwProtectedError(token);
+      throwProtectedError(token, formatString, dirtyDateString);
     }
     if (!options.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(token)) {
-      throwProtectedError(token);
+      throwProtectedError(token, formatString, dirtyDateString);
     }
     var firstCharacter = token[0];
-    var parser = parsers[firstCharacter];
+    var parser = parsers$1[firstCharacter];
     if (parser) {
       var incompatibleTokens = parser.incompatibleTokens;
       if (Array.isArray(incompatibleTokens)) {
@@ -2955,12 +2986,13 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
         token: firstCharacter,
         fullToken: token
       });
-      var parseResult = parser.parse(dateString, token, locale$1.match, subFnOptions);
+      var parseResult = parser.parse(dateString, token, locale.match, subFnOptions);
       if (!parseResult) {
         return new Date(NaN);
       }
       setters.push({
         priority: parser.priority,
+        subPriority: parser.subPriority || 0,
         set: parser.set,
         validate: parser.validate,
         value: parseResult.value,
@@ -2995,11 +3027,13 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
   }).map(function (priority) {
     return setters.filter(function (setter) {
       return setter.priority === priority;
-    }).reverse();
+    }).sort(function (a, b) {
+      return b.subPriority - a.subPriority;
+    });
   }).map(function (setterArray) {
     return setterArray[0];
   });
-  var date = toDate(dirtyBackupDate);
+  var date = toDate(dirtyReferenceDate);
   if (isNaN(date)) {
     return new Date(NaN);
   }
@@ -3955,7 +3989,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.39.0'
+    "data-garden-version": '8.41.0'
   }, props), React__default.createElement(Month, {
     locale: locale,
     displayDate: state.previewDate,