@zendeskgarden/react-datepickers 8.39.1 → 8.42.0

package/dist/index.cjs.js

@@ -224,7 +224,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');
   }
 }
 
@@ -237,7 +237,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);
@@ -334,6 +334,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;
 }
@@ -388,7 +394,7 @@ function getDate(dirtyDate) {
 var COMPONENT_ID$b = 'datepickers.menu';
 var StyledMenu = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.39.1'
+  'data-garden-version': '8.42.0'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -910,28 +916,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) {
@@ -976,6 +980,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'
@@ -1022,8 +1034,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;
@@ -1062,6 +1074,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+var formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1222,33 +1235,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);
@@ -1257,21 +1266,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
     };
   };
 }
@@ -1281,6 +1287,7 @@ function findKey(object, predicate) {
       return key;
     }
   }
+  return undefined;
 }
 function findIndex(array, predicate) {
   for (var key = 0; key < array.length; key++) {
@@ -1288,6 +1295,7 @@ function findIndex(array, predicate) {
       return key;
     }
   }
+  return undefined;
 }
 
 var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
@@ -1385,20 +1393,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);
@@ -1419,7 +1429,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];
     }
   }
@@ -1505,14 +1515,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'];
@@ -1523,15 +1531,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"));
   }
 }
 
@@ -2231,6 +2239,7 @@ var parsers = {
   },
   d: {
     priority: 90,
+    subPriority: 1,
     parse: function (string, token, match, _options) {
       switch (token) {
         case 'd':
@@ -2262,6 +2271,7 @@ var parsers = {
   },
   D: {
     priority: 90,
+    subPriority: 1,
     parse: function (string, token, match, _options) {
       switch (token) {
         case 'D':
@@ -2917,6 +2927,7 @@ var parsers = {
     incompatibleTokens: '*'
   }
 };
+var parsers$1 = parsers;
 
 var TIMEZONE_UNIT_PRIORITY = 10;
 var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
@@ -2925,22 +2936,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)) {
@@ -2948,7 +2959,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
   }
   if (formatString === '') {
     if (dateString === '') {
-      return toDate(dirtyBackupDate);
+      return toDate(dirtyReferenceDate);
     } else {
       return new Date(NaN);
     }
@@ -2956,10 +2967,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
   }];
@@ -2967,8 +2979,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);
@@ -2976,13 +2988,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)) {
@@ -3004,12 +3016,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,
@@ -3044,11 +3057,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);
   }
@@ -4004,7 +4019,7 @@ var Calendar = function Calendar(props) {
       onChange = _useDatepickerRangeCo.onChange;
   return React__default['default'].createElement(StyledRangeCalendar, _extends$2({
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.39.1'
+    "data-garden-version": '8.42.0'
   }, props), React__default['default'].createElement(Month, {
     locale: locale,
     displayDate: state.previewDate,

package/dist/index.esm.js

@@ -194,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');
   }
 }
 
@@ -207,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);
@@ -304,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;
 }
@@ -358,7 +364,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.39.1'
+  'data-garden-version': '8.42.0'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -880,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) {
@@ -946,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'
@@ -992,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;
@@ -1032,6 +1044,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+var formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1192,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);
@@ -1227,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
     };
   };
 }
@@ -1251,6 +1257,7 @@ function findKey(object, predicate) {
       return key;
     }
   }
+  return undefined;
 }
 function findIndex(array, predicate) {
   for (var key = 0; key < array.length; key++) {
@@ -1258,6 +1265,7 @@ function findIndex(array, predicate) {
       return key;
     }
   }
+  return undefined;
 }
 
 var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
@@ -1355,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);
@@ -1389,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];
     }
   }
@@ -1475,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'];
@@ -1493,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"));
   }
 }
 
@@ -2201,6 +2209,7 @@ var parsers = {
   },
   d: {
     priority: 90,
+    subPriority: 1,
     parse: function (string, token, match, _options) {
       switch (token) {
         case 'd':
@@ -2232,6 +2241,7 @@ var parsers = {
   },
   D: {
     priority: 90,
+    subPriority: 1,
     parse: function (string, token, match, _options) {
       switch (token) {
         case 'D':
@@ -2887,6 +2897,7 @@ var parsers = {
     incompatibleTokens: '*'
   }
 };
+var parsers$1 = parsers;
 
 var TIMEZONE_UNIT_PRIORITY = 10;
 var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
@@ -2895,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)) {
@@ -2918,7 +2929,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyBackupDate, dirtyOptions
   }
   if (formatString === '') {
     if (dateString === '') {
-      return toDate(dirtyBackupDate);
+      return toDate(dirtyReferenceDate);
     } else {
       return new Date(NaN);
     }
@@ -2926,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
   }];
@@ -2937,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);
@@ -2946,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)) {
@@ -2974,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,
@@ -3014,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);
   }
@@ -3974,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.1'
+    "data-garden-version": '8.42.0'
   }, props), React__default.createElement(Month, {
     locale: locale,
     displayDate: state.previewDate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-datepickers",
-  "version": "8.39.1",
+  "version": "8.42.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.5.5",
+    "@zendeskgarden/container-utilities": "^0.6.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.39.1",
+    "@zendeskgarden/react-theming": "^8.42.0",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "50a3de03c519cac3ef84f9f49cc9e29308db9ebd"
+  "gitHead": "5cac646f69c4a9bed374d530734272332392671a"
 }