react-day-picker 8.0.0-beta.32 → 8.0.0-beta.33

package/dist/main.js

@@ -8,25 +8,6 @@ var enUS = require('date-fns/locale/en-US');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var enUS__default = /*#__PURE__*/_interopDefaultLegacy(enUS);
 
@@ -86,7 +67,7 @@ function __spreadArray(to, from, pack) {
  * Access this context from the [[useDayPicker]] hook when using custom
  * components.
  */
-var DayPickerContext = React__namespace.createContext(undefined);
+var DayPickerContext = React__default["default"].createContext(undefined);
 
 /**
  * Hook to access the [[DayPickerContext]].
@@ -95,7 +76,7 @@ var DayPickerContext = React__namespace.createContext(undefined);
  * [[DayPickerProvider]].
  * */
 function useDayPicker() {
-    var context = React__namespace.useContext(DayPickerContext);
+    var context = React__default["default"].useContext(DayPickerContext);
     if (!context) {
         throw new Error("Context is not defined. useDayPicker must be used within a DayPickerProvider with a valid values.");
     }
@@ -174,10 +155,131 @@ function getWeeks(month, _a) {
 function Table(props) {
     var _a = useDayPicker(), locale = _a.locale, classNames = _a.classNames, styles = _a.styles, hideHead = _a.hideHead, fixedWeeks = _a.fixedWeeks, _b = _a.components, Head = _b.Head, Row = _b.Row, Footer = _b.Footer;
     var weeks = getWeeks(props.displayMonth, { locale: locale, fixedWeeks: fixedWeeks });
-    return (React__namespace.createElement("table", { className: classNames.table, style: styles.table },
-        !hideHead && React__namespace.createElement(Head, null),
-        React__namespace.createElement("tbody", { className: classNames.tbody, style: styles.tbody }, weeks.map(function (week) { return (React__namespace.createElement(Row, { displayMonth: props.displayMonth, key: week.weekNumber, dates: week.dates, weekNumber: week.weekNumber })); })),
-        React__namespace.createElement(Footer, null)));
+    return (React__default["default"].createElement("table", { className: classNames.table, style: styles.table },
+        !hideHead && React__default["default"].createElement(Head, null),
+        React__default["default"].createElement("tbody", { className: classNames.tbody, style: styles.tbody }, weeks.map(function (week) { return (React__default["default"].createElement(Row, { displayMonth: props.displayMonth, key: week.weekNumber, dates: week.dates, weekNumber: week.weekNumber })); })),
+        React__default["default"].createElement(Footer, null)));
+}
+
+/** Return the initial month according to the given options. */
+function getInitialMonth(context) {
+    var month = context.month, defaultMonth = context.defaultMonth, today = context.today;
+    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 && dateFns.differenceInCalendarMonths(toDate, initialMonth) < 0) {
+        var offset = -1 * (numberOfMonths - 1);
+        initialMonth = dateFns.addMonths(toDate, offset);
+    }
+    // Fix the initialMonth if is before the from-date
+    if (fromDate && dateFns.differenceInCalendarMonths(initialMonth, fromDate) < 0) {
+        initialMonth = fromDate;
+    }
+    return dateFns.startOfMonth(initialMonth);
+}
+
+/**
+ * Helper hook for using controlled/uncontrolled values from a component props.
+ *
+ * When the value is not controlled, pass `undefined` as `controlledValue` and
+ * use the returned setter to update it.
+ *
+ * When the value is controlled, pass the controlled value as second
+ * argument, which will be always returned as `value`.
+ */
+function useControlledValue(defaultValue, controlledValue) {
+    var _a = React__default["default"].useState(defaultValue), uncontrolledValue = _a[0], setValue = _a[1];
+    var value = controlledValue === undefined ? uncontrolledValue : controlledValue;
+    return [value, setValue];
+}
+
+/** Controls the navigation state. */
+function useNavigationState() {
+    var context = useDayPicker();
+    var initialMonth = getInitialMonth(context);
+    var _a = useControlledValue(initialMonth, context.month), month = _a[0], setMonth = _a[1];
+    var goToMonth = function (date) {
+        if (context.disableNavigation)
+            return;
+        setMonth(date);
+    };
+    return [month, goToMonth];
+}
+
+/**
+ * Return the months to display in the component according to the number of
+ * months and the from/to date.
+ */
+function getDisplayMonths(month, _a) {
+    var reverseMonths = _a.reverseMonths, numberOfMonths = _a.numberOfMonths;
+    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 = dateFns.addMonths(start, i);
+        months.push(nextMonth);
+    }
+    if (reverseMonths)
+        months = months.reverse();
+    return months;
+}
+
+/**
+ * Returns the next month the user can navigate to according to the given
+ * options.
+ *
+ * Please note that the next month is not always the next calendar month:
+ *
+ * - if after the `toDate` range, is undefined;
+ * - if the navigation is paged, is the number of months displayed ahead.
+ *
+ */
+function getNextMonth(startingMonth, options) {
+    if (options.disableNavigation) {
+        return undefined;
+    }
+    var toDate = options.toDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
+    var offset = pagedNavigation ? numberOfMonths : 1;
+    var month = dateFns.startOfMonth(startingMonth);
+    if (!toDate) {
+        return dateFns.addMonths(month, offset);
+    }
+    var monthsDiff = dateFns.differenceInCalendarMonths(toDate, startingMonth);
+    if (monthsDiff < numberOfMonths) {
+        return undefined;
+    }
+    // Jump forward as the number of months when paged navigation
+    return dateFns.addMonths(month, offset);
+}
+
+/**
+ * Returns the next previous the user can navigate to, according to the given
+ * options.
+ *
+ * Please note that the previous month is not always the previous calendar
+ * month:
+ *
+ * - if before the `fromDate` date, is `undefined`;
+ * - if the navigation is paged, is the number of months displayed before.
+ *
+ */
+function getPreviousMonth(startingMonth, options) {
+    if (options.disableNavigation) {
+        return undefined;
+    }
+    var fromDate = options.fromDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
+    var offset = pagedNavigation ? numberOfMonths : 1;
+    var month = dateFns.startOfMonth(startingMonth);
+    if (!fromDate) {
+        return dateFns.addMonths(month, -offset);
+    }
+    var monthsDiff = dateFns.differenceInCalendarMonths(month, fromDate);
+    if (monthsDiff <= 0) {
+        return undefined;
+    }
+    // Jump back as the number of months when paged navigation
+    return dateFns.addMonths(month, -offset);
 }
 
 /**
@@ -185,11 +287,26 @@ function Table(props) {
  *
  * Access this context from the [[useNavigation]] hook.
  */
-var NavigationContext = React__namespace.createContext(undefined);
+var NavigationContext = React__default["default"].createContext(undefined);
+/** Provides the values for the [[NavigationContext]]. */
+function NavigationProvider(props) {
+    var context = useDayPicker();
+    var _a = useNavigationState(), month = _a[0], goToMonth = _a[1];
+    var displayMonths = getDisplayMonths(month, context);
+    var nextMonth = getNextMonth(month, context);
+    var previousMonth = getPreviousMonth(month, context);
+    return (React__default["default"].createElement(NavigationContext.Provider, { value: {
+            month: month,
+            displayMonths: displayMonths,
+            goToMonth: goToMonth,
+            previousMonth: previousMonth,
+            nextMonth: nextMonth
+        } }, props.children));
+}
 
 /** Hook to access the [[NavigationContext]]. */
 function useNavigation() {
-    var context = React__namespace.useContext(NavigationContext);
+    var context = React__default["default"].useContext(NavigationContext);
     if (!context) {
         throw new Error('useNavigation must be used within a NavigationProvider');
     }
@@ -228,12 +345,12 @@ function Root() {
             className.push(classNames.caption_last);
         if (!isFirst && !isLast)
             className.push(classNames.caption_middle);
-        return (React__namespace.createElement("div", { key: displayIndex, className: className.join(' '), style: style },
-            React__namespace.createElement(Caption, { displayMonth: displayMonth }),
-            React__namespace.createElement(Table, { displayMonth: displayMonth })));
+        return (React__default["default"].createElement("div", { key: displayIndex, className: className.join(' '), style: style },
+            React__default["default"].createElement(Caption, { displayMonth: displayMonth }),
+            React__default["default"].createElement(Table, { displayMonth: displayMonth })));
     };
-    return (React__namespace.createElement("div", { className: rootClassNames.join(' '), style: __assign(__assign({}, styles.root), style), dir: dir },
-        React__namespace.createElement("div", { className: classNames.months, style: styles.months }, displayMonths.map(renderMonth))));
+    return (React__default["default"].createElement("div", { className: rootClassNames.join(' '), style: __assign(__assign({}, styles.root), style), dir: dir },
+        React__default["default"].createElement("div", { className: classNames.months, style: styles.months }, displayMonths.map(renderMonth))));
 }
 
 /**
@@ -244,7 +361,7 @@ function MonthsDropdown(props) {
     var _a = useDayPicker(), fromDate = _a.fromDate, toDate = _a.toDate, styles = _a.styles, locale = _a.locale, formatMonthCaption = _a.formatters.formatMonthCaption, classNames = _a.classNames, Dropdown = _a.components.Dropdown, labelMonthDropdown = _a.labels.labelMonthDropdown;
     if (!fromDate && !toDate) {
         // TODO: use type guards
-        return React__namespace.createElement(React__namespace.Fragment, null);
+        return React__default["default"].createElement(React__default["default"].Fragment, null);
     }
     var dropdownMonths = [];
     if (fromDate && toDate) {
@@ -266,13 +383,13 @@ function MonthsDropdown(props) {
         var newMonth = dateFns.setMonth(new Date(displayMonth), Number(e.target.value));
         props.onChange(newMonth);
     };
-    return (React__namespace.createElement(Dropdown, { "aria-label": labelMonthDropdown(), className: classNames.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: displayMonth.getMonth(), caption: formatMonthCaption(displayMonth, { locale: locale }) }, dropdownMonths.map(function (m) { return (React__namespace.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale: locale }))); })));
+    return (React__default["default"].createElement(Dropdown, { "aria-label": labelMonthDropdown(), className: classNames.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: displayMonth.getMonth(), caption: formatMonthCaption(displayMonth, { locale: locale }) }, dropdownMonths.map(function (m) { return (React__default["default"].createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale: locale }))); })));
 }
 
 /**
  * Render a button HTML element applying the reset class name.
  */
-var Button = React__namespace.forwardRef(function (props, ref) {
+var Button = React__default["default"].forwardRef(function (props, ref) {
     var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles;
     var classNamesArr = [classNames.button_reset, classNames.button];
     if (props.className) {
@@ -283,7 +400,7 @@ var Button = React__namespace.forwardRef(function (props, ref) {
     if (props.style) {
         Object.assign(style, props.style);
     }
-    return (React__namespace.createElement("button", __assign({}, props, { ref: ref, type: "button", className: className, style: style })));
+    return (React__default["default"].createElement("button", __assign({}, props, { ref: ref, type: "button", className: className, style: style })));
 });
 
 /** A component rendering the navigation buttons or the drop-downs. */
@@ -306,11 +423,11 @@ function Navigation(props) {
         classNames.nav_button_next
     ].join(' ');
     if (!nextMonth && !previousMonth) {
-        return React__namespace.createElement(React__namespace.Fragment, null);
+        return React__default["default"].createElement(React__default["default"].Fragment, null);
     }
-    return (React__namespace.createElement("div", { className: classNames.nav, style: styles.nav },
-        !props.hidePrevious && (React__namespace.createElement(Button, { "aria-label": previousLabel, className: previousClassName, style: styles.nav_button_next, disabled: !previousMonth, onClick: dir === 'rtl' ? onNextClick : onPreviousClick }, dir === 'rtl' ? (React__namespace.createElement(IconRight, { className: classNames.nav_icon, style: styles.nav_icon })) : (React__namespace.createElement(IconLeft, { className: classNames.nav_icon, style: styles.nav_icon })))),
-        !props.hideNext && (React__namespace.createElement(Button, { "aria-label": nextLabel, className: nextClassName, style: styles.nav_button_next, disabled: !nextMonth, onClick: dir === 'rtl' ? onPreviousClick : onNextClick }, dir === 'rtl' ? (React__namespace.createElement(IconLeft, { className: classNames.nav_icon, style: styles.nav_icon })) : (React__namespace.createElement(IconRight, { className: classNames.nav_icon, style: styles.nav_icon }))))));
+    return (React__default["default"].createElement("div", { className: classNames.nav, style: styles.nav },
+        !props.hidePrevious && (React__default["default"].createElement(Button, { "aria-label": previousLabel, className: previousClassName, style: styles.nav_button_next, disabled: !previousMonth, onClick: dir === 'rtl' ? onNextClick : onPreviousClick }, dir === 'rtl' ? (React__default["default"].createElement(IconRight, { className: classNames.nav_icon, style: styles.nav_icon })) : (React__default["default"].createElement(IconLeft, { className: classNames.nav_icon, style: styles.nav_icon })))),
+        !props.hideNext && (React__default["default"].createElement(Button, { "aria-label": nextLabel, className: nextClassName, style: styles.nav_button_next, disabled: !nextMonth, onClick: dir === 'rtl' ? onPreviousClick : onNextClick }, dir === 'rtl' ? (React__default["default"].createElement(IconLeft, { className: classNames.nav_icon, style: styles.nav_icon })) : (React__default["default"].createElement(IconRight, { className: classNames.nav_icon, style: styles.nav_icon }))))));
 }
 
 /**
@@ -332,7 +449,7 @@ function YearsDropdown(props) {
         var newMonth = dateFns.setYear(new Date(displayMonth), Number(e.target.value));
         props.onChange(newMonth);
     };
-    return (React__namespace.createElement(Dropdown, { "aria-label": labelYearDropdown(), className: classNames.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: displayMonth.getFullYear(), caption: formatYearCaption(displayMonth, { locale: locale }) }, years.map(function (year) { return (React__namespace.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale: locale }))); })));
+    return (React__default["default"].createElement(Dropdown, { "aria-label": labelYearDropdown(), className: classNames.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: displayMonth.getFullYear(), caption: formatYearCaption(displayMonth, { locale: locale }) }, years.map(function (year) { return (React__default["default"].createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale: locale }))); })));
 }
 
 /**
@@ -384,7 +501,7 @@ function Caption(props) {
 /** 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__namespace.createElement("div", { key: "caption", className: classNames.caption_label, style: styles.caption_label, "aria-live": "polite", "aria-atomic": "true" }, formatCaption(props.displayMonth, { locale: locale })));
+    return (React__default["default"].createElement("div", { key: "caption", className: classNames.caption_label, style: styles.caption_label, "aria-live": "polite", "aria-atomic": "true" }, formatCaption(props.displayMonth, { locale: locale })));
 }
 
 /** Returns true when the props are of type [[DayPickerMultiple]]. */
@@ -408,11 +525,78 @@ function isDayPickerSingle(props) {
  *
  * Access this context from the [[useSelectMultiple]] hook.
  */
-var SelectMultipleContext = React__namespace.createContext(undefined);
+var SelectMultipleContext = React__default["default"].createContext(undefined);
+/** Provides the values for the [[SelectMultipleContext]]. */
+function SelectMultipleProvider(props) {
+    if (!isDayPickerMultiple(props.initialProps)) {
+        var emptyContextValue = {
+            selected: undefined,
+            modifiers: {
+                selected: [],
+                disabled: []
+            }
+        };
+        return (React__default["default"].createElement(SelectMultipleContext.Provider, { value: emptyContextValue }, props.children));
+    }
+    return (React__default["default"].createElement(SelectMultipleProviderInternal, { initialProps: props.initialProps, children: props.children }));
+}
+function SelectMultipleProviderInternal(_a) {
+    var initialProps = _a.initialProps, children = _a.children;
+    var selected = initialProps.selected;
+    var handleDayClick = function (day, modifiers, e) {
+        var _a, _b;
+        (_a = initialProps.onDayClick) === null || _a === void 0 ? void 0 : _a.call(initialProps, day, modifiers, e);
+        var isMinSelected = Boolean(initialProps.min &&
+            modifiers.selected &&
+            selected &&
+            selected.length === initialProps.min);
+        if (isMinSelected) {
+            return;
+        }
+        var isMaxSelected = Boolean(initialProps.max &&
+            !modifiers.selected &&
+            selected &&
+            selected.length === initialProps.max);
+        if (isMaxSelected) {
+            return;
+        }
+        var days = selected ? __spreadArray([], selected, true) : [];
+        if (modifiers.selected) {
+            var index = days.findIndex(function (selectedDay) {
+                return dateFns.isSameDay(day, selectedDay);
+            });
+            days.splice(index, 1);
+        }
+        else {
+            days.push(day);
+        }
+        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, days, day, modifiers, e);
+    };
+    var modifiers = {
+        selected: [],
+        disabled: []
+    };
+    if (selected) {
+        modifiers.selected = selected;
+        modifiers.disabled = [
+            function disableDay(day) {
+                var isMaxSelected = initialProps.max &&
+                    selected &&
+                    selected.length > initialProps.max - 1;
+                var isSelected = selected === null || selected === void 0 ? void 0 : selected.some(function (selectedDay) {
+                    return dateFns.isSameDay(selectedDay, day);
+                });
+                return Boolean(isMaxSelected && !isSelected);
+            }
+        ];
+    }
+    var contextValue = { selected: selected, handleDayClick: handleDayClick, modifiers: modifiers };
+    return (React__default["default"].createElement(SelectMultipleContext.Provider, { value: contextValue }, children));
+}
 
 /** Hook to access the [[SelectMultipleContext]]. */
 function useSelectMultiple() {
-    var context = React__namespace.useContext(SelectMultipleContext);
+    var context = React__default["default"].useContext(SelectMultipleContext);
     if (!context) {
         throw new Error('useSelectMultiple must be used within a SelectMultipleProvider');
     }
@@ -420,52 +604,212 @@ function useSelectMultiple() {
 }
 
 /**
- * The SelectRange context shares details about the selected days when in
- * range selection mode.
+ * Add a day to an existing range.
  *
- * Access this context from the [[useSelectRange]] hook.
+ * The returned range takes in account the `undefined` values and if the added
+ * day is already present in the range.
  */
-var SelectRangeContext = React__namespace.createContext(undefined);
-
-/** Hook to access the [[SelectRangeContext]]. */
-function useSelectRange() {
-    var context = React__namespace.useContext(SelectRangeContext);
-    if (!context) {
-        throw new Error('useSelectRange must be used within a SelectRangeProvider');
+function addToRange(day, range) {
+    var _a = range || {}, from = _a.from, to = _a.to;
+    if (!from) {
+        return { from: day, to: day };
     }
-    return context;
+    if (!to && dateFns.isSameDay(from, day)) {
+        return undefined;
+    }
+    if (!to && dateFns.isBefore(day, from)) {
+        return { from: day, to: from };
+    }
+    if (!to) {
+        return { from: from, to: day };
+    }
+    if (dateFns.isSameDay(to, day) && dateFns.isSameDay(from, day)) {
+        return undefined;
+    }
+    if (dateFns.isSameDay(to, day)) {
+        return { from: to, to: to };
+    }
+    if (dateFns.isSameDay(from, day)) {
+        return undefined;
+    }
+    if (dateFns.isAfter(from, day)) {
+        return { from: day, to: to };
+    }
+    return { from: from, to: day };
 }
 
 /**
- * The SelectSingle context shares details about the selected days when in
- * single selection mode.
+ * The SelectRange context shares details about the selected days when in
+ * range selection mode.
  *
- * Access this context from the [[useSelectSingle]] hook.
+ * Access this context from the [[useSelectRange]] hook.
  */
-var SelectSingleContext = React__namespace.createContext(undefined);
-
-/** Hook to access the [[SelectSingleContext]]. */
-function useSelectSingle() {
-    var context = React__namespace.useContext(SelectSingleContext);
-    if (!context) {
-        throw new Error('useSelectSingle must be used within a SelectSingleProvider');
-    }
-    return context;
-}
-
-/** Returns true if `value` is an array of valid dates. */
-function isArrayOfDates(value) {
-    return Array.isArray(value) && value.every(dateFns.isDate);
-}
+var SelectRangeContext = React__default["default"].createContext(undefined);
+/** Provides the values for the [[SelectRangeProvider]]. */
+function SelectRangeProvider(props) {
+    if (!isDayPickerRange(props.initialProps)) {
+        var emptyContextValue = {
+            selected: undefined,
+            modifiers: {
+                selected: [],
+                range_start: [],
+                range_end: [],
+                range_middle: [],
+                disabled: []
+            }
+        };
+        return (React__default["default"].createElement(SelectRangeContext.Provider, { value: emptyContextValue }, props.children));
+    }
+    return (React__default["default"].createElement(SelectRangeProviderInternal, { initialProps: props.initialProps, children: props.children }));
+}
+function SelectRangeProviderInternal(_a) {
+    var initialProps = _a.initialProps, children = _a.children;
+    var selected = initialProps.selected;
+    var min = initialProps.min;
+    var max = initialProps.max;
+    var handleDayClick = function (day, modifiers, e) {
+        var _a, _b;
+        (_a = initialProps.onDayClick) === null || _a === void 0 ? void 0 : _a.call(initialProps, day, modifiers, e);
+        var newValue = addToRange(day, selected);
+        if ((min || max) &&
+            selected &&
+            (newValue === null || newValue === void 0 ? void 0 : newValue.to) &&
+            newValue.from &&
+            newValue.from !== newValue.to) {
+            var diff = Math.abs(dateFns.differenceInCalendarDays(newValue === null || newValue === void 0 ? void 0 : newValue.to, newValue === null || newValue === void 0 ? void 0 : newValue.from));
+            if (min && diff < min) {
+                return;
+            }
+            if (max && diff >= max) {
+                return;
+            }
+        }
+        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, newValue, day, modifiers, e);
+    };
+    var modifiers = {
+        selected: [],
+        range_start: [],
+        range_end: [],
+        range_middle: [],
+        disabled: []
+    };
+    if (selected) {
+        modifiers.selected = [selected];
+        if (selected.from) {
+            modifiers.range_start = [selected.from];
+            if (selected.to) {
+                modifiers.range_middle = [
+                    {
+                        after: selected.from,
+                        before: selected.to
+                    }
+                ];
+                if (max || min) {
+                    modifiers.disabled = [
+                        function (date) {
+                            if (max &&
+                                selected.to &&
+                                selected.from &&
+                                dateFns.isBefore(date, selected.from)) {
+                                var diff = dateFns.differenceInCalendarDays(selected.to, date);
+                                if (diff >= max) {
+                                    return true;
+                                }
+                            }
+                            if (max &&
+                                selected.to &&
+                                selected.from &&
+                                dateFns.isAfter(date, selected.to)) {
+                                var diff = dateFns.differenceInCalendarDays(date, selected.from);
+                                if (diff >= max) {
+                                    return true;
+                                }
+                            }
+                            if (min && selected.from && dateFns.isBefore(date, selected.from)) {
+                                var diff = dateFns.differenceInCalendarDays(selected.from, date);
+                                if (diff < min) {
+                                    return true;
+                                }
+                            }
+                            if (min &&
+                                selected.to &&
+                                selected.from &&
+                                dateFns.isAfter(date, selected.to)) {
+                                var diff = dateFns.differenceInCalendarDays(date, selected.from);
+                                if (diff < min) {
+                                    return true;
+                                }
+                            }
+                            return false;
+                        }
+                    ];
+                }
+                modifiers.range_end = [selected.to];
+            }
+            else {
+                modifiers.range_end = [selected.from];
+            }
+        }
+    }
+    return (React__default["default"].createElement(SelectRangeContext.Provider, { value: { selected: selected, handleDayClick: handleDayClick, modifiers: modifiers } }, children));
+}
 
-/** Returns true if `value` is of type [[DateAfter]]. */
-function isDateAfterType(value) {
-    return Boolean(value && typeof value === 'object' && 'after' in value);
+/** Hook to access the [[SelectRangeContext]]. */
+function useSelectRange() {
+    var context = React__default["default"].useContext(SelectRangeContext);
+    if (!context) {
+        throw new Error('useSelectRange must be used within a SelectRangeProvider');
+    }
+    return context;
 }
 
-/** Returns true if `value` is of type [[DateBefore]]. */
-function isDateBeforeType(value) {
-    return Boolean(value && typeof value === 'object' && 'before' in value);
+/**
+ * The SelectSingle context shares details about the selected days when in
+ * single selection mode.
+ *
+ * Access this context from the [[useSelectSingle]] hook.
+ */
+var SelectSingleContext = React__default["default"].createContext(undefined);
+/** Provides the values for the [[SelectSingleProvider]]. */
+function SelectSingleProvider(props) {
+    if (!isDayPickerSingle(props.initialProps)) {
+        var emptyContextValue = {
+            selected: undefined,
+            modifiers: { selected: [] }
+        };
+        return (React__default["default"].createElement(SelectSingleContext.Provider, { value: emptyContextValue }, props.children));
+    }
+    return (React__default["default"].createElement(SelectSingleProviderInternal, { initialProps: props.initialProps, children: props.children }));
+}
+function SelectSingleProviderInternal(_a) {
+    var initialProps = _a.initialProps, children = _a.children;
+    var handleDayClick = function (day, dayModifiers, e) {
+        var _a, _b;
+        if (dayModifiers.selected && !initialProps.required) {
+            (_a = initialProps.onSelect) === null || _a === void 0 ? void 0 : _a.call(initialProps, undefined, day, dayModifiers, e);
+            return;
+        }
+        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, day, day, dayModifiers, e);
+    };
+    var modifiers = { selected: [] };
+    if (initialProps.selected) {
+        modifiers.selected = [initialProps.selected];
+    }
+    var contextValue = {
+        selected: initialProps.selected,
+        handleDayClick: handleDayClick,
+        modifiers: modifiers
+    };
+    return (React__default["default"].createElement(SelectSingleContext.Provider, { value: contextValue }, children));
+}
+
+/** Hook to access the [[SelectSingleContext]]. */
+function useSelectSingle() {
+    var context = React__default["default"].useContext(SelectSingleContext);
+    if (!context) {
+        throw new Error('useSelectSingle must be used within a SelectSingleProvider');
+    }
+    return context;
 }
 
 /** Returns true if `matcher` is of type [[DateInterval]]. */
@@ -474,19 +818,20 @@ function isDateInterval(matcher) {
         typeof matcher === 'object' &&
         'before' in matcher &&
         'after' in matcher);
-}
-
+}
 /** Returns true if `value` is a [[DateRange]] type. */
 function isDateRange(value) {
     // TODO: Check if dates?!
     return Boolean(value && typeof value === 'object' && 'from' in value);
-}
-
-/** Returns true if `value` is a Date type. */
-function isDateType(value) {
-    return dateFns.isDate(value);
-}
-
+}
+/** Returns true if `value` is of type [[DateAfter]]. */
+function isDateAfterType(value) {
+    return Boolean(value && typeof value === 'object' && 'after' in value);
+}
+/** Returns true if `value` is of type [[DateBefore]]. */
+function isDateBeforeType(value) {
+    return Boolean(value && typeof value === 'object' && 'before' in value);
+}
 /** Returns true if `value` is a [[DayOfWeek]] type. */
 function isDayOfWeekType(value) {
     return Boolean(value && typeof value === 'object' && 'dayOfWeek' in value);
@@ -513,6 +858,14 @@ function isDateInRange(date, range) {
         dateFns.differenceInCalendarDays(to, date) >= 0);
 }
 
+/** Returns true if `value` is a Date type. */
+function isDateType(value) {
+    return dateFns.isDate(value);
+}
+/** Returns true if `value` is an array of valid dates. */
+function isArrayOfDates(value) {
+    return Array.isArray(value) && value.every(dateFns.isDate);
+}
 /**
  * Returns `true` whether the day matches against the given matchers.
  */
@@ -624,11 +977,67 @@ function useModifiers(date) {
  *
  * Access this context from the [[useFocus]] hook.
  */
-var FocusContext = React__namespace.createContext(undefined);
+var FocusContext = React__default["default"].createContext(undefined);
+/** The provider for the [[FocusContext]]. */
+function FocusProvider(_a) {
+    var children = _a.children;
+    var _b = React__default["default"].useState(), focusedDay = _b[0], setDay = _b[1];
+    var _c = useNavigation(), goToMonth = _c.goToMonth, displayMonths = _c.displayMonths;
+    var numberOfMonths = useDayPicker().numberOfMonths;
+    var blur = function () { return setDay(undefined); };
+    var focus = function (date) { return setDay(date); };
+    var switchMonth = function (date, offset) {
+        if (displayMonths.some(function (m) { return dateFns.isSameMonth(date, m); }))
+            return;
+        if (offset < 0) {
+            goToMonth(dateFns.addMonths(date, 1 + offset));
+        }
+        else {
+            goToMonth(date);
+        }
+    };
+    var focusDayBefore = function () {
+        if (!focusedDay)
+            return;
+        var before = dateFns.addDays(focusedDay, -1);
+        setDay(before);
+        switchMonth(before, numberOfMonths * -1);
+    };
+    var focusDayAfter = function () {
+        if (!focusedDay)
+            return;
+        var after = dateFns.addDays(focusedDay, 1);
+        setDay(after);
+        switchMonth(after, numberOfMonths);
+    };
+    var focusWeekBeforeDay = function () {
+        if (!focusedDay)
+            return;
+        var up = dateFns.addWeeks(focusedDay, -1);
+        setDay(up);
+        switchMonth(up, numberOfMonths * -1);
+    };
+    var focusWeekAfterDay = function () {
+        if (!focusedDay)
+            return;
+        var down = dateFns.addWeeks(focusedDay, 1);
+        setDay(down);
+        switchMonth(down, numberOfMonths);
+    };
+    var setters = {
+        blur: blur,
+        focus: focus,
+        focusDayAfter: focusDayAfter,
+        focusDayBefore: focusDayBefore,
+        focusWeekAfterDay: focusWeekAfterDay,
+        focusWeekBeforeDay: focusWeekBeforeDay
+    };
+    return (React__default["default"].createElement(FocusContext.Provider, { value: [focusedDay, setters] }, children));
+}
 
 /** Hook to access the [[FocusContext]]. */
 function useFocus() {
-    var context = React__namespace.useContext(FocusContext);
+    var context = React__default["default"].useContext(FocusContext);
     if (!context) {
         throw new Error('useFocus must be used within a FocusProvider');
     }
@@ -640,7 +1049,7 @@ function useDayFocus(date, buttonRef) {
     var _a = useFocus(), focusedDay = _a[0], _b = _a[1], focusDayAfter = _b.focusDayAfter, focusDayBefore = _b.focusDayBefore, focusWeekAfterDay = _b.focusWeekAfterDay, focusWeekBeforeDay = _b.focusWeekBeforeDay, blur = _b.blur, focus = _b.focus;
     var dir = useDayPicker().dir;
     // Focus the HTML element if this is the focused day.
-    React__namespace.useEffect(function () {
+    React__default["default"].useEffect(function () {
         var _a;
         if (!focusedDay)
             return;
@@ -838,16 +1247,16 @@ buttonRef) {
  * modifiers.
  */
 function Day(props) {
-    var buttonRef = React__namespace.useRef(null);
+    var buttonRef = React__default["default"].useRef(null);
     var day = useDay(props.date, props.displayMonth, buttonRef);
     var buttonProps = day.buttonProps, nonInteractiveProps = day.nonInteractiveProps;
     if (!buttonProps && !nonInteractiveProps) {
-        return React__namespace.createElement(React__namespace.Fragment, null);
+        return React__default["default"].createElement(React__default["default"].Fragment, null);
     }
     if (nonInteractiveProps) {
-        return React__namespace.createElement("div", __assign({}, nonInteractiveProps));
+        return React__default["default"].createElement("div", __assign({}, nonInteractiveProps));
     }
-    return React__namespace.createElement(Button, __assign({ ref: buttonRef }, buttonProps));
+    return React__default["default"].createElement(Button, __assign({ ref: buttonRef }, buttonProps));
 }
 
 /**
@@ -894,6 +1303,7 @@ function parseModifierProps(initialProps) {
         selected: [],
         disabled: [],
         hidden: [],
+        today: [],
         range_end: [],
         range_middle: [],
         range_start: []
@@ -931,9 +1341,9 @@ function parseModifierProps(initialProps) {
  */
 function DayContent(props) {
     var _a = useDayPicker(), locale = _a.locale, classNames = _a.classNames, styles = _a.styles, labelDay = _a.labels.labelDay, formatDay = _a.formatters.formatDay;
-    return (React__namespace.createElement(React__namespace.Fragment, null,
-        React__namespace.createElement("span", { "aria-hidden": "true" }, formatDay(props.date, { locale: locale })),
-        React__namespace.createElement("span", { className: classNames.vhidden, style: styles.vhidden }, labelDay(props.date, props.modifiers, { locale: locale }))));
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("span", { "aria-hidden": "true" }, formatDay(props.date, { locale: locale })),
+        React__default["default"].createElement("span", { className: classNames.vhidden, style: styles.vhidden }, labelDay(props.date, props.modifiers, { locale: locale }))));
 }
 
 /**
@@ -943,22 +1353,22 @@ function DayContent(props) {
 function Dropdown(props) {
     var onChange = props.onChange, value = props.value, children = props.children, caption = props.caption, className = props.className, style = props.style;
     var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles, IconDropdown = _a.components.IconDropdown;
-    return (React__namespace.createElement("div", { className: className, style: style },
-        React__namespace.createElement("span", { className: classNames.vhidden }, props['aria-label']),
-        React__namespace.createElement("select", { "aria-label": props['aria-label'], className: classNames.dropdown, style: styles.dropdown, value: value, onChange: onChange }, children),
-        React__namespace.createElement("div", { className: classNames.caption_label, style: styles.caption_label, "aria-hidden": "true" },
+    return (React__default["default"].createElement("div", { className: className, style: style },
+        React__default["default"].createElement("span", { className: classNames.vhidden }, props['aria-label']),
+        React__default["default"].createElement("select", { "aria-label": props['aria-label'], className: classNames.dropdown, style: styles.dropdown, value: value, onChange: onChange }, children),
+        React__default["default"].createElement("div", { className: classNames.caption_label, style: styles.caption_label, "aria-hidden": "true" },
             caption,
-            React__namespace.createElement(IconDropdown, { className: classNames.dropdown_icon, style: styles.dropdown_icon }))));
+            React__default["default"].createElement(IconDropdown, { className: classNames.dropdown_icon, style: styles.dropdown_icon }))));
 }
 
 /** Render the Footer component (empty as default).*/
 function Footer() {
     var _a = useDayPicker(), footer = _a.footer, styles = _a.styles, tfoot = _a.classNames.tfoot;
     if (!footer)
-        return React__namespace.createElement(React__namespace.Fragment, null);
-    return (React__namespace.createElement("tfoot", { className: tfoot, style: styles.tfoot },
-        React__namespace.createElement("tr", null,
-            React__namespace.createElement("td", { colSpan: 8 }, footer))));
+        return React__default["default"].createElement(React__default["default"].Fragment, null);
+    return (React__default["default"].createElement("tfoot", { className: tfoot, style: styles.tfoot },
+        React__default["default"].createElement("tr", null,
+            React__default["default"].createElement("td", { colSpan: 8 }, footer))));
 }
 
 /**
@@ -981,20 +1391,20 @@ function getWeekdays(locale) {
 function Head() {
     var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles, showWeekNumber = _a.showWeekNumber, locale = _a.locale, formatWeekdayName = _a.formatters.formatWeekdayName, labelWeekday = _a.labels.labelWeekday;
     var weekdays = getWeekdays(locale);
-    return (React__namespace.createElement("thead", { style: styles.head, className: classNames.head },
-        React__namespace.createElement("tr", { style: styles.head_row, className: classNames.head_row },
-            showWeekNumber && (React__namespace.createElement("th", { scope: "col", style: styles.head_cell, className: classNames.head_cell })),
-            weekdays.map(function (weekday, i) { return (React__namespace.createElement("th", { key: i, scope: "col", className: classNames.head_cell, style: styles.head_cell },
-                React__namespace.createElement("span", { className: classNames.vhidden, "aria-label": "" }, labelWeekday(weekday, { locale: locale })),
-                React__namespace.createElement("span", { "aria-hidden": true }, formatWeekdayName(weekday, { locale: locale })))); }))));
+    return (React__default["default"].createElement("thead", { style: styles.head, className: classNames.head },
+        React__default["default"].createElement("tr", { style: styles.head_row, className: classNames.head_row },
+            showWeekNumber && (React__default["default"].createElement("th", { scope: "col", style: styles.head_cell, className: classNames.head_cell })),
+            weekdays.map(function (weekday, i) { return (React__default["default"].createElement("th", { key: i, scope: "col", className: classNames.head_cell, style: styles.head_cell },
+                React__default["default"].createElement("span", { className: classNames.vhidden, "aria-label": "" }, labelWeekday(weekday, { locale: locale })),
+                React__default["default"].createElement("span", { "aria-hidden": true }, formatWeekdayName(weekday, { locale: locale })))); }))));
 }
 
 /**
  * Render the icon in the styled drop-down.
  */
 function IconDropdown(props) {
-    return (React__namespace.createElement("svg", __assign({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, props),
-        React__namespace.createElement("path", { d: "M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z", fill: "currentColor", fillRule: "nonzero" })));
+    return (React__default["default"].createElement("svg", __assign({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, props),
+        React__default["default"].createElement("path", { d: "M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z", fill: "currentColor", fillRule: "nonzero" })));
 }
 
 /**
@@ -1020,13 +1430,13 @@ function Row(props) {
     var _a = useDayPicker(), styles = _a.styles, classNames = _a.classNames, showWeekNumber = _a.showWeekNumber, _b = _a.components, Day = _b.Day, WeekNumber = _b.WeekNumber;
     var weekNumberCell;
     if (showWeekNumber) {
-        weekNumberCell = (React__namespace.createElement("td", { className: classNames.cell, style: styles.cell },
-            React__namespace.createElement(WeekNumber, { number: props.weekNumber, dates: props.dates })));
+        weekNumberCell = (React__default["default"].createElement("td", { className: classNames.cell, style: styles.cell },
+            React__default["default"].createElement(WeekNumber, { number: props.weekNumber, dates: props.dates })));
     }
-    return (React__namespace.createElement("tr", { className: classNames.row, style: styles.row },
+    return (React__default["default"].createElement("tr", { className: classNames.row, style: styles.row },
         weekNumberCell,
-        props.dates.map(function (date) { return (React__namespace.createElement("td", { className: classNames.cell, style: styles.cell, key: dateFns.getUnixTime(date) },
-            React__namespace.createElement(Day, { displayMonth: props.displayMonth, date: date }))); })));
+        props.dates.map(function (date) { return (React__default["default"].createElement("td", { className: classNames.cell, style: styles.cell, key: dateFns.getUnixTime(date) },
+            React__default["default"].createElement(Day, { displayMonth: props.displayMonth, date: date }))); })));
 }
 
 /**
@@ -1041,10 +1451,10 @@ function WeekNumber(props) {
     };
     var content = formatWeekNumber(Number(weekNumber), { locale: locale });
     if (!onWeekNumberClick) {
-        return (React__namespace.createElement("span", { className: classNames.weeknumber, style: styles.weeknumber }, content));
+        return (React__default["default"].createElement("span", { className: classNames.weeknumber, style: styles.weeknumber }, content));
     }
     var label = labelWeekNumber(Number(weekNumber), { locale: locale });
-    return (React__namespace.createElement(Button, { "aria-label": label, className: classNames.weeknumber, style: styles.weeknumber, onClick: handleClick }, content));
+    return (React__default["default"].createElement(Button, { "aria-label": label, className: classNames.weeknumber, style: styles.weeknumber, onClick: handleClick }, content));
 }
 
 /**
@@ -1081,12 +1491,10 @@ var defaultClassNames = {
     nav_button_next: 'rdp-nav_button_next',
     nav_icon: 'rdp-nav_icon',
     row: 'rdp-row',
-    row_head: 'rdp-row_head',
     weeknumber: 'rdp-weeknumber',
     cell: 'rdp-cell',
     day: 'rdp-day',
-    day_outside: 'rdp-day_outside',
-    day_today: 'rdp-day_today'
+    day_outside: 'rdp-day_outside'
 };
 
 /**
@@ -1144,7 +1552,7 @@ var index = /*#__PURE__*/Object.freeze({
 /**
  * The default ARIA label for the day button.
  */
-var labelDay = function (day, options) {
+var labelDay = function (day, modifers, options) {
     return dateFns.format(day, 'do MMMM (EEEE)', options);
 };
 
@@ -1227,460 +1635,18 @@ function DayPickerProvider(props) {
     }
     initialProps.toYear; initialProps.fromYear; initialProps.toMonth; initialProps.fromMonth; var contextProps = __rest(initialProps, ["toYear", "fromYear", "toMonth", "fromMonth"]);
     var context = __assign(__assign({}, contextProps), { captionLayout: captionLayout, fromDate: fromDate, toDate: toDate, today: today, locale: locale, modifierClassNames: (_e = initialProps.modifierClassNames) !== null && _e !== void 0 ? _e : {}, modifierPrefix: 'rdp-day_', modifiers: modifiers, numberOfMonths: numberOfMonths, styles: (_f = initialProps.styles) !== null && _f !== void 0 ? _f : {}, classNames: __assign(__assign({}, defaultClassNames), initialProps.classNames), formatters: __assign(__assign({}, index), initialProps.formatters), labels: __assign(__assign({}, index$1), initialProps.labels), components: __assign({ Caption: Caption, CaptionLabel: CaptionLabel, Day: Day, DayContent: DayContent, Dropdown: Dropdown, Footer: Footer, Head: Head, IconDropdown: IconDropdown, IconRight: IconRight, IconLeft: IconLeft, Row: Row, WeekNumber: WeekNumber }, initialProps.components) });
-    return (React__namespace.createElement(DayPickerContext.Provider, { value: context }, children));
-}
-
-/** The provider for the [[FocusContext]]. */
-function FocusProvider(_a) {
-    var children = _a.children;
-    var _b = React__namespace.useState(), focusedDay = _b[0], setDay = _b[1];
-    var _c = useNavigation(), goToMonth = _c.goToMonth, displayMonths = _c.displayMonths;
-    var numberOfMonths = useDayPicker().numberOfMonths;
-    var blur = function () { return setDay(undefined); };
-    var focus = function (date) { return setDay(date); };
-    var switchMonth = function (date, offset) {
-        if (displayMonths.some(function (m) { return dateFns.isSameMonth(date, m); }))
-            return;
-        if (offset < 0) {
-            goToMonth(dateFns.addMonths(date, 1 + offset));
-        }
-        else {
-            goToMonth(date);
-        }
-    };
-    var focusDayBefore = function () {
-        if (!focusedDay)
-            return;
-        var before = dateFns.addDays(focusedDay, -1);
-        setDay(before);
-        switchMonth(before, numberOfMonths * -1);
-    };
-    var focusDayAfter = function () {
-        if (!focusedDay)
-            return;
-        var after = dateFns.addDays(focusedDay, 1);
-        setDay(after);
-        switchMonth(after, numberOfMonths);
-    };
-    var focusWeekBeforeDay = function () {
-        if (!focusedDay)
-            return;
-        var up = dateFns.addWeeks(focusedDay, -1);
-        setDay(up);
-        switchMonth(up, numberOfMonths * -1);
-    };
-    var focusWeekAfterDay = function () {
-        if (!focusedDay)
-            return;
-        var down = dateFns.addWeeks(focusedDay, 1);
-        setDay(down);
-        switchMonth(down, numberOfMonths);
-    };
-    var setters = {
-        blur: blur,
-        focus: focus,
-        focusDayAfter: focusDayAfter,
-        focusDayBefore: focusDayBefore,
-        focusWeekAfterDay: focusWeekAfterDay,
-        focusWeekBeforeDay: focusWeekBeforeDay
-    };
-    return (React__namespace.createElement(FocusContext.Provider, { value: [focusedDay, setters] }, children));
-}
-
-/** Return the initial month according to the given options. */
-function getInitialMonth(context) {
-    var month = context.month, defaultMonth = context.defaultMonth, today = context.today;
-    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 && dateFns.differenceInCalendarMonths(toDate, initialMonth) < 0) {
-        var offset = -1 * (numberOfMonths - 1);
-        initialMonth = dateFns.addMonths(toDate, offset);
-    }
-    // Fix the initialMonth if is before the from-date
-    if (fromDate && dateFns.differenceInCalendarMonths(initialMonth, fromDate) < 0) {
-        initialMonth = fromDate;
-    }
-    return dateFns.startOfMonth(initialMonth);
-}
-
-/**
- * Helper hook for using controlled/uncontrolled values from a component props.
- *
- * When the value is not controlled, pass `undefined` as `controlledValue` and
- * use the returned setter to update it.
- *
- * When the value is controlled, pass the controlled value as second
- * argument, which will be always returned as `value`.
- */
-function useControlledValue(defaultValue, controlledValue) {
-    var _a = React__default["default"].useState(defaultValue), uncontrolledValue = _a[0], setValue = _a[1];
-    var value = controlledValue === undefined ? uncontrolledValue : controlledValue;
-    return [value, setValue];
-}
-
-/** Controls the navigation state. */
-function useNavigationState() {
-    var context = useDayPicker();
-    var initialMonth = getInitialMonth(context);
-    var _a = useControlledValue(initialMonth, context.month), month = _a[0], setMonth = _a[1];
-    var goToMonth = function (date) {
-        if (context.disableNavigation)
-            return;
-        setMonth(date);
-    };
-    return [month, goToMonth];
-}
-
-/**
- * Return the months to display in the component according to the number of
- * months and the from/to date.
- */
-function getDisplayMonths(month, _a) {
-    var reverseMonths = _a.reverseMonths, numberOfMonths = _a.numberOfMonths;
-    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 = dateFns.addMonths(start, i);
-        months.push(nextMonth);
-    }
-    if (reverseMonths)
-        months = months.reverse();
-    return months;
-}
-
-/**
- * Returns the next month the user can navigate to according to the given
- * options.
- *
- * Please note that the next month is not always the next calendar month:
- *
- * - if after the `toDate` range, is undefined;
- * - if the navigation is paged, is the number of months displayed ahead.
- *
- */
-function getNextMonth(startingMonth, options) {
-    if (options.disableNavigation) {
-        return undefined;
-    }
-    var toDate = options.toDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
-    var offset = pagedNavigation ? numberOfMonths : 1;
-    var month = dateFns.startOfMonth(startingMonth);
-    if (!toDate) {
-        return dateFns.addMonths(month, offset);
-    }
-    var monthsDiff = dateFns.differenceInCalendarMonths(toDate, startingMonth);
-    if (monthsDiff < numberOfMonths) {
-        return undefined;
-    }
-    // Jump forward as the number of months when paged navigation
-    return dateFns.addMonths(month, offset);
-}
-
-/**
- * Returns the next previous the user can navigate to, according to the given
- * options.
- *
- * Please note that the previous month is not always the previous calendar
- * month:
- *
- * - if before the `fromDate` date, is `undefined`;
- * - if the navigation is paged, is the number of months displayed before.
- *
- */
-function getPreviousMonth(startingMonth, options) {
-    if (options.disableNavigation) {
-        return undefined;
-    }
-    var fromDate = options.fromDate, pagedNavigation = options.pagedNavigation, _a = options.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
-    var offset = pagedNavigation ? numberOfMonths : 1;
-    var month = dateFns.startOfMonth(startingMonth);
-    if (!fromDate) {
-        return dateFns.addMonths(month, -offset);
-    }
-    var monthsDiff = dateFns.differenceInCalendarMonths(month, fromDate);
-    if (monthsDiff <= 0) {
-        return undefined;
-    }
-    // Jump back as the number of months when paged navigation
-    return dateFns.addMonths(month, -offset);
-}
-
-/** Provides the values for the [[NavigationContext]]. */
-function NavigationProvider(props) {
-    var context = useDayPicker();
-    var _a = useNavigationState(), month = _a[0], goToMonth = _a[1];
-    var displayMonths = getDisplayMonths(month, context);
-    var nextMonth = getNextMonth(month, context);
-    var previousMonth = getPreviousMonth(month, context);
-    return (React__namespace.createElement(NavigationContext.Provider, { value: {
-            month: month,
-            displayMonths: displayMonths,
-            goToMonth: goToMonth,
-            previousMonth: previousMonth,
-            nextMonth: nextMonth
-        } }, props.children));
-}
-
-function SelectMultipleProviderInternal(_a) {
-    var initialProps = _a.initialProps, children = _a.children;
-    var selected = initialProps.selected;
-    var handleDayClick = function (day, modifiers, e) {
-        var _a, _b;
-        (_a = initialProps.onDayClick) === null || _a === void 0 ? void 0 : _a.call(initialProps, day, modifiers, e);
-        var isMinSelected = Boolean(initialProps.min &&
-            modifiers.selected &&
-            selected &&
-            selected.length === initialProps.min);
-        if (isMinSelected) {
-            return;
-        }
-        var isMaxSelected = Boolean(initialProps.max &&
-            !modifiers.selected &&
-            selected &&
-            selected.length === initialProps.max);
-        if (isMaxSelected) {
-            return;
-        }
-        var days = selected ? __spreadArray([], selected, true) : [];
-        if (modifiers.selected) {
-            var index = days.findIndex(function (selectedDay) {
-                return dateFns.isSameDay(day, selectedDay);
-            });
-            days.splice(index, 1);
-        }
-        else {
-            days.push(day);
-        }
-        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, days, day, modifiers, e);
-    };
-    var modifiers = {
-        selected: [],
-        disabled: []
-    };
-    if (selected) {
-        modifiers.selected = selected;
-        modifiers.disabled = [
-            function disableDay(day) {
-                var isMaxSelected = initialProps.max &&
-                    selected &&
-                    selected.length > initialProps.max - 1;
-                var isSelected = selected === null || selected === void 0 ? void 0 : selected.some(function (selectedDay) {
-                    return dateFns.isSameDay(selectedDay, day);
-                });
-                return Boolean(isMaxSelected && !isSelected);
-            }
-        ];
-    }
-    var contextValue = { selected: selected, handleDayClick: handleDayClick, modifiers: modifiers };
-    return (React__namespace.createElement(SelectMultipleContext.Provider, { value: contextValue }, children));
-}
-
-/** Provides the values for the [[SelectMultipleContext]]. */
-function SelectMultipleProvider(props) {
-    if (!isDayPickerMultiple(props.initialProps)) {
-        var emptyContextValue = {
-            selected: undefined,
-            modifiers: {
-                selected: [],
-                disabled: []
-            }
-        };
-        return (React__namespace.createElement(SelectMultipleContext.Provider, { value: emptyContextValue }, props.children));
-    }
-    return (React__namespace.createElement(SelectMultipleProviderInternal, { initialProps: props.initialProps, children: props.children }));
-}
-
-/**
- * Add a day to an existing range.
- *
- * The returned range takes in account the `undefined` values and if the added
- * day is already present in the range.
- */
-function addToRange(day, range) {
-    var _a = range || {}, from = _a.from, to = _a.to;
-    if (!from) {
-        return { from: day, to: day };
-    }
-    if (!to && dateFns.isSameDay(from, day)) {
-        return undefined;
-    }
-    if (!to && dateFns.isBefore(day, from)) {
-        return { from: day, to: from };
-    }
-    if (!to) {
-        return { from: from, to: day };
-    }
-    if (dateFns.isSameDay(to, day) && dateFns.isSameDay(from, day)) {
-        return undefined;
-    }
-    if (dateFns.isSameDay(to, day)) {
-        return { from: to, to: to };
-    }
-    if (dateFns.isSameDay(from, day)) {
-        return undefined;
-    }
-    if (dateFns.isAfter(from, day)) {
-        return { from: day, to: to };
-    }
-    return { from: from, to: day };
-}
-
-function SelectRangeProviderInternal(_a) {
-    var initialProps = _a.initialProps, children = _a.children;
-    var selected = initialProps.selected;
-    var min = initialProps.min;
-    var max = initialProps.max;
-    var handleDayClick = function (day, modifiers, e) {
-        var _a, _b;
-        (_a = initialProps.onDayClick) === null || _a === void 0 ? void 0 : _a.call(initialProps, day, modifiers, e);
-        var newValue = addToRange(day, selected);
-        if ((min || max) &&
-            selected &&
-            (newValue === null || newValue === void 0 ? void 0 : newValue.to) &&
-            newValue.from &&
-            newValue.from !== newValue.to) {
-            var diff = Math.abs(dateFns.differenceInCalendarDays(newValue === null || newValue === void 0 ? void 0 : newValue.to, newValue === null || newValue === void 0 ? void 0 : newValue.from));
-            if (min && diff < min) {
-                return;
-            }
-            if (max && diff >= max) {
-                return;
-            }
-        }
-        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, newValue, day, modifiers, e);
-    };
-    var modifiers = {
-        selected: [],
-        range_start: [],
-        range_end: [],
-        range_middle: [],
-        disabled: []
-    };
-    if (selected) {
-        modifiers.selected = [selected];
-        if (selected.from) {
-            modifiers.range_start = [selected.from];
-            if (selected.to) {
-                modifiers.range_middle = [
-                    {
-                        after: selected.from,
-                        before: selected.to
-                    }
-                ];
-                if (max || min) {
-                    modifiers.disabled = [
-                        function (date) {
-                            if (max &&
-                                selected.to &&
-                                selected.from &&
-                                dateFns.isBefore(date, selected.from)) {
-                                var diff = dateFns.differenceInCalendarDays(selected.to, date);
-                                if (diff >= max) {
-                                    return true;
-                                }
-                            }
-                            if (max &&
-                                selected.to &&
-                                selected.from &&
-                                dateFns.isAfter(date, selected.to)) {
-                                var diff = dateFns.differenceInCalendarDays(date, selected.from);
-                                if (diff >= max) {
-                                    return true;
-                                }
-                            }
-                            if (min && selected.from && dateFns.isBefore(date, selected.from)) {
-                                var diff = dateFns.differenceInCalendarDays(selected.from, date);
-                                if (diff < min) {
-                                    return true;
-                                }
-                            }
-                            if (min &&
-                                selected.to &&
-                                selected.from &&
-                                dateFns.isAfter(date, selected.to)) {
-                                var diff = dateFns.differenceInCalendarDays(date, selected.from);
-                                if (diff < min) {
-                                    return true;
-                                }
-                            }
-                            return false;
-                        }
-                    ];
-                }
-                modifiers.range_end = [selected.to];
-            }
-            else {
-                modifiers.range_end = [selected.from];
-            }
-        }
-    }
-    return (React__namespace.createElement(SelectRangeContext.Provider, { value: { selected: selected, handleDayClick: handleDayClick, modifiers: modifiers } }, children));
-}
-
-/** Provides the values for the [[SelectRangeProvider]]. */
-function SelectRangeProvider(props) {
-    if (!isDayPickerRange(props.initialProps)) {
-        var emptyContextValue = {
-            selected: undefined,
-            modifiers: {
-                selected: [],
-                range_start: [],
-                range_end: [],
-                range_middle: [],
-                disabled: []
-            }
-        };
-        return (React__namespace.createElement(SelectRangeContext.Provider, { value: emptyContextValue }, props.children));
-    }
-    return (React__namespace.createElement(SelectRangeProviderInternal, { initialProps: props.initialProps, children: props.children }));
-}
-
-function SelectSingleProviderInternal(_a) {
-    var initialProps = _a.initialProps, children = _a.children;
-    var handleDayClick = function (day, dayModifiers, e) {
-        var _a, _b;
-        if (dayModifiers.selected && !initialProps.required) {
-            (_a = initialProps.onSelect) === null || _a === void 0 ? void 0 : _a.call(initialProps, undefined, day, dayModifiers, e);
-            return;
-        }
-        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, day, day, dayModifiers, e);
-    };
-    var modifiers = { selected: [] };
-    if (initialProps.selected) {
-        modifiers.selected = [initialProps.selected];
-    }
-    var contextValue = {
-        selected: initialProps.selected,
-        handleDayClick: handleDayClick,
-        modifiers: modifiers
-    };
-    return (React__namespace.createElement(SelectSingleContext.Provider, { value: contextValue }, children));
-}
-
-/** Provides the values for the [[SelectSingleProvider]]. */
-function SelectSingleProvider(props) {
-    if (!isDayPickerSingle(props.initialProps)) {
-        var emptyContextValue = {
-            selected: undefined,
-            modifiers: { selected: [] }
-        };
-        return (React__namespace.createElement(SelectSingleContext.Provider, { value: emptyContextValue }, props.children));
-    }
-    return (React__namespace.createElement(SelectSingleProviderInternal, { initialProps: props.initialProps, children: props.children }));
+    return (React__default["default"].createElement(DayPickerContext.Provider, { value: context }, children));
 }
 
 /** Provide the value for all the context providers. */
-function ContextProvider(props) {
+function RootProvider(props) {
     var children = props.children, initialProps = __rest(props, ["children"]);
-    return (React__namespace.createElement(DayPickerProvider, { initialProps: initialProps },
-        React__namespace.createElement(NavigationProvider, null,
-            React__namespace.createElement(SelectSingleProvider, { initialProps: initialProps },
-                React__namespace.createElement(SelectMultipleProvider, { initialProps: initialProps },
-                    React__namespace.createElement(SelectRangeProvider, { initialProps: initialProps },
-                        React__namespace.createElement(FocusProvider, null, children)))))));
+    return (React__default["default"].createElement(DayPickerProvider, { initialProps: initialProps },
+        React__default["default"].createElement(NavigationProvider, null,
+            React__default["default"].createElement(SelectSingleProvider, { initialProps: initialProps },
+                React__default["default"].createElement(SelectMultipleProvider, { initialProps: initialProps },
+                    React__default["default"].createElement(SelectRangeProvider, { initialProps: initialProps },
+                        React__default["default"].createElement(FocusProvider, null, children)))))));
 }
 
 /**
@@ -1719,6 +1685,7 @@ function ContextProvider(props) {
  *   days that can be selected with the `min` or the `max` props.
  * - `mode="range"`: users can select a range of days. Limit the amount of days
  *   in the range with the `min` or the `max` props.
+ * - `mode="custom"`: implement your own selection mode with `onDayClick`.
  *
  * These selection modes should cover the most common use cases. In case you
  * need a more refined way of selecting days, use `mode="custom"`. Use the
@@ -1742,8 +1709,8 @@ function ContextProvider(props) {
  *
  * ### Styling
  *
- * DayPicker comes with a default, basic style in `react-day-picker/style` –
- * use it as template for your own style.
+ * DayPicker comes with a default, basic style in `react-day-picker/style` – use
+ * it as template for your own style.
  *
  * If you are using CSS modules, pass the imported styles object the
  * `classNames` props.
@@ -1769,8 +1736,8 @@ function ContextProvider(props) {
  * ```
  */
 function DayPicker(props) {
-    return (React__namespace.createElement(ContextProvider, __assign({}, props),
-        React__namespace.createElement(Root, null)));
+    return (React__default["default"].createElement(RootProvider, __assign({}, props),
+        React__default["default"].createElement(Root, null)));
 }
 
 /** Returns true when the props are of type [[DayPickerCustom]]. */
@@ -1788,16 +1755,15 @@ function useInput(options) {
     if (options === void 0) { options = {}; }
     var _a = options.locale, locale = _a === void 0 ? enUS__default["default"] : _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 _d = parseFromToProps(options), fromDate = _d.fromDate, toDate = _d.toDate;
-    var min = required ? 1 : 0;
     // Shortcut to the DateFns functions
     var parseValue = function (value) { return dateFns.parse(value, format$1, today, { locale: locale }); };
     // Initialize states
-    var _e = React__namespace.useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today), month = _e[0], setMonth = _e[1];
-    var _f = React__namespace.useState(defaultSelected), selectedDay = _f[0], setSelectedDay = _f[1];
+    var _e = React__default["default"].useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today), month = _e[0], setMonth = _e[1];
+    var _f = React__default["default"].useState(defaultSelected), selectedDay = _f[0], setSelectedDay = _f[1];
     var defaultInputValue = defaultSelected
         ? dateFns.format(defaultSelected, format$1, { locale: locale })
         : '';
-    var _g = React__namespace.useState(defaultInputValue), inputValue = _g[0], setInputValue = _g[1];
+    var _g = React__default["default"].useState(defaultInputValue), inputValue = _g[0], setInputValue = _g[1];
     var reset = function () {
         setSelectedDay(defaultSelected);
         setMonth(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
@@ -1865,8 +1831,7 @@ function useInput(options) {
         locale: locale,
         fromDate: options === null || options === void 0 ? void 0 : options.fromDate,
         toDate: options === null || options === void 0 ? void 0 : options.toDate,
-        today: today,
-        min: min
+        today: today
     };
     var inputProps = {
         onBlur: handleBlur,
@@ -1881,7 +1846,6 @@ function useInput(options) {
 exports.Button = Button;
 exports.Caption = Caption;
 exports.CaptionLabel = CaptionLabel;
-exports.ContextProvider = ContextProvider;
 exports.Day = Day;
 exports.DayContent = DayContent;
 exports.DayPicker = DayPicker;
@@ -1898,22 +1862,24 @@ exports.Navigation = Navigation;
 exports.NavigationContext = NavigationContext;
 exports.NavigationProvider = NavigationProvider;
 exports.Root = Root;
+exports.RootProvider = RootProvider;
 exports.Row = Row;
 exports.SelectMultipleContext = SelectMultipleContext;
 exports.SelectMultipleProvider = SelectMultipleProvider;
+exports.SelectMultipleProviderInternal = SelectMultipleProviderInternal;
 exports.SelectRangeContext = SelectRangeContext;
 exports.SelectRangeProvider = SelectRangeProvider;
+exports.SelectRangeProviderInternal = SelectRangeProviderInternal;
 exports.SelectSingleContext = SelectSingleContext;
 exports.SelectSingleProvider = SelectSingleProvider;
+exports.SelectSingleProviderInternal = SelectSingleProviderInternal;
 exports.Table = Table;
 exports.WeekNumber = WeekNumber;
 exports.YearsDropdown = YearsDropdown;
-exports.isArrayOfDates = isArrayOfDates;
 exports.isDateAfterType = isDateAfterType;
 exports.isDateBeforeType = isDateBeforeType;
 exports.isDateInterval = isDateInterval;
 exports.isDateRange = isDateRange;
-exports.isDateType = isDateType;
 exports.isDayOfWeekType = isDayOfWeekType;
 exports.isDayPickerCustom = isDayPickerCustom;
 exports.isDayPickerMultiple = isDayPickerMultiple;