react-day-picker 8.4.0 → 8.5.0

package/dist/index.js

@@ -1,39 +1,8 @@
 'use strict';
 
 var React = require('react');
-var enUS = require('date-fns/locale/en-US');
-var format = require('date-fns/format');
-var endOfMonth = require('date-fns/endOfMonth');
-var startOfDay = require('date-fns/startOfDay');
-var startOfMonth = require('date-fns/startOfMonth');
-var isSameYear = require('date-fns/isSameYear');
-var setMonth = require('date-fns/setMonth');
-var setYear = require('date-fns/setYear');
-var startOfYear = require('date-fns/startOfYear');
-var addMonths = require('date-fns/addMonths');
-var isBefore = require('date-fns/isBefore');
-var isSameMonth = require('date-fns/isSameMonth');
-var differenceInCalendarMonths = require('date-fns/differenceInCalendarMonths');
-var addDays = require('date-fns/addDays');
-var startOfISOWeek = require('date-fns/startOfISOWeek');
-var startOfWeek = require('date-fns/startOfWeek');
-var getUnixTime = require('date-fns/getUnixTime');
-var isSameDay = require('date-fns/isSameDay');
+var locale = require('date-fns/locale');
 var dateFns = require('date-fns');
-var differenceInCalendarDays = require('date-fns/differenceInCalendarDays');
-var subDays = require('date-fns/subDays');
-var isAfter = require('date-fns/isAfter');
-var isDate = require('date-fns/isDate');
-var addWeeks = require('date-fns/addWeeks');
-var addYears = require('date-fns/addYears');
-var endOfISOWeek = require('date-fns/endOfISOWeek');
-var endOfWeek = require('date-fns/endOfWeek');
-var max = require('date-fns/max');
-var min = require('date-fns/min');
-var getWeeksInMonth = require('date-fns/getWeeksInMonth');
-var getISOWeek = require('date-fns/getISOWeek');
-var getWeek = require('date-fns/getWeek');
-var parse = require('date-fns/parse');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -168,21 +137,21 @@ var defaultClassNames = {
  * The default formatter for the caption.
  */
 function formatCaption(month, options) {
-    return format(month, 'LLLL y', options);
+    return dateFns.format(month, 'LLLL y', options);
 }
 
 /**
  * The default formatter for the Day button.
  */
 function formatDay(day, options) {
-    return format(day, 'd', options);
+    return dateFns.format(day, 'd', options);
 }
 
 /**
  * The default formatter for the Month caption.
  */
 function formatMonthCaption(month, options) {
-    return format(month, 'LLLL', options);
+    return dateFns.format(month, 'LLLL', options);
 }
 
 /**
@@ -196,14 +165,14 @@ function formatWeekNumber(weekNumber) {
  * The default formatter for the name of the weekday.
  */
 function formatWeekdayName(weekday, options) {
-    return format(weekday, 'cccccc', options);
+    return dateFns.format(weekday, 'cccccc', options).toUpperCase();
 }
 
 /**
  * The default formatter for the Year caption.
  */
 function formatYearCaption(year, options) {
-    return format(year, 'yyyy', options);
+    return dateFns.format(year, 'yyyy', options);
 }
 
 var formatters = /*#__PURE__*/Object.freeze({
@@ -220,7 +189,7 @@ var formatters = /*#__PURE__*/Object.freeze({
  * The default ARIA label for the day button.
  */
 var labelDay = function (day, activeModifiers, options) {
-    return format(day, 'do MMMM (EEEE)', options);
+    return dateFns.format(day, 'do MMMM (EEEE)', options);
 };
 
 /**
@@ -248,7 +217,7 @@ var labelPrevious = function () {
  * The default ARIA label for the Weekday element.
  */
 var labelWeekday = function (day, options) {
-    return format(day, 'cccc', options);
+    return dateFns.format(day, 'cccc', options);
 };
 
 /**
@@ -271,8 +240,8 @@ var labels = /*#__PURE__*/Object.freeze({
     labelMonthDropdown: labelMonthDropdown,
     labelNext: labelNext,
     labelPrevious: labelPrevious,
-    labelWeekday: labelWeekday,
     labelWeekNumber: labelWeekNumber,
+    labelWeekday: labelWeekday,
     labelYearDropdown: labelYearDropdown
 });
 
@@ -283,7 +252,7 @@ var labels = /*#__PURE__*/Object.freeze({
 function getDefaultContextValues() {
     var captionLayout = 'buttons';
     var classNames = defaultClassNames;
-    var locale = enUS;
+    var locale$1 = locale.enUS;
     var modifiersClassNames = {};
     var modifiers = {};
     var numberOfMonths = 1;
@@ -294,7 +263,7 @@ function getDefaultContextValues() {
         classNames: classNames,
         formatters: formatters,
         labels: labels,
-        locale: locale,
+        locale: locale$1,
         modifiersClassNames: modifiersClassNames,
         modifiers: modifiers,
         numberOfMonths: numberOfMonths,
@@ -309,20 +278,20 @@ function parseFromToProps(props) {
     var fromYear = props.fromYear, toYear = props.toYear, fromMonth = props.fromMonth, toMonth = props.toMonth;
     var fromDate = props.fromDate, toDate = props.toDate;
     if (fromMonth) {
-        fromDate = startOfMonth(fromMonth);
+        fromDate = dateFns.startOfMonth(fromMonth);
     }
     else if (fromYear) {
         fromDate = new Date(fromYear, 0, 1);
     }
     if (toMonth) {
-        toDate = endOfMonth(toMonth);
+        toDate = dateFns.endOfMonth(toMonth);
     }
     else if (toYear) {
         toDate = new Date(toYear, 11, 31);
     }
     return {
-        fromDate: fromDate ? startOfDay(fromDate) : undefined,
-        toDate: toDate ? startOfDay(toDate) : undefined
+        fromDate: fromDate ? dateFns.startOfDay(fromDate) : undefined,
+        toDate: toDate ? dateFns.startOfDay(toDate) : undefined
     };
 }
 
@@ -374,7 +343,7 @@ function useDayPicker() {
 /** Render the caption for the displayed month. This component is used when `captionLayout="buttons"`. */
 function CaptionLabel(props) {
     var _a = useDayPicker(), locale = _a.locale, classNames = _a.classNames, styles = _a.styles, formatCaption = _a.formatters.formatCaption;
-    return (React.createElement("h2", { className: classNames.caption_label, style: styles.caption_label, "aria-live": "polite", "aria-atomic": "true", id: props.id }, formatCaption(props.displayMonth, { locale: locale })));
+    return (React.createElement("div", { className: classNames.caption_label, style: styles.caption_label, "aria-live": "polite", role: "presentation", id: props.id }, formatCaption(props.displayMonth, { locale: locale })));
 }
 
 /**
@@ -412,23 +381,23 @@ function MonthsDropdown(props) {
     if (!toDate)
         return React.createElement(React.Fragment, null);
     var dropdownMonths = [];
-    if (isSameYear(fromDate, toDate)) {
+    if (dateFns.isSameYear(fromDate, toDate)) {
         // only display the months included in the range
-        var date = startOfMonth(fromDate);
+        var date = dateFns.startOfMonth(fromDate);
         for (var month = fromDate.getMonth(); month <= toDate.getMonth(); month++) {
-            dropdownMonths.push(setMonth(date, month));
+            dropdownMonths.push(dateFns.setMonth(date, month));
         }
     }
     else {
         // display all the 12 months
-        var date = startOfMonth(new Date()); // Any date should be OK, as we just need the year
+        var date = dateFns.startOfMonth(new Date()); // Any date should be OK, as we just need the year
         for (var month = 0; month <= 11; month++) {
-            dropdownMonths.push(setMonth(date, month));
+            dropdownMonths.push(dateFns.setMonth(date, month));
         }
     }
     var handleChange = function (e) {
         var selectedMonth = Number(e.target.value);
-        var newMonth = setMonth(startOfMonth(props.displayMonth), selectedMonth);
+        var newMonth = dateFns.setMonth(dateFns.startOfMonth(props.displayMonth), selectedMonth);
         props.onChange(newMonth);
     };
     var DropdownComponent = (_a = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a !== void 0 ? _a : Dropdown;
@@ -452,10 +421,10 @@ function YearsDropdown(props) {
     var fromYear = fromDate.getFullYear();
     var toYear = toDate.getFullYear();
     for (var year = fromYear; year <= toYear; year++) {
-        years.push(setYear(startOfYear(new Date()), year));
+        years.push(dateFns.setYear(dateFns.startOfYear(new Date()), year));
     }
     var handleChange = function (e) {
-        var newMonth = setYear(startOfMonth(displayMonth), Number(e.target.value));
+        var newMonth = dateFns.setYear(dateFns.startOfMonth(displayMonth), Number(e.target.value));
         props.onChange(newMonth);
     };
     var DropdownComponent = (_a = components === null || components === void 0 ? void 0 : components.Dropdown) !== null && _a !== void 0 ? _a : Dropdown;
@@ -483,15 +452,15 @@ function getInitialMonth(context) {
     var initialMonth = month || defaultMonth || today || new Date();
     var toDate = context.toDate, fromDate = context.fromDate, _a = context.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
     // Fix the initialMonth if is after the to-date
-    if (toDate && differenceInCalendarMonths(toDate, initialMonth) < 0) {
+    if (toDate && dateFns.differenceInCalendarMonths(toDate, initialMonth) < 0) {
         var offset = -1 * (numberOfMonths - 1);
-        initialMonth = addMonths(toDate, offset);
+        initialMonth = dateFns.addMonths(toDate, offset);
     }
     // Fix the initialMonth if is before the from-date
-    if (fromDate && differenceInCalendarMonths(initialMonth, fromDate) < 0) {
+    if (fromDate && dateFns.differenceInCalendarMonths(initialMonth, fromDate) < 0) {
         initialMonth = fromDate;
     }
-    return startOfMonth(initialMonth);
+    return dateFns.startOfMonth(initialMonth);
 }
 
 /** Controls the navigation state. */
@@ -503,7 +472,7 @@ function useNavigationState() {
         var _a;
         if (context.disableNavigation)
             return;
-        var month = startOfMonth(date);
+        var month = dateFns.startOfMonth(date);
         setMonth(month);
         (_a = context.onMonthChange) === null || _a === void 0 ? void 0 : _a.call(context, month);
     };
@@ -516,12 +485,12 @@ function useNavigationState() {
  */
 function getDisplayMonths(month, _a) {
     var reverseMonths = _a.reverseMonths, numberOfMonths = _a.numberOfMonths;
-    var start = startOfMonth(month);
-    var end = startOfMonth(addMonths(start, numberOfMonths));
-    var monthsDiff = differenceInCalendarMonths(end, start);
+    var start = dateFns.startOfMonth(month);
+    var end = dateFns.startOfMonth(dateFns.addMonths(start, numberOfMonths));
+    var monthsDiff = dateFns.differenceInCalendarMonths(end, start);
     var months = [];
     for (var i = 0; i < monthsDiff; i++) {
-        var nextMonth = addMonths(start, i);
+        var nextMonth = dateFns.addMonths(start, i);
         months.push(nextMonth);
     }
     if (reverseMonths)
@@ -545,16 +514,16 @@ function getNextMonth(startingMonth, options) {
     }
     var toDate = options.toDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
     var offset = pagedNavigation ? numberOfMonths : 1;
-    var month = startOfMonth(startingMonth);
+    var month = dateFns.startOfMonth(startingMonth);
     if (!toDate) {
-        return addMonths(month, offset);
+        return dateFns.addMonths(month, offset);
     }
-    var monthsDiff = differenceInCalendarMonths(toDate, startingMonth);
+    var monthsDiff = dateFns.differenceInCalendarMonths(toDate, startingMonth);
     if (monthsDiff < numberOfMonths) {
         return undefined;
     }
     // Jump forward as the number of months when paged navigation
-    return addMonths(month, offset);
+    return dateFns.addMonths(month, offset);
 }
 
 /**
@@ -574,16 +543,16 @@ function getPreviousMonth(startingMonth, options) {
     }
     var fromDate = options.fromDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
     var offset = pagedNavigation ? numberOfMonths : 1;
-    var month = startOfMonth(startingMonth);
+    var month = dateFns.startOfMonth(startingMonth);
     if (!fromDate) {
-        return addMonths(month, -offset);
+        return dateFns.addMonths(month, -offset);
     }
-    var monthsDiff = differenceInCalendarMonths(month, fromDate);
+    var monthsDiff = dateFns.differenceInCalendarMonths(month, fromDate);
     if (monthsDiff <= 0) {
         return undefined;
     }
     // Jump back as the number of months when paged navigation
-    return addMonths(month, -offset);
+    return dateFns.addMonths(month, -offset);
 }
 
 /**
@@ -600,15 +569,15 @@ function NavigationProvider(props) {
     var previousMonth = getPreviousMonth(currentMonth, dayPicker);
     var isDateDisplayed = function (date) {
         return displayMonths.some(function (displayMonth) {
-            return isSameMonth(date, displayMonth);
+            return dateFns.isSameMonth(date, displayMonth);
         });
     };
     var goToDate = function (date, refDate) {
         if (isDateDisplayed(date)) {
             return;
         }
-        if (refDate && isBefore(date, refDate)) {
-            goToMonth(addMonths(date, 1 + dayPicker.numberOfMonths * -1));
+        if (refDate && dateFns.isBefore(date, refDate)) {
+            goToMonth(dateFns.addMonths(date, 1 + dayPicker.numberOfMonths * -1));
         }
         else {
             goToMonth(date);
@@ -723,7 +692,7 @@ function CaptionNavigation(props) {
     var _c = useDayPicker(), numberOfMonths = _c.numberOfMonths, dir = _c.dir, components = _c.components;
     var _d = useNavigation(), previousMonth = _d.previousMonth, nextMonth = _d.nextMonth, goToMonth = _d.goToMonth, displayMonths = _d.displayMonths;
     var displayIndex = displayMonths.findIndex(function (month) {
-        return isSameMonth(props.displayMonth, month);
+        return dateFns.isSameMonth(props.displayMonth, month);
     });
     var isFirst = displayIndex === 0;
     var isLast = displayIndex === displayMonths.length - 1;
@@ -790,11 +759,11 @@ weekStartsOn,
 /** Use ISOWeek instead of locale/ */
 ISOWeek) {
     var start = ISOWeek
-        ? startOfISOWeek(new Date())
-        : startOfWeek(new Date(), { locale: locale, weekStartsOn: weekStartsOn });
+        ? dateFns.startOfISOWeek(new Date())
+        : dateFns.startOfWeek(new Date(), { locale: locale, weekStartsOn: weekStartsOn });
     var days = [];
     for (var i = 0; i < 7; i++) {
-        var day = addDays(start, i);
+        var day = dateFns.addDays(start, i);
         days.push(day);
     }
     return days;
@@ -808,9 +777,7 @@ function HeadRow() {
     var weekdays = getWeekdays(locale, weekStartsOn, ISOWeek);
     return (React.createElement("tr", { style: styles.head_row, className: classNames.head_row },
         showWeekNumber && (React.createElement("th", { scope: "col", style: styles.head_cell, className: classNames.head_cell })),
-        weekdays.map(function (weekday, i) { return (React.createElement("th", { key: i, scope: "col", className: classNames.head_cell, style: styles.head_cell },
-            React.createElement("span", { "aria-hidden": true }, formatWeekdayName(weekday, { locale: locale })),
-            React.createElement("span", { className: classNames.vhidden }, labelWeekday(weekday, { locale: locale })))); })));
+        weekdays.map(function (weekday, i) { return (React.createElement("th", { key: i, scope: "col", className: classNames.head_cell, style: styles.head_cell, "aria-label": labelWeekday(weekday, { locale: locale }) }, formatWeekdayName(weekday, { locale: locale }))); })));
 }
 
 /** Render the table head. */
@@ -865,7 +832,7 @@ function SelectMultipleProviderInternal(_a) {
         var selectedDays = selected ? __spreadArray([], selected, true) : [];
         if (activeModifiers.selected) {
             var index = selectedDays.findIndex(function (selectedDay) {
-                return isSameDay(day, selectedDay);
+                return dateFns.isSameDay(day, selectedDay);
             });
             selectedDays.splice(index, 1);
         }
@@ -881,7 +848,7 @@ function SelectMultipleProviderInternal(_a) {
         modifiers.disabled.push(function (day) {
             var isMaxSelected = max && selected.length > max - 1;
             var isSelected = selected.some(function (selectedDay) {
-                return isSameDay(selectedDay, day);
+                return dateFns.isSameDay(selectedDay, day);
             });
             return Boolean(isMaxSelected && !isSelected);
         });
@@ -917,25 +884,25 @@ function addToRange(day, range) {
     if (!from) {
         return { from: day, to: undefined };
     }
-    if (!to && isSameDay(from, day)) {
+    if (!to && dateFns.isSameDay(from, day)) {
         return { from: from, to: day };
     }
-    if (!to && isBefore(day, from)) {
+    if (!to && dateFns.isBefore(day, from)) {
         return { from: day, to: from };
     }
     if (!to) {
         return { from: from, to: day };
     }
-    if (isSameDay(to, day) && isSameDay(from, day)) {
+    if (dateFns.isSameDay(to, day) && dateFns.isSameDay(from, day)) {
         return undefined;
     }
-    if (isSameDay(to, day)) {
+    if (dateFns.isSameDay(to, day)) {
         return { from: to, to: undefined };
     }
-    if (isSameDay(from, day)) {
+    if (dateFns.isSameDay(from, day)) {
         return undefined;
     }
-    if (isAfter(from, day)) {
+    if (dateFns.isAfter(from, day)) {
         return { from: day, to: to };
     }
     return { from: from, to: day };
@@ -1002,34 +969,34 @@ function SelectRangeProviderInternal(_a) {
     if (min) {
         if (selectedFrom && !selectedTo) {
             modifiers.disabled.push({
-                after: subDays(selectedFrom, min - 1),
-                before: addDays(selectedFrom, min - 1)
+                after: dateFns.subDays(selectedFrom, min - 1),
+                before: dateFns.addDays(selectedFrom, min - 1)
             });
         }
         if (selectedFrom && selectedTo) {
             modifiers.disabled.push({
                 after: selectedFrom,
-                before: addDays(selectedFrom, min - 1)
+                before: dateFns.addDays(selectedFrom, min - 1)
             });
         }
     }
     if (max) {
         if (selectedFrom && !selectedTo) {
             modifiers.disabled.push({
-                before: addDays(selectedFrom, -max + 1)
+                before: dateFns.addDays(selectedFrom, -max + 1)
             });
             modifiers.disabled.push({
-                after: addDays(selectedFrom, max - 1)
+                after: dateFns.addDays(selectedFrom, max - 1)
             });
         }
         if (selectedFrom && selectedTo) {
-            var selectedCount = differenceInCalendarDays(selectedTo, selectedFrom) + 1;
+            var selectedCount = dateFns.differenceInCalendarDays(selectedTo, selectedFrom) + 1;
             var offset = max - selectedCount;
             modifiers.disabled.push({
-                before: subDays(selectedFrom, offset)
+                before: dateFns.subDays(selectedFrom, offset)
             });
             modifiers.disabled.push({
-                after: addDays(selectedTo, offset)
+                after: dateFns.addDays(selectedTo, offset)
             });
         }
     }
@@ -1181,28 +1148,28 @@ function isDateInRange(date, range) {
     if (!from) {
         return false;
     }
-    if (!to && isSameDay(from, date)) {
+    if (!to && dateFns.isSameDay(from, date)) {
         return true;
     }
     if (!to) {
         return false;
     }
-    var isRangeInverted = differenceInCalendarDays(to, from) < 0;
+    var isRangeInverted = dateFns.differenceInCalendarDays(to, from) < 0;
     if (isRangeInverted) {
         _a = [to, from], from = _a[0], to = _a[1];
     }
-    var isInRange = differenceInCalendarDays(date, from) >= 0 &&
-        differenceInCalendarDays(to, date) >= 0;
+    var isInRange = dateFns.differenceInCalendarDays(date, from) >= 0 &&
+        dateFns.differenceInCalendarDays(to, date) >= 0;
     return isInRange;
 }
 
 /** Returns true if `value` is a Date type. */
 function isDateType(value) {
-    return isDate(value);
+    return dateFns.isDate(value);
 }
 /** Returns true if `value` is an array of valid dates. */
 function isArrayOfDates(value) {
-    return Array.isArray(value) && value.every(isDate);
+    return Array.isArray(value) && value.every(dateFns.isDate);
 }
 /**
  * Returns whether a day matches against at least one of the given Matchers.
@@ -1227,7 +1194,7 @@ function isMatch(day, matchers) {
             return matcher;
         }
         if (isDateType(matcher)) {
-            return isSameDay(day, matcher);
+            return dateFns.isSameDay(day, matcher);
         }
         if (isArrayOfDates(matcher)) {
             return matcher.includes(day);
@@ -1239,8 +1206,8 @@ function isMatch(day, matchers) {
             return matcher.dayOfWeek.includes(day.getDay());
         }
         if (isDateInterval(matcher)) {
-            var diffBefore = differenceInCalendarDays(matcher.before, day);
-            var diffAfter = differenceInCalendarDays(matcher.after, day);
+            var diffBefore = dateFns.differenceInCalendarDays(matcher.before, day);
+            var diffAfter = dateFns.differenceInCalendarDays(matcher.after, day);
             var isDayBefore = diffBefore > 0;
             var isDayAfter = diffAfter < 0;
             var isClosedInterval = dateFns.isAfter(matcher.before, matcher.after);
@@ -1252,10 +1219,10 @@ function isMatch(day, matchers) {
             }
         }
         if (isDateAfterType(matcher)) {
-            return differenceInCalendarDays(day, matcher.after) > 0;
+            return dateFns.differenceInCalendarDays(day, matcher.after) > 0;
         }
         if (isDateBeforeType(matcher)) {
-            return differenceInCalendarDays(matcher.before, day) > 0;
+            return dateFns.differenceInCalendarDays(matcher.before, day) > 0;
         }
         if (typeof matcher === 'function') {
             return matcher(day);
@@ -1279,7 +1246,7 @@ displayMonth) {
     }, []);
     var activeModifiers = {};
     matchedModifiers.forEach(function (modifier) { return (activeModifiers[modifier] = true); });
-    if (displayMonth && !isSameMonth(day, displayMonth)) {
+    if (displayMonth && !dateFns.isSameMonth(day, displayMonth)) {
         activeModifiers.outside = true;
     }
     return activeModifiers;
@@ -1294,8 +1261,8 @@ displayMonth) {
  * https://github.com/gpbl/react-day-picker/pull/1576
  */
 function getInitialFocusTarget(displayMonths, modifiers) {
-    var firstDayInMonth = startOfMonth(displayMonths[0]);
-    var lastDayInMonth = endOfMonth(displayMonths[displayMonths.length - 1]);
+    var firstDayInMonth = dateFns.startOfMonth(displayMonths[0]);
+    var lastDayInMonth = dateFns.endOfMonth(displayMonths[displayMonths.length - 1]);
     // TODO: cleanup code
     var firstFocusableDay;
     var today;
@@ -1304,7 +1271,7 @@ function getInitialFocusTarget(displayMonths, modifiers) {
         var activeModifiers = getActiveModifiers(date, modifiers);
         var isFocusable = !activeModifiers.disabled && !activeModifiers.hidden;
         if (!isFocusable) {
-            date = addDays(date, 1);
+            date = dateFns.addDays(date, 1);
             continue;
         }
         if (activeModifiers.selected) {
@@ -1316,7 +1283,7 @@ function getInitialFocusTarget(displayMonths, modifiers) {
         if (!firstFocusableDay) {
             firstFocusableDay = date;
         }
-        date = addDays(date, 1);
+        date = dateFns.addDays(date, 1);
     }
     if (today) {
         return today;
@@ -1332,27 +1299,27 @@ function getNextFocus(focusedDay, options) {
     var moveBy = options.moveBy, direction = options.direction, context = options.context, modifiers = options.modifiers, _a = options.retry, retry = _a === void 0 ? { count: 0, lastFocused: focusedDay } : _a;
     var weekStartsOn = context.weekStartsOn, fromDate = context.fromDate, toDate = context.toDate, locale = context.locale;
     var moveFns = {
-        day: addDays,
-        week: addWeeks,
-        month: addMonths,
-        year: addYears,
+        day: dateFns.addDays,
+        week: dateFns.addWeeks,
+        month: dateFns.addMonths,
+        year: dateFns.addYears,
         startOfWeek: function (date) {
             return context.ISOWeek
-                ? startOfISOWeek(date)
-                : startOfWeek(date, { locale: locale, weekStartsOn: weekStartsOn });
+                ? dateFns.startOfISOWeek(date)
+                : dateFns.startOfWeek(date, { locale: locale, weekStartsOn: weekStartsOn });
         },
         endOfWeek: function (date) {
             return context.ISOWeek
-                ? endOfISOWeek(date)
-                : endOfWeek(date, { locale: locale, weekStartsOn: weekStartsOn });
+                ? dateFns.endOfISOWeek(date)
+                : dateFns.endOfWeek(date, { locale: locale, weekStartsOn: weekStartsOn });
         }
     };
     var newFocusedDay = moveFns[moveBy](focusedDay, direction === 'after' ? 1 : -1);
     if (direction === 'before' && fromDate) {
-        newFocusedDay = max([fromDate, newFocusedDay]);
+        newFocusedDay = dateFns.max([fromDate, newFocusedDay]);
     }
     else if (direction === 'after' && toDate) {
-        newFocusedDay = min([toDate, newFocusedDay]);
+        newFocusedDay = dateFns.min([toDate, newFocusedDay]);
     }
     var isFocusable = true;
     if (modifiers) {
@@ -1410,7 +1377,7 @@ function FocusProvider(props) {
             context: context,
             modifiers: modifiers
         });
-        if (isSameDay(focusedDay, nextFocused))
+        if (dateFns.isSameDay(focusedDay, nextFocused))
             return undefined;
         navigation.goToDate(nextFocused, focusedDay);
         focus(nextFocused);
@@ -1753,7 +1720,7 @@ buttonRef) {
             return;
         if (!isButton)
             return;
-        if (isSameDay(focusContext.focusedDay, day)) {
+        if (dateFns.isSameDay(focusContext.focusedDay, day)) {
             (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [
@@ -1765,9 +1732,6 @@ buttonRef) {
     ]);
     var className = getDayClassNames(dayPicker, activeModifiers).join(' ');
     var style = getDayStyle(dayPicker, activeModifiers);
-    var ariaLabel = dayPicker.labels.labelDay(day, activeModifiers, {
-        locale: dayPicker.locale
-    });
     var isHidden = Boolean((activeModifiers.outside && !dayPicker.showOutsideDays) ||
         activeModifiers.hidden);
     var DayContentComponent = (_c = (_b = dayPicker.components) === null || _b === void 0 ? void 0 : _b.DayContent) !== null && _c !== void 0 ? _c : DayContent;
@@ -1776,13 +1740,13 @@ buttonRef) {
         style: style,
         className: className,
         children: children,
-        'aria-label': ariaLabel
+        role: 'gridcell'
     };
     var isFocusTarget = focusContext.focusTarget &&
-        isSameDay(focusContext.focusTarget, day) &&
+        dateFns.isSameDay(focusContext.focusTarget, day) &&
         !activeModifiers.outside;
-    var isFocused = focusContext.focusedDay && isSameDay(focusContext.focusedDay, day);
-    var buttonProps = __assign(__assign(__assign({}, divProps), (_a = { disabled: activeModifiers.disabled }, _a['aria-pressed'] = activeModifiers.selected, _a['aria-label'] = ariaLabel, _a.tabIndex = isFocused || isFocusTarget ? 0 : -1, _a)), eventHandlers);
+    var isFocused = focusContext.focusedDay && dateFns.isSameDay(focusContext.focusedDay, day);
+    var buttonProps = __assign(__assign(__assign({}, divProps), (_a = { disabled: activeModifiers.disabled, role: 'gridcell' }, _a['aria-selected'] = activeModifiers.selected, _a.tabIndex = isFocused || isFocusTarget ? 0 : -1, _a)), eventHandlers);
     var dayRender = {
         isButton: isButton,
         isHidden: isHidden,
@@ -1802,7 +1766,7 @@ function Day(props) {
     var buttonRef = React.useRef(null);
     var dayRender = useDayRender(props.date, props.displayMonth, buttonRef);
     if (dayRender.isHidden) {
-        return React.createElement(React.Fragment, null);
+        return React.createElement("div", { role: "gridcell" });
     }
     if (!dayRender.isButton) {
         return React.createElement("div", __assign({}, dayRender.divProps));
@@ -1841,27 +1805,27 @@ function Row(props) {
     }
     return (React.createElement("tr", { className: classNames.row, style: styles.row },
         weekNumberCell,
-        props.dates.map(function (date) { return (React.createElement("td", { className: classNames.cell, style: styles.cell, key: getUnixTime(date) },
+        props.dates.map(function (date) { return (React.createElement("td", { className: classNames.cell, style: styles.cell, key: dateFns.getUnixTime(date), role: "presentation" },
             React.createElement(DayComponent, { displayMonth: props.displayMonth, date: date }))); })));
 }
 
 /** Return the weeks between two dates.  */
 function daysToMonthWeeks(fromDate, toDate, options) {
     var toWeek = (options === null || options === void 0 ? void 0 : options.ISOWeek)
-        ? endOfISOWeek(toDate)
-        : endOfWeek(toDate, options);
+        ? dateFns.endOfISOWeek(toDate)
+        : dateFns.endOfWeek(toDate, options);
     var fromWeek = (options === null || options === void 0 ? void 0 : options.ISOWeek)
-        ? startOfISOWeek(fromDate)
-        : startOfWeek(fromDate, options);
-    var nOfDays = differenceInCalendarDays(toWeek, fromWeek);
+        ? dateFns.startOfISOWeek(fromDate)
+        : dateFns.startOfWeek(fromDate, options);
+    var nOfDays = dateFns.differenceInCalendarDays(toWeek, fromWeek);
     var days = [];
     for (var i = 0; i <= nOfDays; i++) {
-        days.push(addDays(fromWeek, i));
+        days.push(dateFns.addDays(fromWeek, i));
     }
     var weeksInMonth = days.reduce(function (result, date) {
         var weekNumber = (options === null || options === void 0 ? void 0 : options.ISOWeek)
-            ? getISOWeek(date)
-            : getWeek(date, options);
+            ? dateFns.getISOWeek(date)
+            : dateFns.getWeek(date, options);
         var existingWeek = result.find(function (value) { return value.weekNumber === weekNumber; });
         if (existingWeek) {
             existingWeek.dates.push(date);
@@ -1881,15 +1845,15 @@ function daysToMonthWeeks(fromDate, toDate, options) {
  * the first and last week.
  */
 function getMonthWeeks(month, options) {
-    var weeksInMonth = daysToMonthWeeks(startOfMonth(month), endOfMonth(month), options);
+    var weeksInMonth = daysToMonthWeeks(dateFns.startOfMonth(month), dateFns.endOfMonth(month), options);
     if (options === null || options === void 0 ? void 0 : options.useFixedWeeks) {
         // Add extra weeks to the month, up to 6 weeks
-        var nrOfMonthWeeks = getWeeksInMonth(month, options);
+        var nrOfMonthWeeks = dateFns.getWeeksInMonth(month, options);
         if (nrOfMonthWeeks < 6) {
             var lastWeek = weeksInMonth[weeksInMonth.length - 1];
             var lastDate = lastWeek.dates[lastWeek.dates.length - 1];
-            var toDate = addWeeks(lastDate, 6 - nrOfMonthWeeks);
-            var extraWeeks = daysToMonthWeeks(addWeeks(lastDate, 1), toDate, options);
+            var toDate = dateFns.addWeeks(lastDate, 6 - nrOfMonthWeeks);
+            var extraWeeks = daysToMonthWeeks(dateFns.addWeeks(lastDate, 1), toDate, options);
             weeksInMonth.push.apply(weeksInMonth, extraWeeks);
         }
     }
@@ -1912,7 +1876,7 @@ function Table(props) {
     var FooterComponent = (_c = components === null || components === void 0 ? void 0 : components.Footer) !== null && _c !== void 0 ? _c : Footer;
     return (React.createElement("table", { className: classNames.table, style: styles.table, role: "grid", "aria-labelledby": props['aria-labelledby'] },
         !hideHead && React.createElement(HeadComponent, null),
-        React.createElement("tbody", { className: classNames.tbody, style: styles.tbody }, weeks.map(function (week) { return (React.createElement(RowComponent, { displayMonth: props.displayMonth, key: week.weekNumber, dates: week.dates, weekNumber: week.weekNumber })); })),
+        React.createElement("tbody", { className: classNames.tbody, style: styles.tbody, role: "rowgroup" }, weeks.map(function (week) { return (React.createElement(RowComponent, { displayMonth: props.displayMonth, key: week.weekNumber, dates: week.dates, weekNumber: week.weekNumber })); })),
         React.createElement(FooterComponent, null)));
 }
 
@@ -2158,7 +2122,7 @@ function RootProvider(props) {
  * For example, to use Spanish locale:
  *
  * ```
- * import es from 'date-fns/locale/es';
+ * import { es } from 'date-fns/locale';
  * <DayPicker locale={es} />
  * ```
  */
@@ -2175,15 +2139,15 @@ function isValidDate(day) {
 /** Return props and setters for binding an input field to DayPicker. */
 function useInput(options) {
     if (options === void 0) { options = {}; }
-    var _a = options.locale, locale = _a === void 0 ? enUS : _a, required = options.required, _b = options.format, format$1 = _b === void 0 ? 'PP' : _b, defaultSelected = options.defaultSelected, _c = options.today, today = _c === void 0 ? new Date() : _c;
+    var _a = options.locale, locale$1 = _a === void 0 ? locale.enUS : _a, required = options.required, _b = options.format, format = _b === void 0 ? 'PP' : _b, defaultSelected = options.defaultSelected, _c = options.today, today = _c === void 0 ? new Date() : _c;
     var _d = parseFromToProps(options), fromDate = _d.fromDate, toDate = _d.toDate;
     // Shortcut to the DateFns functions
-    var parseValue = function (value) { return parse(value, format$1, today, { locale: locale }); };
+    var parseValue = function (value) { return dateFns.parse(value, format, today, { locale: locale$1 }); };
     // Initialize states
     var _e = React.useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today), month = _e[0], setMonth = _e[1];
     var _f = React.useState(defaultSelected), selectedDay = _f[0], setSelectedDay = _f[1];
     var defaultInputValue = defaultSelected
-        ? format(defaultSelected, format$1, { locale: locale })
+        ? dateFns.format(defaultSelected, format, { locale: locale$1 })
         : '';
     var _g = React.useState(defaultInputValue), inputValue = _g[0], setInputValue = _g[1];
     var reset = function () {
@@ -2194,7 +2158,7 @@ function useInput(options) {
     var setSelected = function (date) {
         setSelectedDay(date);
         setMonth(date !== null && date !== void 0 ? date : today);
-        setInputValue(date ? format(date, format$1, { locale: locale }) : '');
+        setInputValue(date ? dateFns.format(date, format, { locale: locale$1 }) : '');
     };
     var handleDayClick = function (day, _a) {
         var selected = _a.selected;
@@ -2204,7 +2168,7 @@ function useInput(options) {
             return;
         }
         setSelectedDay(day);
-        setInputValue(day ? format(day, format$1, { locale: locale }) : '');
+        setInputValue(day ? dateFns.format(day, format, { locale: locale$1 }) : '');
     };
     var handleMonthChange = function (month) {
         setMonth(month);
@@ -2215,8 +2179,8 @@ function useInput(options) {
     var handleChange = function (e) {
         setInputValue(e.target.value);
         var day = parseValue(e.target.value);
-        var isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
-        var isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
+        var isBefore = fromDate && dateFns.differenceInCalendarDays(fromDate, day) > 0;
+        var isAfter = toDate && dateFns.differenceInCalendarDays(day, toDate) > 0;
         if (!isValidDate(day) || isBefore || isAfter) {
             setSelectedDay(undefined);
             return;
@@ -2249,7 +2213,7 @@ function useInput(options) {
         onDayClick: handleDayClick,
         onMonthChange: handleMonthChange,
         selected: selectedDay,
-        locale: locale,
+        locale: locale$1,
         fromDate: fromDate,
         toDate: toDate,
         today: today
@@ -2259,7 +2223,7 @@ function useInput(options) {
         onChange: handleChange,
         onFocus: handleFocus,
         value: inputValue,
-        placeholder: format(new Date(), format$1, { locale: locale })
+        placeholder: dateFns.format(new Date(), format, { locale: locale$1 })
     };
     return { dayPickerProps: dayPickerProps, inputProps: inputProps, reset: reset, setSelected: setSelected };
 }