@helsenorge/datepicker 9.4.1 → 9.4.3

package/components/DatePicker/index.js

@@ -1,62 +1,74 @@
-import { jsx as s, jsxs as L, Fragment as A } from "react/jsx-runtime";
-import J, { createContext as ne, forwardRef as Ut, useContext as re, useState as B, useEffect as z, useLayoutEffect as Xt, useRef as oe } from "react";
-import { isSameDay as N, subDays as Ce, addDays as W, differenceInCalendarDays as U, startOfMonth as S, endOfMonth as Fe, startOfDay as rt, addMonths as j, differenceInCalendarMonths as le, isSameMonth as Ae, isBefore as He, isAfter as ge, getUnixTime as Zt, getWeeksInMonth as Gt, addWeeks as Ee, isSameYear as $t, setMonth as Pe, setYear as at, startOfYear as qt, max as Jt, min as Qt, endOfISOWeek as ht, endOfWeek as pt, startOfISOWeek as Ye, startOfWeek as je, getISOWeek as zt, getWeek as en, format as O, isDate as yt, addYears as tn, isValid as se, parse as ie, isWithinInterval as nn } from "date-fns";
-import { enUS as rn, nb as an } from "date-fns/locale";
-import on from "@helsenorge/designsystem-react/components/Button";
-import ln from "@helsenorge/designsystem-react/components/Icon";
-import sn from "@helsenorge/designsystem-react/components/Icons/Calendar";
-import Re from "@helsenorge/designsystem-react/components/Input";
-import { PopOverVariant as F } from "@helsenorge/designsystem-react/components/PopOver";
-import { ZIndex as dn, KeyboardEventKey as ot } from "@helsenorge/designsystem-react/constants";
-import { useKeyboardEvent as it } from "@helsenorge/designsystem-react/hooks/useKeyboardEvent";
-import { useOutsideEvent as un } from "@helsenorge/designsystem-react/hooks/useOutsideEvent";
-import { usePseudoClasses as bt } from "@helsenorge/designsystem-react/hooks/usePseudoClasses";
-import { isMobileUA as cn } from "@helsenorge/designsystem-react/utils/mobile";
-import { isMutableRefObject as gt, mergeRefs as _t } from "@helsenorge/designsystem-react/utils/refs";
-import Be from "classnames";
-import fn from "react-day-picker/dist/style.module.css";
-import { useFocusTrap as vn } from "@helsenorge/designsystem-react/hooks/useFocusTrap";
-import { useInterval as mn } from "@helsenorge/designsystem-react/hooks/useInterval";
-import { useIsVisible as hn } from "@helsenorge/designsystem-react/hooks/useIsVisible";
-import { useLayoutEvent as pn } from "@helsenorge/designsystem-react/hooks/useLayoutEvent";
-import { useSize as yn } from "@helsenorge/designsystem-react/hooks/useSize";
-import { getSpacer as bn } from "@helsenorge/designsystem-react/theme/currys/spacing";
-import P from "./styles.module.scss";
-import gn from "@helsenorge/designsystem-react/components/ErrorWrapper";
-import { useUuid as _n } from "@helsenorge/designsystem-react/hooks/useUuid";
-import { isComponent as lt } from "@helsenorge/designsystem-react/utils/component";
-var g = function() {
-  return g = Object.assign || function(t) {
-    for (var n, r = 1, a = arguments.length; r < a; r++) {
-      n = arguments[r];
-      for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React, { createContext, forwardRef, useContext, useState, useEffect, useLayoutEffect, useRef } from "react";
+import { isSameDay, subDays, addDays, differenceInCalendarDays, startOfMonth, endOfMonth, startOfDay, addMonths, differenceInCalendarMonths, isSameMonth, isBefore, isAfter, getUnixTime, getWeeksInMonth, addWeeks, isSameYear, setMonth, setYear, startOfYear, max, min, endOfISOWeek, endOfWeek, startOfISOWeek, startOfWeek, getISOWeek, getWeek, format, isDate, addYears, isValid, parse, isWithinInterval } from "date-fns";
+import { enUS, nb } from "date-fns/locale";
+import Button$1 from "@helsenorge/designsystem-react/components/Button";
+import Icon from "@helsenorge/designsystem-react/components/Icon";
+import Calendar from "@helsenorge/designsystem-react/components/Icons/Calendar";
+import Input from "@helsenorge/designsystem-react/components/Input";
+import { PopOverVariant } from "@helsenorge/designsystem-react/components/PopOver";
+import { ZIndex, KeyboardEventKey } from "@helsenorge/designsystem-react/constants";
+import { useKeyboardEvent } from "@helsenorge/designsystem-react/hooks/useKeyboardEvent";
+import { useOutsideEvent } from "@helsenorge/designsystem-react/hooks/useOutsideEvent";
+import { usePseudoClasses } from "@helsenorge/designsystem-react/hooks/usePseudoClasses";
+import { isMobileUA } from "@helsenorge/designsystem-react/utils/mobile";
+import { isMutableRefObject, mergeRefs } from "@helsenorge/designsystem-react/utils/refs";
+import classNames from "classnames";
+import reactdaypickerstyles from "react-day-picker/dist/style.module.css";
+import { useFocusTrap } from "@helsenorge/designsystem-react/hooks/useFocusTrap";
+import { useInterval } from "@helsenorge/designsystem-react/hooks/useInterval";
+import { useIsVisible } from "@helsenorge/designsystem-react/hooks/useIsVisible";
+import { useLayoutEvent } from "@helsenorge/designsystem-react/hooks/useLayoutEvent";
+import { useSize } from "@helsenorge/designsystem-react/hooks/useSize";
+import { getSpacer } from "@helsenorge/designsystem-react/theme/currys/spacing";
+import styles from "./styles.module.scss";
+import ErrorWrapper from "@helsenorge/designsystem-react/components/ErrorWrapper";
+import { useUuid } from "@helsenorge/designsystem-react/hooks/useUuid";
+import { isComponent } from "@helsenorge/designsystem-react/utils/component";
+var __assign = function() {
+  __assign = Object.assign || function __assign2(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
     return t;
-  }, g.apply(this, arguments);
+  };
+  return __assign.apply(this, arguments);
 };
-function wn(e, t) {
-  var n = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
-      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
-  return n;
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
 }
-function wt(e, t, n) {
-  for (var r = 0, a = t.length, o; r < a; r++)
-    (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
-  return e.concat(o || Array.prototype.slice.call(t));
+function __spreadArray(to, from, pack) {
+  for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
 }
-function de(e) {
-  return e.mode === "multiple";
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+function isDayPickerMultiple(props) {
+  return props.mode === "multiple";
 }
-function ue(e) {
-  return e.mode === "range";
+function isDayPickerRange(props) {
+  return props.mode === "range";
 }
-function we(e) {
-  return e.mode === "single";
+function isDayPickerSingle(props) {
+  return props.mode === "single";
 }
-var Dn = {
+var defaultClassNames = {
   root: "rdp",
   multiple_months: "rdp-multiple_months",
   with_weeknumber: "rdp-with_weeknumber",
@@ -99,348 +111,532 @@ var Dn = {
   day_range_end: "rdp-day_range_end",
   day_range_middle: "rdp-day_range_middle"
 };
-function Mn(e, t) {
-  return O(e, "LLLL y", t);
+function formatCaption(month, options) {
+  return format(month, "LLLL y", options);
 }
-function kn(e, t) {
-  return O(e, "d", t);
+function formatDay(day, options) {
+  return format(day, "d", options);
 }
-function Nn(e, t) {
-  return O(e, "LLLL", t);
+function formatMonthCaption(month, options) {
+  return format(month, "LLLL", options);
 }
-function Cn(e) {
-  return "".concat(e);
+function formatWeekNumber(weekNumber) {
+  return "".concat(weekNumber);
 }
-function Pn(e, t) {
-  return O(e, "cccccc", t);
+function formatWeekdayName(weekday, options) {
+  return format(weekday, "cccccc", options);
 }
-function xn(e, t) {
-  return O(e, "yyyy", t);
+function formatYearCaption(year, options) {
+  return format(year, "yyyy", options);
 }
-var On = /* @__PURE__ */ Object.freeze({
+var formatters = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  formatCaption: Mn,
-  formatDay: kn,
-  formatMonthCaption: Nn,
-  formatWeekNumber: Cn,
-  formatWeekdayName: Pn,
-  formatYearCaption: xn
-}), In = function(e, t, n) {
-  return O(e, "do MMMM (EEEE)", n);
-}, Wn = function() {
+  formatCaption,
+  formatDay,
+  formatMonthCaption,
+  formatWeekNumber,
+  formatWeekdayName,
+  formatYearCaption
+});
+var labelDay = function(day, activeModifiers, options) {
+  return format(day, "do MMMM (EEEE)", options);
+};
+var labelMonthDropdown = function() {
   return "Month: ";
-}, Sn = function() {
+};
+var labelNext = function() {
   return "Go to next month";
-}, Ln = function() {
+};
+var labelPrevious = function() {
   return "Go to previous month";
-}, En = function(e, t) {
-  return O(e, "cccc", t);
-}, Rn = function(e) {
-  return "Week n. ".concat(e);
-}, Bn = function() {
+};
+var labelWeekday = function(day, options) {
+  return format(day, "cccc", options);
+};
+var labelWeekNumber = function(n) {
+  return "Week n. ".concat(n);
+};
+var labelYearDropdown = function() {
   return "Year: ";
-}, Tn = /* @__PURE__ */ Object.freeze({
+};
+var labels = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  labelDay: In,
-  labelMonthDropdown: Wn,
-  labelNext: Sn,
-  labelPrevious: Ln,
-  labelWeekNumber: Rn,
-  labelWeekday: En,
-  labelYearDropdown: Bn
+  labelDay,
+  labelMonthDropdown,
+  labelNext,
+  labelPrevious,
+  labelWeekNumber,
+  labelWeekday,
+  labelYearDropdown
 });
-function Fn() {
-  var e = "buttons", t = Dn, n = rn, r = {}, a = {}, o = 1, i = {}, l = /* @__PURE__ */ new Date();
+function getDefaultContextValues() {
+  var captionLayout = "buttons";
+  var classNames2 = defaultClassNames;
+  var locale = enUS;
+  var modifiersClassNames = {};
+  var modifiers = {};
+  var numberOfMonths = 1;
+  var styles2 = {};
+  var today = /* @__PURE__ */ new Date();
   return {
-    captionLayout: e,
-    classNames: t,
-    formatters: On,
-    labels: Tn,
-    locale: n,
-    modifiersClassNames: r,
-    modifiers: a,
-    numberOfMonths: o,
-    styles: i,
-    today: l,
+    captionLayout,
+    classNames: classNames2,
+    formatters,
+    labels,
+    locale,
+    modifiersClassNames,
+    modifiers,
+    numberOfMonths,
+    styles: styles2,
+    today,
     mode: "default"
   };
 }
-function An(e) {
-  var t = e.fromYear, n = e.toYear, r = e.fromMonth, a = e.toMonth, o = e.fromDate, i = e.toDate;
-  return r ? o = S(r) : t && (o = new Date(t, 0, 1)), a ? i = Fe(a) : n && (i = new Date(n, 11, 31)), {
-    fromDate: o ? rt(o) : void 0,
-    toDate: i ? rt(i) : void 0
+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);
+  } else if (fromYear) {
+    fromDate = new Date(fromYear, 0, 1);
+  }
+  if (toMonth) {
+    toDate = endOfMonth(toMonth);
+  } else if (toYear) {
+    toDate = new Date(toYear, 11, 31);
+  }
+  return {
+    fromDate: fromDate ? startOfDay(fromDate) : void 0,
+    toDate: toDate ? startOfDay(toDate) : void 0
   };
 }
-var Dt = ne(void 0);
-function Hn(e) {
-  var t, n = e.initialProps, r = Fn(), a = An(n), o = a.fromDate, i = a.toDate, l = (t = n.captionLayout) !== null && t !== void 0 ? t : r.captionLayout;
-  l !== "buttons" && (!o || !i) && (l = "buttons");
-  var d;
-  (we(n) || de(n) || ue(n)) && (d = n.onSelect);
-  var u = g(g(g({}, r), n), { captionLayout: l, classNames: g(g({}, r.classNames), n.classNames), components: g({}, n.components), formatters: g(g({}, r.formatters), n.formatters), fromDate: o, labels: g(g({}, r.labels), n.labels), mode: n.mode || r.mode, modifiers: g(g({}, r.modifiers), n.modifiers), modifiersClassNames: g(g({}, r.modifiersClassNames), n.modifiersClassNames), onSelect: d, styles: g(g({}, r.styles), n.styles), toDate: i });
-  return s(Dt.Provider, { value: u, children: e.children });
-}
-function k() {
-  var e = re(Dt);
-  if (!e)
+var DayPickerContext = createContext(void 0);
+function DayPickerProvider(props) {
+  var _a;
+  var initialProps = props.initialProps;
+  var defaultContextValues = getDefaultContextValues();
+  var _b = parseFromToProps(initialProps), fromDate = _b.fromDate, toDate = _b.toDate;
+  var captionLayout = (_a = initialProps.captionLayout) !== null && _a !== void 0 ? _a : defaultContextValues.captionLayout;
+  if (captionLayout !== "buttons" && (!fromDate || !toDate)) {
+    captionLayout = "buttons";
+  }
+  var onSelect;
+  if (isDayPickerSingle(initialProps) || isDayPickerMultiple(initialProps) || isDayPickerRange(initialProps)) {
+    onSelect = initialProps.onSelect;
+  }
+  var value = __assign(__assign(__assign({}, defaultContextValues), initialProps), { captionLayout, classNames: __assign(__assign({}, defaultContextValues.classNames), initialProps.classNames), components: __assign({}, initialProps.components), formatters: __assign(__assign({}, defaultContextValues.formatters), initialProps.formatters), fromDate, labels: __assign(__assign({}, defaultContextValues.labels), initialProps.labels), mode: initialProps.mode || defaultContextValues.mode, modifiers: __assign(__assign({}, defaultContextValues.modifiers), initialProps.modifiers), modifiersClassNames: __assign(__assign({}, defaultContextValues.modifiersClassNames), initialProps.modifiersClassNames), onSelect, styles: __assign(__assign({}, defaultContextValues.styles), initialProps.styles), toDate });
+  return jsx(DayPickerContext.Provider, { value, children: props.children });
+}
+function useDayPicker() {
+  var context = useContext(DayPickerContext);
+  if (!context) {
     throw new Error("useDayPicker must be used within a DayPickerProvider.");
-  return e;
-}
-function Mt(e) {
-  var t = k(), n = t.locale, r = t.classNames, a = t.styles, o = t.formatters.formatCaption;
-  return s("div", { className: r.caption_label, style: a.caption_label, "aria-live": "polite", role: "presentation", id: e.id, children: o(e.displayMonth, { locale: n }) });
-}
-function Yn(e) {
-  return s("svg", g({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, e, { children: s("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" }) }));
-}
-function kt(e) {
-  var t, n, r = e.onChange, a = e.value, o = e.children, i = e.caption, l = e.className, d = e.style, u = k(), c = (n = (t = u.components) === null || t === void 0 ? void 0 : t.IconDropdown) !== null && n !== void 0 ? n : Yn;
-  return L("div", { className: l, style: d, children: [s("span", { className: u.classNames.vhidden, children: e["aria-label"] }), s("select", { name: e.name, "aria-label": e["aria-label"], className: u.classNames.dropdown, style: u.styles.dropdown, value: a, onChange: r, children: o }), L("div", { className: u.classNames.caption_label, style: u.styles.caption_label, "aria-hidden": "true", children: [i, s(c, { className: u.classNames.dropdown_icon, style: u.styles.dropdown_icon })] })] });
-}
-function jn(e) {
-  var t, n = k(), r = n.fromDate, a = n.toDate, o = n.styles, i = n.locale, l = n.formatters.formatMonthCaption, d = n.classNames, u = n.components, c = n.labels.labelMonthDropdown;
-  if (!r)
-    return s(A, {});
-  if (!a)
-    return s(A, {});
-  var f = [];
-  if ($t(r, a))
-    for (var v = S(r), m = r.getMonth(); m <= a.getMonth(); m++)
-      f.push(Pe(v, m));
-  else
-    for (var v = S(/* @__PURE__ */ new Date()), m = 0; m <= 11; m++)
-      f.push(Pe(v, m));
-  var y = function(p) {
-    var D = Number(p.target.value), M = Pe(S(e.displayMonth), D);
-    e.onChange(M);
-  }, _ = (t = u == null ? void 0 : u.Dropdown) !== null && t !== void 0 ? t : kt;
-  return s(_, { name: "months", "aria-label": c(), className: d.dropdown_month, style: o.dropdown_month, onChange: y, value: e.displayMonth.getMonth(), caption: l(e.displayMonth, { locale: i }), children: f.map(function(p) {
-    return s("option", { value: p.getMonth(), children: l(p, { locale: i }) }, p.getMonth());
+  }
+  return context;
+}
+function CaptionLabel(props) {
+  var _a = useDayPicker(), locale = _a.locale, classNames2 = _a.classNames, styles2 = _a.styles, formatCaption2 = _a.formatters.formatCaption;
+  return jsx("div", { className: classNames2.caption_label, style: styles2.caption_label, "aria-live": "polite", role: "presentation", id: props.id, children: formatCaption2(props.displayMonth, { locale }) });
+}
+function IconDropdown(props) {
+  return jsx("svg", __assign({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, props, { children: jsx("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" }) }));
+}
+function Dropdown(props) {
+  var _a, _b;
+  var onChange = props.onChange, value = props.value, children = props.children, caption = props.caption, className = props.className, style = props.style;
+  var dayPicker = useDayPicker();
+  var IconDropdownComponent = (_b = (_a = dayPicker.components) === null || _a === void 0 ? void 0 : _a.IconDropdown) !== null && _b !== void 0 ? _b : IconDropdown;
+  return jsxs("div", { className, style, children: [jsx("span", { className: dayPicker.classNames.vhidden, children: props["aria-label"] }), jsx("select", { name: props.name, "aria-label": props["aria-label"], className: dayPicker.classNames.dropdown, style: dayPicker.styles.dropdown, value, onChange, children }), jsxs("div", { className: dayPicker.classNames.caption_label, style: dayPicker.styles.caption_label, "aria-hidden": "true", children: [caption, jsx(IconDropdownComponent, { className: dayPicker.classNames.dropdown_icon, style: dayPicker.styles.dropdown_icon })] })] });
+}
+function MonthsDropdown(props) {
+  var _a;
+  var _b = useDayPicker(), fromDate = _b.fromDate, toDate = _b.toDate, styles2 = _b.styles, locale = _b.locale, formatMonthCaption2 = _b.formatters.formatMonthCaption, classNames2 = _b.classNames, components = _b.components, labelMonthDropdown2 = _b.labels.labelMonthDropdown;
+  if (!fromDate)
+    return jsx(Fragment, {});
+  if (!toDate)
+    return jsx(Fragment, {});
+  var dropdownMonths = [];
+  if (isSameYear(fromDate, toDate)) {
+    var date = startOfMonth(fromDate);
+    for (var month = fromDate.getMonth(); month <= toDate.getMonth(); month++) {
+      dropdownMonths.push(setMonth(date, month));
+    }
+  } else {
+    var date = startOfMonth(/* @__PURE__ */ new Date());
+    for (var month = 0; month <= 11; month++) {
+      dropdownMonths.push(setMonth(date, month));
+    }
+  }
+  var handleChange = function(e) {
+    var selectedMonth = Number(e.target.value);
+    var newMonth = setMonth(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;
+  return jsx(DropdownComponent, { name: "months", "aria-label": labelMonthDropdown2(), className: classNames2.dropdown_month, style: styles2.dropdown_month, onChange: handleChange, value: props.displayMonth.getMonth(), caption: formatMonthCaption2(props.displayMonth, { locale }), children: dropdownMonths.map(function(m) {
+    return jsx("option", { value: m.getMonth(), children: formatMonthCaption2(m, { locale }) }, m.getMonth());
   }) });
 }
-function Vn(e) {
-  var t, n = e.displayMonth, r = k(), a = r.fromDate, o = r.toDate, i = r.locale, l = r.styles, d = r.classNames, u = r.components, c = r.formatters.formatYearCaption, f = r.labels.labelYearDropdown, v = [];
-  if (!a)
-    return s(A, {});
-  if (!o)
-    return s(A, {});
-  for (var m = a.getFullYear(), y = o.getFullYear(), _ = m; _ <= y; _++)
-    v.push(at(qt(/* @__PURE__ */ new Date()), _));
-  var p = function(M) {
-    var I = at(S(n), Number(M.target.value));
-    e.onChange(I);
-  }, D = (t = u == null ? void 0 : u.Dropdown) !== null && t !== void 0 ? t : kt;
-  return s(D, { name: "years", "aria-label": f(), className: d.dropdown_year, style: l.dropdown_year, onChange: p, value: n.getFullYear(), caption: c(n, { locale: i }), children: v.map(function(M) {
-    return s("option", { value: M.getFullYear(), children: c(M, { locale: i }) }, M.getFullYear());
+function YearsDropdown(props) {
+  var _a;
+  var displayMonth = props.displayMonth;
+  var _b = useDayPicker(), fromDate = _b.fromDate, toDate = _b.toDate, locale = _b.locale, styles2 = _b.styles, classNames2 = _b.classNames, components = _b.components, formatYearCaption2 = _b.formatters.formatYearCaption, labelYearDropdown2 = _b.labels.labelYearDropdown;
+  var years = [];
+  if (!fromDate)
+    return jsx(Fragment, {});
+  if (!toDate)
+    return jsx(Fragment, {});
+  var fromYear = fromDate.getFullYear();
+  var toYear = toDate.getFullYear();
+  for (var year = fromYear; year <= toYear; year++) {
+    years.push(setYear(startOfYear(/* @__PURE__ */ new Date()), year));
+  }
+  var handleChange = function(e) {
+    var newMonth = setYear(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;
+  return jsx(DropdownComponent, { name: "years", "aria-label": labelYearDropdown2(), className: classNames2.dropdown_year, style: styles2.dropdown_year, onChange: handleChange, value: displayMonth.getFullYear(), caption: formatYearCaption2(displayMonth, { locale }), children: years.map(function(year2) {
+    return jsx("option", { value: year2.getFullYear(), children: formatYearCaption2(year2, { locale }) }, year2.getFullYear());
   }) });
 }
-function Kn(e, t) {
-  var n = B(e), r = n[0], a = n[1], o = t === void 0 ? r : t;
-  return [o, a];
+function useControlledValue(defaultValue, controlledValue) {
+  var _a = useState(defaultValue), uncontrolledValue = _a[0], setValue = _a[1];
+  var value = controlledValue === void 0 ? uncontrolledValue : controlledValue;
+  return [value, setValue];
+}
+function getInitialMonth(context) {
+  var month = context.month, defaultMonth = context.defaultMonth, today = context.today;
+  var initialMonth = month || defaultMonth || today || /* @__PURE__ */ new Date();
+  var toDate = context.toDate, fromDate = context.fromDate, _a = context.numberOfMonths, numberOfMonths = _a === void 0 ? 1 : _a;
+  if (toDate && differenceInCalendarMonths(toDate, initialMonth) < 0) {
+    var offset = -1 * (numberOfMonths - 1);
+    initialMonth = addMonths(toDate, offset);
+  }
+  if (fromDate && differenceInCalendarMonths(initialMonth, fromDate) < 0) {
+    initialMonth = fromDate;
+  }
+  return startOfMonth(initialMonth);
+}
+function useNavigationState() {
+  var context = useDayPicker();
+  var initialMonth = getInitialMonth(context);
+  var _a = useControlledValue(initialMonth, context.month), month = _a[0], setMonth2 = _a[1];
+  var goToMonth = function(date) {
+    var _a2;
+    if (context.disableNavigation)
+      return;
+    var month2 = startOfMonth(date);
+    setMonth2(month2);
+    (_a2 = context.onMonthChange) === null || _a2 === void 0 ? void 0 : _a2.call(context, month2);
+  };
+  return [month, goToMonth];
+}
+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 months = [];
+  for (var i = 0; i < monthsDiff; i++) {
+    var nextMonth = addMonths(start, i);
+    months.push(nextMonth);
+  }
+  if (reverseMonths)
+    months = months.reverse();
+  return months;
 }
-function Un(e) {
-  var t = e.month, n = e.defaultMonth, r = e.today, a = t || n || r || /* @__PURE__ */ new Date(), o = e.toDate, i = e.fromDate, l = e.numberOfMonths, d = l === void 0 ? 1 : l;
-  if (o && le(o, a) < 0) {
-    var u = -1 * (d - 1);
-    a = j(o, u);
+function getNextMonth(startingMonth, options) {
+  if (options.disableNavigation) {
+    return void 0;
+  }
+  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);
+  if (!toDate) {
+    return addMonths(month, offset);
   }
-  return i && le(a, i) < 0 && (a = i), S(a);
+  var monthsDiff = differenceInCalendarMonths(toDate, startingMonth);
+  if (monthsDiff < numberOfMonths) {
+    return void 0;
+  }
+  return addMonths(month, offset);
 }
-function Xn() {
-  var e = k(), t = Un(e), n = Kn(t, e.month), r = n[0], a = n[1], o = function(i) {
-    var l;
-    if (!e.disableNavigation) {
-      var d = S(i);
-      a(d), (l = e.onMonthChange) === null || l === void 0 || l.call(e, d);
+function getPreviousMonth(startingMonth, options) {
+  if (options.disableNavigation) {
+    return void 0;
+  }
+  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);
+  if (!fromDate) {
+    return addMonths(month, -offset);
+  }
+  var monthsDiff = differenceInCalendarMonths(month, fromDate);
+  if (monthsDiff <= 0) {
+    return void 0;
+  }
+  return addMonths(month, -offset);
+}
+var NavigationContext = createContext(void 0);
+function NavigationProvider(props) {
+  var dayPicker = useDayPicker();
+  var _a = useNavigationState(), currentMonth = _a[0], goToMonth = _a[1];
+  var displayMonths = getDisplayMonths(currentMonth, dayPicker);
+  var nextMonth = getNextMonth(currentMonth, dayPicker);
+  var previousMonth = getPreviousMonth(currentMonth, dayPicker);
+  var isDateDisplayed = function(date) {
+    return displayMonths.some(function(displayMonth) {
+      return isSameMonth(date, displayMonth);
+    });
+  };
+  var goToDate = function(date, refDate) {
+    if (isDateDisplayed(date)) {
+      return;
+    }
+    if (refDate && isBefore(date, refDate)) {
+      goToMonth(addMonths(date, 1 + dayPicker.numberOfMonths * -1));
+    } else {
+      goToMonth(date);
     }
   };
-  return [r, o];
-}
-function Zn(e, t) {
-  for (var n = t.reverseMonths, r = t.numberOfMonths, a = S(e), o = S(j(a, r)), i = le(o, a), l = [], d = 0; d < i; d++) {
-    var u = j(a, d);
-    l.push(u);
-  }
-  return n && (l = l.reverse()), l;
-}
-function Gn(e, t) {
-  if (!t.disableNavigation) {
-    var n = t.toDate, r = t.pagedNavigation, a = t.numberOfMonths, o = a === void 0 ? 1 : a, i = r ? o : 1, l = S(e);
-    if (!n)
-      return j(l, i);
-    var d = le(n, e);
-    if (!(d < o))
-      return j(l, i);
-  }
-}
-function $n(e, t) {
-  if (!t.disableNavigation) {
-    var n = t.fromDate, r = t.pagedNavigation, a = t.numberOfMonths, o = a === void 0 ? 1 : a, i = r ? o : 1, l = S(e);
-    if (!n)
-      return j(l, -i);
-    var d = le(l, n);
-    if (!(d <= 0))
-      return j(l, -i);
-  }
-}
-var Nt = ne(void 0);
-function qn(e) {
-  var t = k(), n = Xn(), r = n[0], a = n[1], o = Zn(r, t), i = Gn(r, t), l = $n(r, t), d = function(f) {
-    return o.some(function(v) {
-      return Ae(f, v);
-    });
-  }, u = function(f, v) {
-    d(f) || (v && He(f, v) ? a(j(f, 1 + t.numberOfMonths * -1)) : a(f));
-  }, c = {
-    currentMonth: r,
-    displayMonths: o,
-    goToMonth: a,
-    goToDate: u,
-    previousMonth: l,
-    nextMonth: i,
-    isDateDisplayed: d
+  var value = {
+    currentMonth,
+    displayMonths,
+    goToMonth,
+    goToDate,
+    previousMonth,
+    nextMonth,
+    isDateDisplayed
   };
-  return s(Nt.Provider, { value: c, children: e.children });
+  return jsx(NavigationContext.Provider, { value, children: props.children });
 }
-function ce() {
-  var e = re(Nt);
-  if (!e)
+function useNavigation() {
+  var context = useContext(NavigationContext);
+  if (!context) {
     throw new Error("useNavigation must be used within a NavigationProvider");
-  return e;
-}
-function st(e) {
-  var t, n = k(), r = n.classNames, a = n.styles, o = n.components, i = ce().goToMonth, l = function(c) {
-    i(j(c, e.displayIndex ? -e.displayIndex : 0));
-  }, d = (t = o == null ? void 0 : o.CaptionLabel) !== null && t !== void 0 ? t : Mt, u = s(d, { id: e.id, displayMonth: e.displayMonth });
-  return L("div", { className: r.caption_dropdowns, style: a.caption_dropdowns, children: [s("div", { className: r.vhidden, children: u }), s(jn, { onChange: l, displayMonth: e.displayMonth }), s(Vn, { onChange: l, displayMonth: e.displayMonth })] });
+  }
+  return context;
+}
+function CaptionDropdowns(props) {
+  var _a;
+  var _b = useDayPicker(), classNames2 = _b.classNames, styles2 = _b.styles, components = _b.components;
+  var goToMonth = useNavigation().goToMonth;
+  var handleMonthChange = function(newMonth) {
+    goToMonth(addMonths(newMonth, props.displayIndex ? -props.displayIndex : 0));
+  };
+  var CaptionLabelComponent = (_a = components === null || components === void 0 ? void 0 : components.CaptionLabel) !== null && _a !== void 0 ? _a : CaptionLabel;
+  var captionLabel = jsx(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth });
+  return jsxs("div", { className: classNames2.caption_dropdowns, style: styles2.caption_dropdowns, children: [jsx("div", { className: classNames2.vhidden, children: captionLabel }), jsx(MonthsDropdown, { onChange: handleMonthChange, displayMonth: props.displayMonth }), jsx(YearsDropdown, { onChange: handleMonthChange, displayMonth: props.displayMonth })] });
 }
-function Jn(e) {
-  return s("svg", g({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, e, { children: s("path", { d: "M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z", fill: "currentColor", fillRule: "nonzero" }) }));
+function IconLeft(props) {
+  return jsx("svg", __assign({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props, { children: jsx("path", { d: "M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z", fill: "currentColor", fillRule: "nonzero" }) }));
 }
-function Qn(e) {
-  return s("svg", g({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, e, { children: s("path", { d: "M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z", fill: "currentColor" }) }));
+function IconRight(props) {
+  return jsx("svg", __assign({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props, { children: jsx("path", { d: "M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z", fill: "currentColor" }) }));
 }
-var _e = Ut(function(e, t) {
-  var n = k(), r = n.classNames, a = n.styles, o = [r.button_reset, r.button];
-  e.className && o.push(e.className);
-  var i = o.join(" "), l = g(g({}, a.button_reset), a.button);
-  return e.style && Object.assign(l, e.style), s("button", g({}, e, { ref: t, type: "button", className: i, style: l }));
+var Button = forwardRef(function(props, ref) {
+  var _a = useDayPicker(), classNames2 = _a.classNames, styles2 = _a.styles;
+  var classNamesArr = [classNames2.button_reset, classNames2.button];
+  if (props.className) {
+    classNamesArr.push(props.className);
+  }
+  var className = classNamesArr.join(" ");
+  var style = __assign(__assign({}, styles2.button_reset), styles2.button);
+  if (props.style) {
+    Object.assign(style, props.style);
+  }
+  return jsx("button", __assign({}, props, { ref, type: "button", className, style }));
 });
-function zn(e) {
-  var t, n, r = k(), a = r.dir, o = r.locale, i = r.classNames, l = r.styles, d = r.labels, u = d.labelPrevious, c = d.labelNext, f = r.components;
-  if (!e.nextMonth && !e.previousMonth)
-    return s(A, {});
-  var v = u(e.previousMonth, { locale: o }), m = [
-    i.nav_button,
-    i.nav_button_previous
-  ].join(" "), y = c(e.nextMonth, { locale: o }), _ = [
-    i.nav_button,
-    i.nav_button_next
-  ].join(" "), p = (t = f == null ? void 0 : f.IconRight) !== null && t !== void 0 ? t : Qn, D = (n = f == null ? void 0 : f.IconLeft) !== null && n !== void 0 ? n : Jn;
-  return L("div", { className: i.nav, style: l.nav, children: [!e.hidePrevious && s(_e, { name: "previous-month", "aria-label": v, className: m, style: l.nav_button_previous, disabled: !e.previousMonth, onClick: e.onPreviousClick, children: a === "rtl" ? s(p, { className: i.nav_icon, style: l.nav_icon }) : s(D, { className: i.nav_icon, style: l.nav_icon }) }), !e.hideNext && s(_e, { name: "next-month", "aria-label": y, className: _, style: l.nav_button_next, disabled: !e.nextMonth, onClick: e.onNextClick, children: a === "rtl" ? s(D, { className: i.nav_icon, style: l.nav_icon }) : s(p, { className: i.nav_icon, style: l.nav_icon }) })] });
-}
-function dt(e) {
-  var t = k().numberOfMonths, n = ce(), r = n.previousMonth, a = n.nextMonth, o = n.goToMonth, i = n.displayMonths, l = i.findIndex(function(y) {
-    return Ae(e.displayMonth, y);
-  }), d = l === 0, u = l === i.length - 1, c = t > 1 && (d || !u), f = t > 1 && (u || !d), v = function() {
-    r && o(r);
-  }, m = function() {
-    a && o(a);
+function Navigation(props) {
+  var _a, _b;
+  var _c = useDayPicker(), dir = _c.dir, locale = _c.locale, classNames2 = _c.classNames, styles2 = _c.styles, _d = _c.labels, labelPrevious2 = _d.labelPrevious, labelNext2 = _d.labelNext, components = _c.components;
+  if (!props.nextMonth && !props.previousMonth) {
+    return jsx(Fragment, {});
+  }
+  var previousLabel = labelPrevious2(props.previousMonth, { locale });
+  var previousClassName = [
+    classNames2.nav_button,
+    classNames2.nav_button_previous
+  ].join(" ");
+  var nextLabel = labelNext2(props.nextMonth, { locale });
+  var nextClassName = [
+    classNames2.nav_button,
+    classNames2.nav_button_next
+  ].join(" ");
+  var IconRightComponent = (_a = components === null || components === void 0 ? void 0 : components.IconRight) !== null && _a !== void 0 ? _a : IconRight;
+  var IconLeftComponent = (_b = components === null || components === void 0 ? void 0 : components.IconLeft) !== null && _b !== void 0 ? _b : IconLeft;
+  return jsxs("div", { className: classNames2.nav, style: styles2.nav, children: [!props.hidePrevious && jsx(Button, { name: "previous-month", "aria-label": previousLabel, className: previousClassName, style: styles2.nav_button_previous, disabled: !props.previousMonth, onClick: props.onPreviousClick, children: dir === "rtl" ? jsx(IconRightComponent, { className: classNames2.nav_icon, style: styles2.nav_icon }) : jsx(IconLeftComponent, { className: classNames2.nav_icon, style: styles2.nav_icon }) }), !props.hideNext && jsx(Button, { name: "next-month", "aria-label": nextLabel, className: nextClassName, style: styles2.nav_button_next, disabled: !props.nextMonth, onClick: props.onNextClick, children: dir === "rtl" ? jsx(IconLeftComponent, { className: classNames2.nav_icon, style: styles2.nav_icon }) : jsx(IconRightComponent, { className: classNames2.nav_icon, style: styles2.nav_icon }) })] });
+}
+function CaptionNavigation(props) {
+  var numberOfMonths = useDayPicker().numberOfMonths;
+  var _a = useNavigation(), previousMonth = _a.previousMonth, nextMonth = _a.nextMonth, goToMonth = _a.goToMonth, displayMonths = _a.displayMonths;
+  var displayIndex = displayMonths.findIndex(function(month) {
+    return isSameMonth(props.displayMonth, month);
+  });
+  var isFirst = displayIndex === 0;
+  var isLast = displayIndex === displayMonths.length - 1;
+  var hideNext = numberOfMonths > 1 && (isFirst || !isLast);
+  var hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);
+  var handlePreviousClick = function() {
+    if (!previousMonth)
+      return;
+    goToMonth(previousMonth);
   };
-  return s(zn, { displayMonth: e.displayMonth, hideNext: c, hidePrevious: f, nextMonth: a, previousMonth: r, onPreviousClick: v, onNextClick: m });
-}
-function er(e) {
-  var t, n = k(), r = n.classNames, a = n.disableNavigation, o = n.styles, i = n.captionLayout, l = n.components, d = (t = l == null ? void 0 : l.CaptionLabel) !== null && t !== void 0 ? t : Mt, u;
-  return a ? u = s(d, { id: e.id, displayMonth: e.displayMonth }) : i === "dropdown" ? u = s(st, { displayMonth: e.displayMonth, id: e.id }) : i === "dropdown-buttons" ? u = L(A, { children: [s(st, { displayMonth: e.displayMonth, displayIndex: e.displayIndex, id: e.id }), s(dt, { displayMonth: e.displayMonth, displayIndex: e.displayIndex, id: e.id })] }) : u = L(A, { children: [s(d, { id: e.id, displayMonth: e.displayMonth, displayIndex: e.displayIndex }), s(dt, { displayMonth: e.displayMonth, id: e.id })] }), s("div", { className: r.caption, style: o.caption, children: u });
-}
-function tr(e) {
-  var t = k(), n = t.footer, r = t.styles, a = t.classNames.tfoot;
-  return n ? s("tfoot", { className: a, style: r.tfoot, children: s("tr", { children: s("td", { colSpan: 8, children: n }) }) }) : s(A, {});
-}
-function nr(e, t, n) {
-  for (var r = n ? Ye(/* @__PURE__ */ new Date()) : je(/* @__PURE__ */ new Date(), { locale: e, weekStartsOn: t }), a = [], o = 0; o < 7; o++) {
-    var i = W(r, o);
-    a.push(i);
+  var handleNextClick = function() {
+    if (!nextMonth)
+      return;
+    goToMonth(nextMonth);
+  };
+  return jsx(Navigation, { displayMonth: props.displayMonth, hideNext, hidePrevious, nextMonth, previousMonth, onPreviousClick: handlePreviousClick, onNextClick: handleNextClick });
+}
+function Caption(props) {
+  var _a;
+  var _b = useDayPicker(), classNames2 = _b.classNames, disableNavigation = _b.disableNavigation, styles2 = _b.styles, captionLayout = _b.captionLayout, components = _b.components;
+  var CaptionLabelComponent = (_a = components === null || components === void 0 ? void 0 : components.CaptionLabel) !== null && _a !== void 0 ? _a : CaptionLabel;
+  var caption;
+  if (disableNavigation) {
+    caption = jsx(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth });
+  } else if (captionLayout === "dropdown") {
+    caption = jsx(CaptionDropdowns, { displayMonth: props.displayMonth, id: props.id });
+  } else if (captionLayout === "dropdown-buttons") {
+    caption = jsxs(Fragment, { children: [jsx(CaptionDropdowns, { displayMonth: props.displayMonth, displayIndex: props.displayIndex, id: props.id }), jsx(CaptionNavigation, { displayMonth: props.displayMonth, displayIndex: props.displayIndex, id: props.id })] });
+  } else {
+    caption = jsxs(Fragment, { children: [jsx(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth, displayIndex: props.displayIndex }), jsx(CaptionNavigation, { displayMonth: props.displayMonth, id: props.id })] });
   }
-  return a;
+  return jsx("div", { className: classNames2.caption, style: styles2.caption, children: caption });
+}
+function Footer(props) {
+  var _a = useDayPicker(), footer = _a.footer, styles2 = _a.styles, tfoot = _a.classNames.tfoot;
+  if (!footer)
+    return jsx(Fragment, {});
+  return jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsx("tr", { children: jsx("td", { colSpan: 8, children: footer }) }) });
+}
+function getWeekdays(locale, weekStartsOn, ISOWeek) {
+  var start = ISOWeek ? startOfISOWeek(/* @__PURE__ */ new Date()) : startOfWeek(/* @__PURE__ */ new Date(), { locale, weekStartsOn });
+  var days = [];
+  for (var i = 0; i < 7; i++) {
+    var day = addDays(start, i);
+    days.push(day);
+  }
+  return days;
 }
-function rr() {
-  var e = k(), t = e.classNames, n = e.styles, r = e.showWeekNumber, a = e.locale, o = e.weekStartsOn, i = e.ISOWeek, l = e.formatters.formatWeekdayName, d = e.labels.labelWeekday, u = nr(a, o, i);
-  return L("tr", { style: n.head_row, className: t.head_row, children: [r && s("td", { style: n.head_cell, className: t.head_cell }), u.map(function(c, f) {
-    return s("th", { scope: "col", className: t.head_cell, style: n.head_cell, "aria-label": d(c, { locale: a }), children: l(c, { locale: a }) }, f);
+function HeadRow() {
+  var _a = useDayPicker(), classNames2 = _a.classNames, styles2 = _a.styles, showWeekNumber = _a.showWeekNumber, locale = _a.locale, weekStartsOn = _a.weekStartsOn, ISOWeek = _a.ISOWeek, formatWeekdayName2 = _a.formatters.formatWeekdayName, labelWeekday2 = _a.labels.labelWeekday;
+  var weekdays = getWeekdays(locale, weekStartsOn, ISOWeek);
+  return jsxs("tr", { style: styles2.head_row, className: classNames2.head_row, children: [showWeekNumber && jsx("td", { style: styles2.head_cell, className: classNames2.head_cell }), weekdays.map(function(weekday, i) {
+    return jsx("th", { scope: "col", className: classNames2.head_cell, style: styles2.head_cell, "aria-label": labelWeekday2(weekday, { locale }), children: formatWeekdayName2(weekday, { locale }) }, i);
   })] });
 }
-function ar() {
-  var e, t = k(), n = t.classNames, r = t.styles, a = t.components, o = (e = a == null ? void 0 : a.HeadRow) !== null && e !== void 0 ? e : rr;
-  return s("thead", { style: r.head, className: n.head, children: s(o, {}) });
+function Head() {
+  var _a;
+  var _b = useDayPicker(), classNames2 = _b.classNames, styles2 = _b.styles, components = _b.components;
+  var HeadRowComponent = (_a = components === null || components === void 0 ? void 0 : components.HeadRow) !== null && _a !== void 0 ? _a : HeadRow;
+  return jsx("thead", { style: styles2.head, className: classNames2.head, children: jsx(HeadRowComponent, {}) });
 }
-function or(e) {
-  var t = k(), n = t.locale, r = t.formatters.formatDay;
-  return s(A, { children: r(e.date, { locale: n }) });
+function DayContent(props) {
+  var _a = useDayPicker(), locale = _a.locale, formatDay2 = _a.formatters.formatDay;
+  return jsx(Fragment, { children: formatDay2(props.date, { locale }) });
 }
-var Ve = ne(void 0);
-function ir(e) {
-  if (!de(e.initialProps)) {
-    var t = {
+var SelectMultipleContext = createContext(void 0);
+function SelectMultipleProvider(props) {
+  if (!isDayPickerMultiple(props.initialProps)) {
+    var emptyContextValue = {
       selected: void 0,
       modifiers: {
         disabled: []
       }
     };
-    return s(Ve.Provider, { value: t, children: e.children });
-  }
-  return s(lr, { initialProps: e.initialProps, children: e.children });
-}
-function lr(e) {
-  var t = e.initialProps, n = e.children, r = t.selected, a = t.min, o = t.max, i = function(u, c, f) {
-    var v, m;
-    (v = t.onDayClick) === null || v === void 0 || v.call(t, u, c, f);
-    var y = !!(c.selected && a && (r == null ? void 0 : r.length) === a);
-    if (!y) {
-      var _ = !!(!c.selected && o && (r == null ? void 0 : r.length) === o);
-      if (!_) {
-        var p = r ? wt([], r) : [];
-        if (c.selected) {
-          var D = p.findIndex(function(M) {
-            return N(u, M);
-          });
-          p.splice(D, 1);
-        } else
-          p.push(u);
-        (m = t.onSelect) === null || m === void 0 || m.call(t, p, u, c, f);
-      }
+    return jsx(SelectMultipleContext.Provider, { value: emptyContextValue, children: props.children });
+  }
+  return jsx(SelectMultipleProviderInternal, { initialProps: props.initialProps, children: props.children });
+}
+function SelectMultipleProviderInternal(_a) {
+  var initialProps = _a.initialProps, children = _a.children;
+  var selected = initialProps.selected, min2 = initialProps.min, max2 = initialProps.max;
+  var onDayClick = function(day, activeModifiers, e) {
+    var _a2, _b;
+    (_a2 = initialProps.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(initialProps, day, activeModifiers, e);
+    var isMinSelected = Boolean(activeModifiers.selected && min2 && (selected === null || selected === void 0 ? void 0 : selected.length) === min2);
+    if (isMinSelected) {
+      return;
     }
-  }, l = {
+    var isMaxSelected = Boolean(!activeModifiers.selected && max2 && (selected === null || selected === void 0 ? void 0 : selected.length) === max2);
+    if (isMaxSelected) {
+      return;
+    }
+    var selectedDays = selected ? __spreadArray([], selected) : [];
+    if (activeModifiers.selected) {
+      var index = selectedDays.findIndex(function(selectedDay) {
+        return isSameDay(day, selectedDay);
+      });
+      selectedDays.splice(index, 1);
+    } else {
+      selectedDays.push(day);
+    }
+    (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, selectedDays, day, activeModifiers, e);
+  };
+  var modifiers = {
     disabled: []
   };
-  r && l.disabled.push(function(u) {
-    var c = o && r.length > o - 1, f = r.some(function(v) {
-      return N(v, u);
+  if (selected) {
+    modifiers.disabled.push(function(day) {
+      var isMaxSelected = max2 && selected.length > max2 - 1;
+      var isSelected = selected.some(function(selectedDay) {
+        return isSameDay(selectedDay, day);
+      });
+      return Boolean(isMaxSelected && !isSelected);
     });
-    return !!(c && !f);
-  });
-  var d = {
-    selected: r,
-    onDayClick: i,
-    modifiers: l
+  }
+  var contextValue = {
+    selected,
+    onDayClick,
+    modifiers
   };
-  return s(Ve.Provider, { value: d, children: n });
+  return jsx(SelectMultipleContext.Provider, { value: contextValue, children });
 }
-function Ke() {
-  var e = re(Ve);
-  if (!e)
+function useSelectMultiple() {
+  var context = useContext(SelectMultipleContext);
+  if (!context) {
     throw new Error("useSelectMultiple must be used within a SelectMultipleProvider");
-  return e;
+  }
+  return context;
 }
-function sr(e, t) {
-  var n = t || {}, r = n.from, a = n.to;
-  return r && a ? N(a, e) && N(r, e) ? void 0 : N(a, e) ? { from: a, to: void 0 } : N(r, e) ? void 0 : ge(r, e) ? { from: e, to: a } : { from: r, to: e } : a ? ge(e, a) ? { from: a, to: e } : { from: e, to: a } : r ? He(e, r) ? { from: e, to: r } : { from: r, to: e } : { from: e, to: void 0 };
+function addToRange(day, range) {
+  var _a = range || {}, from = _a.from, to = _a.to;
+  if (from && to) {
+    if (isSameDay(to, day) && isSameDay(from, day)) {
+      return void 0;
+    }
+    if (isSameDay(to, day)) {
+      return { from: to, to: void 0 };
+    }
+    if (isSameDay(from, day)) {
+      return void 0;
+    }
+    if (isAfter(from, day)) {
+      return { from: day, to };
+    }
+    return { from, to: day };
+  }
+  if (to) {
+    if (isAfter(day, to)) {
+      return { from: to, to: day };
+    }
+    return { from: day, to };
+  }
+  if (from) {
+    if (isBefore(day, from)) {
+      return { from: day, to: from };
+    }
+    return { from, to: day };
+  }
+  return { from: day, to: void 0 };
 }
-var Ue = ne(void 0);
-function dr(e) {
-  if (!ue(e.initialProps)) {
-    var t = {
+var SelectRangeContext = createContext(void 0);
+function SelectRangeProvider(props) {
+  if (!isDayPickerRange(props.initialProps)) {
+    var emptyContextValue = {
       selected: void 0,
       modifiers: {
         range_start: [],
@@ -449,866 +645,1439 @@ function dr(e) {
         disabled: []
       }
     };
-    return s(Ue.Provider, { value: t, children: e.children });
+    return jsx(SelectRangeContext.Provider, { value: emptyContextValue, children: props.children });
   }
-  return s(ur, { initialProps: e.initialProps, children: e.children });
-}
-function ur(e) {
-  var t = e.initialProps, n = e.children, r = t.selected, a = r || {}, o = a.from, i = a.to, l = t.min, d = t.max, u = function(m, y, _) {
-    var p, D;
-    (p = t.onDayClick) === null || p === void 0 || p.call(t, m, y, _);
-    var M = sr(m, r);
-    (D = t.onSelect) === null || D === void 0 || D.call(t, M, m, y, _);
-  }, c = {
+  return jsx(SelectRangeProviderInternal, { initialProps: props.initialProps, children: props.children });
+}
+function SelectRangeProviderInternal(_a) {
+  var initialProps = _a.initialProps, children = _a.children;
+  var selected = initialProps.selected;
+  var _b = selected || {}, selectedFrom = _b.from, selectedTo = _b.to;
+  var min2 = initialProps.min;
+  var max2 = initialProps.max;
+  var onDayClick = function(day, activeModifiers, e) {
+    var _a2, _b2;
+    (_a2 = initialProps.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(initialProps, day, activeModifiers, e);
+    var newRange = addToRange(day, selected);
+    (_b2 = initialProps.onSelect) === null || _b2 === void 0 ? void 0 : _b2.call(initialProps, newRange, day, activeModifiers, e);
+  };
+  var modifiers = {
     range_start: [],
     range_end: [],
     range_middle: [],
     disabled: []
   };
-  if (o ? (c.range_start = [o], i ? (c.range_end = [i], N(o, i) || (c.range_middle = [
-    {
-      after: o,
-      before: i
-    }
-  ])) : c.range_end = [o]) : i && (c.range_start = [i], c.range_end = [i]), l && (o && !i && c.disabled.push({
-    after: Ce(o, l - 1),
-    before: W(o, l - 1)
-  }), o && i && c.disabled.push({
-    after: o,
-    before: W(o, l - 1)
-  }), !o && i && c.disabled.push({
-    after: Ce(i, l - 1),
-    before: W(i, l - 1)
-  })), d) {
-    if (o && !i && (c.disabled.push({
-      before: W(o, -d + 1)
-    }), c.disabled.push({
-      after: W(o, d - 1)
-    })), o && i) {
-      var f = U(i, o) + 1, v = d - f;
-      c.disabled.push({
-        before: Ce(o, v)
-      }), c.disabled.push({
-        after: W(i, v)
+  if (selectedFrom) {
+    modifiers.range_start = [selectedFrom];
+    if (!selectedTo) {
+      modifiers.range_end = [selectedFrom];
+    } else {
+      modifiers.range_end = [selectedTo];
+      if (!isSameDay(selectedFrom, selectedTo)) {
+        modifiers.range_middle = [
+          {
+            after: selectedFrom,
+            before: selectedTo
+          }
+        ];
+      }
+    }
+  } else if (selectedTo) {
+    modifiers.range_start = [selectedTo];
+    modifiers.range_end = [selectedTo];
+  }
+  if (min2) {
+    if (selectedFrom && !selectedTo) {
+      modifiers.disabled.push({
+        after: subDays(selectedFrom, min2 - 1),
+        before: addDays(selectedFrom, min2 - 1)
+      });
+    }
+    if (selectedFrom && selectedTo) {
+      modifiers.disabled.push({
+        after: selectedFrom,
+        before: addDays(selectedFrom, min2 - 1)
+      });
+    }
+    if (!selectedFrom && selectedTo) {
+      modifiers.disabled.push({
+        after: subDays(selectedTo, min2 - 1),
+        before: addDays(selectedTo, min2 - 1)
+      });
+    }
+  }
+  if (max2) {
+    if (selectedFrom && !selectedTo) {
+      modifiers.disabled.push({
+        before: addDays(selectedFrom, -max2 + 1)
+      });
+      modifiers.disabled.push({
+        after: addDays(selectedFrom, max2 - 1)
+      });
+    }
+    if (selectedFrom && selectedTo) {
+      var selectedCount = differenceInCalendarDays(selectedTo, selectedFrom) + 1;
+      var offset = max2 - selectedCount;
+      modifiers.disabled.push({
+        before: subDays(selectedFrom, offset)
+      });
+      modifiers.disabled.push({
+        after: addDays(selectedTo, offset)
+      });
+    }
+    if (!selectedFrom && selectedTo) {
+      modifiers.disabled.push({
+        before: addDays(selectedTo, -max2 + 1)
+      });
+      modifiers.disabled.push({
+        after: addDays(selectedTo, max2 - 1)
       });
     }
-    !o && i && (c.disabled.push({
-      before: W(i, -d + 1)
-    }), c.disabled.push({
-      after: W(i, d - 1)
-    }));
   }
-  return s(Ue.Provider, { value: { selected: r, onDayClick: u, modifiers: c }, children: n });
+  return jsx(SelectRangeContext.Provider, { value: { selected, onDayClick, modifiers }, children });
 }
-function Xe() {
-  var e = re(Ue);
-  if (!e)
+function useSelectRange() {
+  var context = useContext(SelectRangeContext);
+  if (!context) {
     throw new Error("useSelectRange must be used within a SelectRangeProvider");
-  return e;
-}
-function be(e) {
-  return Array.isArray(e) ? wt([], e) : e !== void 0 ? [e] : [];
+  }
+  return context;
+}
+function matcherToArray(matcher) {
+  if (Array.isArray(matcher)) {
+    return __spreadArray([], matcher);
+  } else if (matcher !== void 0) {
+    return [matcher];
+  } else {
+    return [];
+  }
 }
-function cr(e) {
-  var t = {};
-  return Object.entries(e).forEach(function(n) {
-    var r = n[0], a = n[1];
-    t[r] = be(a);
-  }), t;
-}
-var H;
-(function(e) {
-  e.Outside = "outside", e.Disabled = "disabled", e.Selected = "selected", e.Hidden = "hidden", e.Today = "today", e.RangeStart = "range_start", e.RangeEnd = "range_end", e.RangeMiddle = "range_middle";
-})(H || (H = {}));
-var fr = H.Selected, K = H.Disabled, vr = H.Hidden, mr = H.Today, xe = H.RangeEnd, Oe = H.RangeMiddle, Ie = H.RangeStart, hr = H.Outside;
-function pr(e, t, n) {
-  var r, a = (r = {}, r[fr] = be(e.selected), r[K] = be(e.disabled), r[vr] = be(e.hidden), r[mr] = [e.today], r[xe] = [], r[Oe] = [], r[Ie] = [], r[hr] = [], r);
-  return e.fromDate && a[K].push({ before: e.fromDate }), e.toDate && a[K].push({ after: e.toDate }), de(e) ? a[K] = a[K].concat(t.modifiers[K]) : ue(e) && (a[K] = a[K].concat(n.modifiers[K]), a[Ie] = n.modifiers[Ie], a[Oe] = n.modifiers[Oe], a[xe] = n.modifiers[xe]), a;
-}
-var Ct = ne(void 0);
-function yr(e) {
-  var t = k(), n = Ke(), r = Xe(), a = pr(t, n, r), o = cr(t.modifiers), i = g(g({}, a), o);
-  return s(Ct.Provider, { value: i, children: e.children });
-}
-function Pt() {
-  var e = re(Ct);
-  if (!e)
+function getCustomModifiers(dayModifiers) {
+  var customModifiers = {};
+  Object.entries(dayModifiers).forEach(function(_a) {
+    var modifier = _a[0], matcher = _a[1];
+    customModifiers[modifier] = matcherToArray(matcher);
+  });
+  return customModifiers;
+}
+var InternalModifier;
+(function(InternalModifier2) {
+  InternalModifier2["Outside"] = "outside";
+  InternalModifier2["Disabled"] = "disabled";
+  InternalModifier2["Selected"] = "selected";
+  InternalModifier2["Hidden"] = "hidden";
+  InternalModifier2["Today"] = "today";
+  InternalModifier2["RangeStart"] = "range_start";
+  InternalModifier2["RangeEnd"] = "range_end";
+  InternalModifier2["RangeMiddle"] = "range_middle";
+})(InternalModifier || (InternalModifier = {}));
+var Selected = InternalModifier.Selected, Disabled = InternalModifier.Disabled, Hidden = InternalModifier.Hidden, Today = InternalModifier.Today, RangeEnd = InternalModifier.RangeEnd, RangeMiddle = InternalModifier.RangeMiddle, RangeStart = InternalModifier.RangeStart, Outside = InternalModifier.Outside;
+function getInternalModifiers(dayPicker, selectMultiple, selectRange) {
+  var _a;
+  var internalModifiers = (_a = {}, _a[Selected] = matcherToArray(dayPicker.selected), _a[Disabled] = matcherToArray(dayPicker.disabled), _a[Hidden] = matcherToArray(dayPicker.hidden), _a[Today] = [dayPicker.today], _a[RangeEnd] = [], _a[RangeMiddle] = [], _a[RangeStart] = [], _a[Outside] = [], _a);
+  if (dayPicker.fromDate) {
+    internalModifiers[Disabled].push({ before: dayPicker.fromDate });
+  }
+  if (dayPicker.toDate) {
+    internalModifiers[Disabled].push({ after: dayPicker.toDate });
+  }
+  if (isDayPickerMultiple(dayPicker)) {
+    internalModifiers[Disabled] = internalModifiers[Disabled].concat(selectMultiple.modifiers[Disabled]);
+  } else if (isDayPickerRange(dayPicker)) {
+    internalModifiers[Disabled] = internalModifiers[Disabled].concat(selectRange.modifiers[Disabled]);
+    internalModifiers[RangeStart] = selectRange.modifiers[RangeStart];
+    internalModifiers[RangeMiddle] = selectRange.modifiers[RangeMiddle];
+    internalModifiers[RangeEnd] = selectRange.modifiers[RangeEnd];
+  }
+  return internalModifiers;
+}
+var ModifiersContext = createContext(void 0);
+function ModifiersProvider(props) {
+  var dayPicker = useDayPicker();
+  var selectMultiple = useSelectMultiple();
+  var selectRange = useSelectRange();
+  var internalModifiers = getInternalModifiers(dayPicker, selectMultiple, selectRange);
+  var customModifiers = getCustomModifiers(dayPicker.modifiers);
+  var modifiers = __assign(__assign({}, internalModifiers), customModifiers);
+  return jsx(ModifiersContext.Provider, { value: modifiers, children: props.children });
+}
+function useModifiers() {
+  var context = useContext(ModifiersContext);
+  if (!context) {
     throw new Error("useModifiers must be used within a ModifiersProvider");
-  return e;
-}
-function br(e) {
-  return !!(e && typeof e == "object" && "before" in e && "after" in e);
-}
-function gr(e) {
-  return !!(e && typeof e == "object" && "from" in e);
-}
-function _r(e) {
-  return !!(e && typeof e == "object" && "after" in e);
-}
-function wr(e) {
-  return !!(e && typeof e == "object" && "before" in e);
-}
-function Dr(e) {
-  return !!(e && typeof e == "object" && "dayOfWeek" in e);
-}
-function Mr(e, t) {
-  var n, r = t.from, a = t.to;
-  if (r && a) {
-    var o = U(a, r) < 0;
-    o && (n = [a, r], r = n[0], a = n[1]);
-    var i = U(e, r) >= 0 && U(a, e) >= 0;
-    return i;
-  }
-  return a ? N(a, e) : r ? N(r, e) : !1;
-}
-function kr(e) {
-  return yt(e);
-}
-function Nr(e) {
-  return Array.isArray(e) && e.every(yt);
-}
-function Cr(e, t) {
-  return t.some(function(n) {
-    if (typeof n == "boolean")
-      return n;
-    if (kr(n))
-      return N(e, n);
-    if (Nr(n))
-      return n.includes(e);
-    if (gr(n))
-      return Mr(e, n);
-    if (Dr(n))
-      return n.dayOfWeek.includes(e.getDay());
-    if (br(n)) {
-      var r = U(n.before, e), a = U(n.after, e), o = r > 0, i = a < 0, l = ge(n.before, n.after);
-      return l ? i && o : o || i;
-    }
-    return _r(n) ? U(e, n.after) > 0 : wr(n) ? U(n.before, e) > 0 : typeof n == "function" ? n(e) : !1;
+  }
+  return context;
+}
+function isDateInterval(matcher) {
+  return Boolean(matcher && typeof matcher === "object" && "before" in matcher && "after" in matcher);
+}
+function isDateRange(value) {
+  return Boolean(value && typeof value === "object" && "from" in value);
+}
+function isDateAfterType(value) {
+  return Boolean(value && typeof value === "object" && "after" in value);
+}
+function isDateBeforeType(value) {
+  return Boolean(value && typeof value === "object" && "before" in value);
+}
+function isDayOfWeekType(value) {
+  return Boolean(value && typeof value === "object" && "dayOfWeek" in value);
+}
+function isDateInRange(date, range) {
+  var _a;
+  var from = range.from, to = range.to;
+  if (from && to) {
+    var isRangeInverted = 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;
+    return isInRange;
+  }
+  if (to) {
+    return isSameDay(to, date);
+  }
+  if (from) {
+    return isSameDay(from, date);
+  }
+  return false;
+}
+function isDateType(value) {
+  return isDate(value);
+}
+function isArrayOfDates(value) {
+  return Array.isArray(value) && value.every(isDate);
+}
+function isMatch(day, matchers) {
+  return matchers.some(function(matcher) {
+    if (typeof matcher === "boolean") {
+      return matcher;
+    }
+    if (isDateType(matcher)) {
+      return isSameDay(day, matcher);
+    }
+    if (isArrayOfDates(matcher)) {
+      return matcher.includes(day);
+    }
+    if (isDateRange(matcher)) {
+      return isDateInRange(day, matcher);
+    }
+    if (isDayOfWeekType(matcher)) {
+      return matcher.dayOfWeek.includes(day.getDay());
+    }
+    if (isDateInterval(matcher)) {
+      var diffBefore = differenceInCalendarDays(matcher.before, day);
+      var diffAfter = differenceInCalendarDays(matcher.after, day);
+      var isDayBefore = diffBefore > 0;
+      var isDayAfter = diffAfter < 0;
+      var isClosedInterval = isAfter(matcher.before, matcher.after);
+      if (isClosedInterval) {
+        return isDayAfter && isDayBefore;
+      } else {
+        return isDayBefore || isDayAfter;
+      }
+    }
+    if (isDateAfterType(matcher)) {
+      return differenceInCalendarDays(day, matcher.after) > 0;
+    }
+    if (isDateBeforeType(matcher)) {
+      return differenceInCalendarDays(matcher.before, day) > 0;
+    }
+    if (typeof matcher === "function") {
+      return matcher(day);
+    }
+    return false;
   });
 }
-function Ze(e, t, n) {
-  var r = Object.keys(t).reduce(function(o, i) {
-    var l = t[i];
-    return Cr(e, l) && o.push(i), o;
-  }, []), a = {};
-  return r.forEach(function(o) {
-    return a[o] = !0;
-  }), n && !Ae(e, n) && (a.outside = !0), a;
-}
-function Pr(e, t) {
-  for (var n = S(e[0]), r = Fe(e[e.length - 1]), a, o, i = n; i <= r; ) {
-    var l = Ze(i, t), d = !l.disabled && !l.hidden;
-    if (!d) {
-      i = W(i, 1);
-      continue;
+function getActiveModifiers(day, modifiers, displayMonth) {
+  var matchedModifiers = Object.keys(modifiers).reduce(function(result, key) {
+    var modifier = modifiers[key];
+    if (isMatch(day, modifier)) {
+      result.push(key);
     }
-    if (l.selected)
-      return i;
-    l.today && !o && (o = i), a || (a = i), i = W(i, 1);
-  }
-  return o || a;
-}
-var xr = 365;
-function xt(e, t) {
-  var n = t.moveBy, r = t.direction, a = t.context, o = t.modifiers, i = t.retry, l = i === void 0 ? { count: 0, lastFocused: e } : i, d = a.weekStartsOn, u = a.fromDate, c = a.toDate, f = a.locale, v = {
-    day: W,
-    week: Ee,
-    month: j,
-    year: tn,
-    startOfWeek: function(p) {
-      return a.ISOWeek ? Ye(p) : je(p, { locale: f, weekStartsOn: d });
-    },
-    endOfWeek: function(p) {
-      return a.ISOWeek ? ht(p) : pt(p, { locale: f, weekStartsOn: d });
-    }
-  }, m = v[n](e, r === "after" ? 1 : -1);
-  r === "before" && u ? m = Jt([u, m]) : r === "after" && c && (m = Qt([c, m]));
-  var y = !0;
-  if (o) {
-    var _ = Ze(m, o);
-    y = !_.disabled && !_.hidden;
-  }
-  return y ? m : l.count > xr ? l.lastFocused : xt(m, {
-    moveBy: n,
-    direction: r,
-    context: a,
-    modifiers: o,
-    retry: g(g({}, l), { count: l.count + 1 })
+    return result;
+  }, []);
+  var activeModifiers = {};
+  matchedModifiers.forEach(function(modifier) {
+    return activeModifiers[modifier] = true;
   });
+  if (displayMonth && !isSameMonth(day, displayMonth)) {
+    activeModifiers.outside = true;
+  }
+  return activeModifiers;
+}
+function getInitialFocusTarget(displayMonths, modifiers) {
+  var firstDayInMonth = startOfMonth(displayMonths[0]);
+  var lastDayInMonth = endOfMonth(displayMonths[displayMonths.length - 1]);
+  var firstFocusableDay;
+  var today;
+  var date = firstDayInMonth;
+  while (date <= lastDayInMonth) {
+    var activeModifiers = getActiveModifiers(date, modifiers);
+    var isFocusable = !activeModifiers.disabled && !activeModifiers.hidden;
+    if (!isFocusable) {
+      date = addDays(date, 1);
+      continue;
+    }
+    if (activeModifiers.selected) {
+      return date;
+    }
+    if (activeModifiers.today && !today) {
+      today = date;
+    }
+    if (!firstFocusableDay) {
+      firstFocusableDay = date;
+    }
+    date = addDays(date, 1);
+  }
+  if (today) {
+    return today;
+  } else {
+    return firstFocusableDay;
+  }
 }
-var Ot = ne(void 0);
-function Or(e) {
-  var t = ce(), n = Pt(), r = B(), a = r[0], o = r[1], i = B(), l = i[0], d = i[1], u = Pr(t.displayMonths, n), c = a ?? (l && t.isDateDisplayed(l)) ? l : u, f = function() {
-    d(a), o(void 0);
-  }, v = function(p) {
-    o(p);
-  }, m = k(), y = function(p, D) {
-    if (a) {
-      var M = xt(a, {
-        moveBy: p,
-        direction: D,
-        context: m,
-        modifiers: n
-      });
-      N(a, M) || (t.goToDate(M, a), v(M));
+var MAX_RETRY = 365;
+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,
+    startOfWeek: function(date) {
+      return context.ISOWeek ? startOfISOWeek(date) : startOfWeek(date, { locale, weekStartsOn });
+    },
+    endOfWeek: function(date) {
+      return context.ISOWeek ? endOfISOWeek(date) : endOfWeek(date, { locale, weekStartsOn });
     }
-  }, _ = {
-    focusedDay: a,
-    focusTarget: c,
-    blur: f,
-    focus: v,
+  };
+  var newFocusedDay = moveFns[moveBy](focusedDay, direction === "after" ? 1 : -1);
+  if (direction === "before" && fromDate) {
+    newFocusedDay = max([fromDate, newFocusedDay]);
+  } else if (direction === "after" && toDate) {
+    newFocusedDay = min([toDate, newFocusedDay]);
+  }
+  var isFocusable = true;
+  if (modifiers) {
+    var activeModifiers = getActiveModifiers(newFocusedDay, modifiers);
+    isFocusable = !activeModifiers.disabled && !activeModifiers.hidden;
+  }
+  if (isFocusable) {
+    return newFocusedDay;
+  } else {
+    if (retry.count > MAX_RETRY) {
+      return retry.lastFocused;
+    }
+    return getNextFocus(newFocusedDay, {
+      moveBy,
+      direction,
+      context,
+      modifiers,
+      retry: __assign(__assign({}, retry), { count: retry.count + 1 })
+    });
+  }
+}
+var FocusContext = createContext(void 0);
+function FocusProvider(props) {
+  var navigation = useNavigation();
+  var modifiers = useModifiers();
+  var _a = useState(), focusedDay = _a[0], setFocusedDay = _a[1];
+  var _b = useState(), lastFocused = _b[0], setLastFocused = _b[1];
+  var initialFocusTarget = getInitialFocusTarget(navigation.displayMonths, modifiers);
+  var focusTarget = (focusedDay !== null && focusedDay !== void 0 ? focusedDay : lastFocused && navigation.isDateDisplayed(lastFocused)) ? lastFocused : initialFocusTarget;
+  var blur = function() {
+    setLastFocused(focusedDay);
+    setFocusedDay(void 0);
+  };
+  var focus = function(date) {
+    setFocusedDay(date);
+  };
+  var context = useDayPicker();
+  var moveFocus = function(moveBy, direction) {
+    if (!focusedDay)
+      return;
+    var nextFocused = getNextFocus(focusedDay, {
+      moveBy,
+      direction,
+      context,
+      modifiers
+    });
+    if (isSameDay(focusedDay, nextFocused))
+      return void 0;
+    navigation.goToDate(nextFocused, focusedDay);
+    focus(nextFocused);
+  };
+  var value = {
+    focusedDay,
+    focusTarget,
+    blur,
+    focus,
     focusDayAfter: function() {
-      return y("day", "after");
+      return moveFocus("day", "after");
     },
     focusDayBefore: function() {
-      return y("day", "before");
+      return moveFocus("day", "before");
     },
     focusWeekAfter: function() {
-      return y("week", "after");
+      return moveFocus("week", "after");
     },
     focusWeekBefore: function() {
-      return y("week", "before");
+      return moveFocus("week", "before");
     },
     focusMonthBefore: function() {
-      return y("month", "before");
+      return moveFocus("month", "before");
     },
     focusMonthAfter: function() {
-      return y("month", "after");
+      return moveFocus("month", "after");
     },
     focusYearBefore: function() {
-      return y("year", "before");
+      return moveFocus("year", "before");
     },
     focusYearAfter: function() {
-      return y("year", "after");
+      return moveFocus("year", "after");
     },
     focusStartOfWeek: function() {
-      return y("startOfWeek", "before");
+      return moveFocus("startOfWeek", "before");
     },
     focusEndOfWeek: function() {
-      return y("endOfWeek", "after");
+      return moveFocus("endOfWeek", "after");
     }
   };
-  return s(Ot.Provider, { value: _, children: e.children });
+  return jsx(FocusContext.Provider, { value, children: props.children });
 }
-function Ge() {
-  var e = re(Ot);
-  if (!e)
+function useFocusContext() {
+  var context = useContext(FocusContext);
+  if (!context) {
     throw new Error("useFocusContext must be used within a FocusProvider");
-  return e;
+  }
+  return context;
 }
-function Ir(e, t) {
-  var n = Pt(), r = Ze(e, n, t);
-  return r;
+function useActiveModifiers(day, displayMonth) {
+  var modifiers = useModifiers();
+  var activeModifiers = getActiveModifiers(day, modifiers, displayMonth);
+  return activeModifiers;
 }
-var $e = ne(void 0);
-function Wr(e) {
-  if (!we(e.initialProps)) {
-    var t = {
+var SelectSingleContext = createContext(void 0);
+function SelectSingleProvider(props) {
+  if (!isDayPickerSingle(props.initialProps)) {
+    var emptyContextValue = {
       selected: void 0
     };
-    return s($e.Provider, { value: t, children: e.children });
+    return jsx(SelectSingleContext.Provider, { value: emptyContextValue, children: props.children });
   }
-  return s(Sr, { initialProps: e.initialProps, children: e.children });
-}
-function Sr(e) {
-  var t = e.initialProps, n = e.children, r = function(o, i, l) {
-    var d, u, c;
-    if ((d = t.onDayClick) === null || d === void 0 || d.call(t, o, i, l), i.selected && !t.required) {
-      (u = t.onSelect) === null || u === void 0 || u.call(t, void 0, o, i, l);
+  return jsx(SelectSingleProviderInternal, { initialProps: props.initialProps, children: props.children });
+}
+function SelectSingleProviderInternal(_a) {
+  var initialProps = _a.initialProps, children = _a.children;
+  var onDayClick = function(day, activeModifiers, e) {
+    var _a2, _b, _c;
+    (_a2 = initialProps.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(initialProps, day, activeModifiers, e);
+    if (activeModifiers.selected && !initialProps.required) {
+      (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, void 0, day, activeModifiers, e);
       return;
     }
-    (c = t.onSelect) === null || c === void 0 || c.call(t, o, o, i, l);
-  }, a = {
-    selected: t.selected,
-    onDayClick: r
+    (_c = initialProps.onSelect) === null || _c === void 0 ? void 0 : _c.call(initialProps, day, day, activeModifiers, e);
+  };
+  var contextValue = {
+    selected: initialProps.selected,
+    onDayClick
   };
-  return s($e.Provider, { value: a, children: n });
+  return jsx(SelectSingleContext.Provider, { value: contextValue, children });
 }
-function It() {
-  var e = re($e);
-  if (!e)
+function useSelectSingle() {
+  var context = useContext(SelectSingleContext);
+  if (!context) {
     throw new Error("useSelectSingle must be used within a SelectSingleProvider");
-  return e;
-}
-function Lr(e, t) {
-  var n = k(), r = It(), a = Ke(), o = Xe(), i = Ge(), l = i.focusDayAfter, d = i.focusDayBefore, u = i.focusWeekAfter, c = i.focusWeekBefore, f = i.blur, v = i.focus, m = i.focusMonthBefore, y = i.focusMonthAfter, _ = i.focusYearBefore, p = i.focusYearAfter, D = i.focusStartOfWeek, M = i.focusEndOfWeek, I = function(b) {
-    var h, $, T, te;
-    we(n) ? (h = r.onDayClick) === null || h === void 0 || h.call(r, e, t, b) : de(n) ? ($ = a.onDayClick) === null || $ === void 0 || $.call(a, e, t, b) : ue(n) ? (T = o.onDayClick) === null || T === void 0 || T.call(o, e, t, b) : (te = n.onDayClick) === null || te === void 0 || te.call(n, e, t, b);
-  }, E = function(b) {
-    var h;
-    v(e), (h = n.onDayFocus) === null || h === void 0 || h.call(n, e, t, b);
-  }, X = function(b) {
-    var h;
-    f(), (h = n.onDayBlur) === null || h === void 0 || h.call(n, e, t, b);
-  }, x = function(b) {
-    var h;
-    (h = n.onDayMouseEnter) === null || h === void 0 || h.call(n, e, t, b);
-  }, C = function(b) {
-    var h;
-    (h = n.onDayMouseLeave) === null || h === void 0 || h.call(n, e, t, b);
-  }, Y = function(b) {
-    var h;
-    (h = n.onDayPointerEnter) === null || h === void 0 || h.call(n, e, t, b);
-  }, Z = function(b) {
-    var h;
-    (h = n.onDayPointerLeave) === null || h === void 0 || h.call(n, e, t, b);
-  }, Me = function(b) {
-    var h;
-    (h = n.onDayTouchCancel) === null || h === void 0 || h.call(n, e, t, b);
-  }, ke = function(b) {
-    var h;
-    (h = n.onDayTouchEnd) === null || h === void 0 || h.call(n, e, t, b);
-  }, fe = function(b) {
-    var h;
-    (h = n.onDayTouchMove) === null || h === void 0 || h.call(n, e, t, b);
-  }, G = function(b) {
-    var h;
-    (h = n.onDayTouchStart) === null || h === void 0 || h.call(n, e, t, b);
-  }, ee = function(b) {
-    var h;
-    (h = n.onDayKeyUp) === null || h === void 0 || h.call(n, e, t, b);
-  }, Ne = function(b) {
-    var h;
-    switch (b.key) {
+  }
+  return context;
+}
+function useDayEventHandlers(date, activeModifiers) {
+  var dayPicker = useDayPicker();
+  var single = useSelectSingle();
+  var multiple = useSelectMultiple();
+  var range = useSelectRange();
+  var _a = useFocusContext(), focusDayAfter = _a.focusDayAfter, focusDayBefore = _a.focusDayBefore, focusWeekAfter = _a.focusWeekAfter, focusWeekBefore = _a.focusWeekBefore, blur = _a.blur, focus = _a.focus, focusMonthBefore = _a.focusMonthBefore, focusMonthAfter = _a.focusMonthAfter, focusYearBefore = _a.focusYearBefore, focusYearAfter = _a.focusYearAfter, focusStartOfWeek = _a.focusStartOfWeek, focusEndOfWeek = _a.focusEndOfWeek;
+  var onClick = function(e) {
+    var _a2, _b, _c, _d;
+    if (isDayPickerSingle(dayPicker)) {
+      (_a2 = single.onDayClick) === null || _a2 === void 0 ? void 0 : _a2.call(single, date, activeModifiers, e);
+    } else if (isDayPickerMultiple(dayPicker)) {
+      (_b = multiple.onDayClick) === null || _b === void 0 ? void 0 : _b.call(multiple, date, activeModifiers, e);
+    } else if (isDayPickerRange(dayPicker)) {
+      (_c = range.onDayClick) === null || _c === void 0 ? void 0 : _c.call(range, date, activeModifiers, e);
+    } else {
+      (_d = dayPicker.onDayClick) === null || _d === void 0 ? void 0 : _d.call(dayPicker, date, activeModifiers, e);
+    }
+  };
+  var onFocus = function(e) {
+    var _a2;
+    focus(date);
+    (_a2 = dayPicker.onDayFocus) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onBlur = function(e) {
+    var _a2;
+    blur();
+    (_a2 = dayPicker.onDayBlur) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onMouseEnter = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayMouseEnter) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onMouseLeave = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayMouseLeave) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onPointerEnter = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayPointerEnter) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onPointerLeave = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayPointerLeave) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchCancel = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchCancel) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchEnd = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchEnd) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchMove = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchMove) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onTouchStart = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayTouchStart) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onKeyUp = function(e) {
+    var _a2;
+    (_a2 = dayPicker.onDayKeyUp) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var onKeyDown = function(e) {
+    var _a2;
+    switch (e.key) {
       case "ArrowLeft":
-        b.preventDefault(), b.stopPropagation(), n.dir === "rtl" ? l() : d();
+        e.preventDefault();
+        e.stopPropagation();
+        dayPicker.dir === "rtl" ? focusDayAfter() : focusDayBefore();
         break;
       case "ArrowRight":
-        b.preventDefault(), b.stopPropagation(), n.dir === "rtl" ? d() : l();
+        e.preventDefault();
+        e.stopPropagation();
+        dayPicker.dir === "rtl" ? focusDayBefore() : focusDayAfter();
         break;
       case "ArrowDown":
-        b.preventDefault(), b.stopPropagation(), u();
+        e.preventDefault();
+        e.stopPropagation();
+        focusWeekAfter();
         break;
       case "ArrowUp":
-        b.preventDefault(), b.stopPropagation(), c();
+        e.preventDefault();
+        e.stopPropagation();
+        focusWeekBefore();
         break;
       case "PageUp":
-        b.preventDefault(), b.stopPropagation(), b.shiftKey ? _() : m();
+        e.preventDefault();
+        e.stopPropagation();
+        e.shiftKey ? focusYearBefore() : focusMonthBefore();
         break;
       case "PageDown":
-        b.preventDefault(), b.stopPropagation(), b.shiftKey ? p() : y();
+        e.preventDefault();
+        e.stopPropagation();
+        e.shiftKey ? focusYearAfter() : focusMonthAfter();
         break;
       case "Home":
-        b.preventDefault(), b.stopPropagation(), D();
+        e.preventDefault();
+        e.stopPropagation();
+        focusStartOfWeek();
         break;
       case "End":
-        b.preventDefault(), b.stopPropagation(), M();
+        e.preventDefault();
+        e.stopPropagation();
+        focusEndOfWeek();
         break;
     }
-    (h = n.onDayKeyDown) === null || h === void 0 || h.call(n, e, t, b);
-  }, ae = {
-    onClick: I,
-    onFocus: E,
-    onBlur: X,
-    onKeyDown: Ne,
-    onKeyUp: ee,
-    onMouseEnter: x,
-    onMouseLeave: C,
-    onPointerEnter: Y,
-    onPointerLeave: Z,
-    onTouchCancel: Me,
-    onTouchEnd: ke,
-    onTouchMove: fe,
-    onTouchStart: G
+    (_a2 = dayPicker.onDayKeyDown) === null || _a2 === void 0 ? void 0 : _a2.call(dayPicker, date, activeModifiers, e);
+  };
+  var eventHandlers = {
+    onClick,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    onKeyUp,
+    onMouseEnter,
+    onMouseLeave,
+    onPointerEnter,
+    onPointerLeave,
+    onTouchCancel,
+    onTouchEnd,
+    onTouchMove,
+    onTouchStart
   };
-  return ae;
-}
-function Er() {
-  var e = k(), t = It(), n = Ke(), r = Xe(), a = we(e) ? t.selected : de(e) ? n.selected : ue(e) ? r.selected : void 0;
-  return a;
-}
-function Rr(e) {
-  return Object.values(H).includes(e);
-}
-function Br(e, t) {
-  var n = [e.classNames.day];
-  return Object.keys(t).forEach(function(r) {
-    var a = e.modifiersClassNames[r];
-    if (a)
-      n.push(a);
-    else if (Rr(r)) {
-      var o = e.classNames["day_".concat(r)];
-      o && n.push(o);
-    }
-  }), n;
-}
-function Tr(e, t) {
-  var n = g({}, e.styles.day);
-  return Object.keys(t).forEach(function(r) {
-    var a;
-    n = g(g({}, n), (a = e.modifiersStyles) === null || a === void 0 ? void 0 : a[r]);
-  }), n;
-}
-function Fr(e, t, n) {
-  var r, a, o, i = k(), l = Ge(), d = Ir(e, t), u = Lr(e, d), c = Er(), f = !!(i.onDayClick || i.mode !== "default");
-  z(function() {
-    var x;
-    d.outside || l.focusedDay && f && N(l.focusedDay, e) && ((x = n.current) === null || x === void 0 || x.focus());
+  return eventHandlers;
+}
+function useSelectedDays() {
+  var dayPicker = useDayPicker();
+  var single = useSelectSingle();
+  var multiple = useSelectMultiple();
+  var range = useSelectRange();
+  var selectedDays = isDayPickerSingle(dayPicker) ? single.selected : isDayPickerMultiple(dayPicker) ? multiple.selected : isDayPickerRange(dayPicker) ? range.selected : void 0;
+  return selectedDays;
+}
+function isInternalModifier(modifier) {
+  return Object.values(InternalModifier).includes(modifier);
+}
+function getDayClassNames(dayPicker, activeModifiers) {
+  var classNames2 = [dayPicker.classNames.day];
+  Object.keys(activeModifiers).forEach(function(modifier) {
+    var customClassName = dayPicker.modifiersClassNames[modifier];
+    if (customClassName) {
+      classNames2.push(customClassName);
+    } else if (isInternalModifier(modifier)) {
+      var internalClassName = dayPicker.classNames["day_".concat(modifier)];
+      if (internalClassName) {
+        classNames2.push(internalClassName);
+      }
+    }
+  });
+  return classNames2;
+}
+function getDayStyle(dayPicker, activeModifiers) {
+  var style = __assign({}, dayPicker.styles.day);
+  Object.keys(activeModifiers).forEach(function(modifier) {
+    var _a;
+    style = __assign(__assign({}, style), (_a = dayPicker.modifiersStyles) === null || _a === void 0 ? void 0 : _a[modifier]);
+  });
+  return style;
+}
+function useDayRender(day, displayMonth, buttonRef) {
+  var _a;
+  var _b, _c;
+  var dayPicker = useDayPicker();
+  var focusContext = useFocusContext();
+  var activeModifiers = useActiveModifiers(day, displayMonth);
+  var eventHandlers = useDayEventHandlers(day, activeModifiers);
+  var selectedDays = useSelectedDays();
+  var isButton = Boolean(dayPicker.onDayClick || dayPicker.mode !== "default");
+  useEffect(function() {
+    var _a2;
+    if (activeModifiers.outside)
+      return;
+    if (!focusContext.focusedDay)
+      return;
+    if (!isButton)
+      return;
+    if (isSameDay(focusContext.focusedDay, day)) {
+      (_a2 = buttonRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
+    }
   }, [
-    l.focusedDay,
-    e,
-    n,
-    f,
-    d.outside
+    focusContext.focusedDay,
+    day,
+    buttonRef,
+    isButton,
+    activeModifiers.outside
   ]);
-  var v = Br(i, d).join(" "), m = Tr(i, d), y = !!(d.outside && !i.showOutsideDays || d.hidden), _ = (o = (a = i.components) === null || a === void 0 ? void 0 : a.DayContent) !== null && o !== void 0 ? o : or, p = s(_, { date: e, displayMonth: t, activeModifiers: d }), D = {
-    style: m,
-    className: v,
-    children: p,
+  var className = getDayClassNames(dayPicker, activeModifiers).join(" ");
+  var style = getDayStyle(dayPicker, activeModifiers);
+  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;
+  var children = jsx(DayContentComponent, { date: day, displayMonth, activeModifiers });
+  var divProps = {
+    style,
+    className,
+    children,
     role: "gridcell"
-  }, M = l.focusTarget && N(l.focusTarget, e) && !d.outside, I = l.focusedDay && N(l.focusedDay, e), E = g(g(g({}, D), (r = { disabled: d.disabled, role: "gridcell" }, r["aria-selected"] = d.selected, r.tabIndex = I || M ? 0 : -1, r)), u), X = {
-    isButton: f,
-    isHidden: y,
-    activeModifiers: d,
-    selectedDays: c,
-    buttonProps: E,
-    divProps: D
   };
-  return X;
-}
-function Ar(e) {
-  var t = oe(null), n = Fr(e.date, e.displayMonth, t);
-  return n.isHidden ? s("div", { role: "gridcell" }) : n.isButton ? s(_e, g({ name: "day", ref: t }, n.buttonProps)) : s("div", g({}, n.divProps));
-}
-function Hr(e) {
-  var t = e.number, n = e.dates, r = k(), a = r.onWeekNumberClick, o = r.styles, i = r.classNames, l = r.locale, d = r.labels.labelWeekNumber, u = r.formatters.formatWeekNumber, c = u(Number(t), { locale: l });
-  if (!a)
-    return s("span", { className: i.weeknumber, style: o.weeknumber, children: c });
-  var f = d(Number(t), { locale: l }), v = function(m) {
-    a(t, n, m);
+  var isFocusTarget = focusContext.focusTarget && isSameDay(focusContext.focusTarget, day) && !activeModifiers.outside;
+  var isFocused = focusContext.focusedDay && 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,
+    isHidden,
+    activeModifiers,
+    selectedDays,
+    buttonProps,
+    divProps
   };
-  return s(_e, { name: "week-number", "aria-label": f, className: i.weeknumber, style: o.weeknumber, onClick: v, children: c });
+  return dayRender;
 }
-function Yr(e) {
-  var t, n, r = k(), a = r.styles, o = r.classNames, i = r.showWeekNumber, l = r.components, d = (t = l == null ? void 0 : l.Day) !== null && t !== void 0 ? t : Ar, u = (n = l == null ? void 0 : l.WeekNumber) !== null && n !== void 0 ? n : Hr, c;
-  return i && (c = s("td", { className: o.cell, style: a.cell, children: s(u, { number: e.weekNumber, dates: e.dates }) })), L("tr", { className: o.row, style: a.row, children: [c, e.dates.map(function(f) {
-    return s("td", { className: o.cell, style: a.cell, role: "presentation", children: s(d, { displayMonth: e.displayMonth, date: f }) }, Zt(f));
+function Day(props) {
+  var buttonRef = useRef(null);
+  var dayRender = useDayRender(props.date, props.displayMonth, buttonRef);
+  if (dayRender.isHidden) {
+    return jsx("div", { role: "gridcell" });
+  }
+  if (!dayRender.isButton) {
+    return jsx("div", __assign({}, dayRender.divProps));
+  }
+  return jsx(Button, __assign({ name: "day", ref: buttonRef }, dayRender.buttonProps));
+}
+function WeekNumber(props) {
+  var weekNumber = props.number, dates = props.dates;
+  var _a = useDayPicker(), onWeekNumberClick = _a.onWeekNumberClick, styles2 = _a.styles, classNames2 = _a.classNames, locale = _a.locale, labelWeekNumber2 = _a.labels.labelWeekNumber, formatWeekNumber2 = _a.formatters.formatWeekNumber;
+  var content = formatWeekNumber2(Number(weekNumber), { locale });
+  if (!onWeekNumberClick) {
+    return jsx("span", { className: classNames2.weeknumber, style: styles2.weeknumber, children: content });
+  }
+  var label = labelWeekNumber2(Number(weekNumber), { locale });
+  var handleClick = function(e) {
+    onWeekNumberClick(weekNumber, dates, e);
+  };
+  return jsx(Button, { name: "week-number", "aria-label": label, className: classNames2.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content });
+}
+function Row(props) {
+  var _a, _b;
+  var _c = useDayPicker(), styles2 = _c.styles, classNames2 = _c.classNames, showWeekNumber = _c.showWeekNumber, components = _c.components;
+  var DayComponent = (_a = components === null || components === void 0 ? void 0 : components.Day) !== null && _a !== void 0 ? _a : Day;
+  var WeeknumberComponent = (_b = components === null || components === void 0 ? void 0 : components.WeekNumber) !== null && _b !== void 0 ? _b : WeekNumber;
+  var weekNumberCell;
+  if (showWeekNumber) {
+    weekNumberCell = jsx("td", { className: classNames2.cell, style: styles2.cell, children: jsx(WeeknumberComponent, { number: props.weekNumber, dates: props.dates }) });
+  }
+  return jsxs("tr", { className: classNames2.row, style: styles2.row, children: [weekNumberCell, props.dates.map(function(date) {
+    return jsx("td", { className: classNames2.cell, style: styles2.cell, role: "presentation", children: jsx(DayComponent, { displayMonth: props.displayMonth, date }) }, getUnixTime(date));
   })] });
 }
-function ut(e, t, n) {
-  for (var r = n != null && n.ISOWeek ? ht(t) : pt(t, n), a = n != null && n.ISOWeek ? Ye(e) : je(e, n), o = U(r, a), i = [], l = 0; l <= o; l++)
-    i.push(W(a, l));
-  var d = i.reduce(function(u, c) {
-    var f = n != null && n.ISOWeek ? zt(c) : en(c, n), v = u.find(function(m) {
-      return m.weekNumber === f;
+function daysToMonthWeeks(fromDate, toDate, options) {
+  var toWeek = (options === null || options === void 0 ? void 0 : options.ISOWeek) ? endOfISOWeek(toDate) : endOfWeek(toDate, options);
+  var fromWeek = (options === null || options === void 0 ? void 0 : options.ISOWeek) ? startOfISOWeek(fromDate) : startOfWeek(fromDate, options);
+  var nOfDays = differenceInCalendarDays(toWeek, fromWeek);
+  var days = [];
+  for (var i = 0; i <= nOfDays; i++) {
+    days.push(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);
+    var existingWeek = result.find(function(value) {
+      return value.weekNumber === weekNumber;
+    });
+    if (existingWeek) {
+      existingWeek.dates.push(date);
+      return result;
+    }
+    result.push({
+      weekNumber,
+      dates: [date]
     });
-    return v ? (v.dates.push(c), u) : (u.push({
-      weekNumber: f,
-      dates: [c]
-    }), u);
+    return result;
   }, []);
-  return d;
-}
-function jr(e, t) {
-  var n = ut(S(e), Fe(e), t);
-  if (t != null && t.useFixedWeeks) {
-    var r = Gt(e, t);
-    if (r < 6) {
-      var a = n[n.length - 1], o = a.dates[a.dates.length - 1], i = Ee(o, 6 - r), l = ut(Ee(o, 1), i, t);
-      n.push.apply(n, l);
-    }
-  }
-  return n;
-}
-function Vr(e) {
-  var t, n, r, a = k(), o = a.locale, i = a.classNames, l = a.styles, d = a.hideHead, u = a.fixedWeeks, c = a.components, f = a.weekStartsOn, v = a.firstWeekContainsDate, m = a.ISOWeek, y = jr(e.displayMonth, {
-    useFixedWeeks: !!u,
-    ISOWeek: m,
-    locale: o,
-    weekStartsOn: f,
-    firstWeekContainsDate: v
-  }), _ = (t = c == null ? void 0 : c.Head) !== null && t !== void 0 ? t : ar, p = (n = c == null ? void 0 : c.Row) !== null && n !== void 0 ? n : Yr, D = (r = c == null ? void 0 : c.Footer) !== null && r !== void 0 ? r : tr;
-  return L("table", { id: e.id, className: i.table, style: l.table, role: "grid", "aria-labelledby": e["aria-labelledby"], children: [!d && s(_, {}), s("tbody", { className: i.tbody, style: l.tbody, children: y.map(function(M) {
-    return s(p, { displayMonth: e.displayMonth, dates: M.dates, weekNumber: M.weekNumber }, M.weekNumber);
-  }) }), s(D, { displayMonth: e.displayMonth })] });
-}
-function Kr() {
-  return !!(typeof window < "u" && window.document && window.document.createElement);
-}
-var Ur = Kr() ? Xt : z, We = !1, Xr = 0;
-function ct() {
-  return "react-day-picker-".concat(++Xr);
-}
-function Zr(e) {
-  var t, n = e ?? (We ? ct() : null), r = B(n), a = r[0], o = r[1];
-  return Ur(function() {
-    a === null && o(ct());
-  }, []), z(function() {
-    We === !1 && (We = !0);
-  }, []), (t = e ?? a) !== null && t !== void 0 ? t : void 0;
-}
-function Gr(e) {
-  var t, n, r = k(), a = r.dir, o = r.classNames, i = r.styles, l = r.components, d = ce().displayMonths, u = Zr(r.id ? "".concat(r.id, "-").concat(e.displayIndex) : void 0), c = r.id ? "".concat(r.id, "-grid-").concat(e.displayIndex) : void 0, f = [o.month], v = i.month, m = e.displayIndex === 0, y = e.displayIndex === d.length - 1, _ = !m && !y;
-  a === "rtl" && (t = [m, y], y = t[0], m = t[1]), m && (f.push(o.caption_start), v = g(g({}, v), i.caption_start)), y && (f.push(o.caption_end), v = g(g({}, v), i.caption_end)), _ && (f.push(o.caption_between), v = g(g({}, v), i.caption_between));
-  var p = (n = l == null ? void 0 : l.Caption) !== null && n !== void 0 ? n : er;
-  return L("div", { className: f.join(" "), style: v, children: [s(p, { id: u, displayMonth: e.displayMonth, displayIndex: e.displayIndex }), s(Vr, { id: c, "aria-labelledby": u, displayMonth: e.displayMonth })] }, e.displayIndex);
-}
-function $r(e) {
-  var t = k(), n = t.classNames, r = t.styles;
-  return s("div", { className: n.months, style: r.months, children: e.children });
-}
-function qr(e) {
-  var t, n, r = e.initialProps, a = k(), o = Ge(), i = ce(), l = B(!1), d = l[0], u = l[1];
-  z(function() {
-    a.initialFocus && o.focusTarget && (d || (o.focus(o.focusTarget), u(!0)));
+  return weeksInMonth;
+}
+function getMonthWeeks(month, options) {
+  var weeksInMonth = daysToMonthWeeks(startOfMonth(month), endOfMonth(month), options);
+  if (options === null || options === void 0 ? void 0 : options.useFixedWeeks) {
+    var nrOfMonthWeeks = 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);
+      weeksInMonth.push.apply(weeksInMonth, extraWeeks);
+    }
+  }
+  return weeksInMonth;
+}
+function Table(props) {
+  var _a, _b, _c;
+  var _d = useDayPicker(), locale = _d.locale, classNames2 = _d.classNames, styles2 = _d.styles, hideHead = _d.hideHead, fixedWeeks = _d.fixedWeeks, components = _d.components, weekStartsOn = _d.weekStartsOn, firstWeekContainsDate = _d.firstWeekContainsDate, ISOWeek = _d.ISOWeek;
+  var weeks = getMonthWeeks(props.displayMonth, {
+    useFixedWeeks: Boolean(fixedWeeks),
+    ISOWeek,
+    locale,
+    weekStartsOn,
+    firstWeekContainsDate
+  });
+  var HeadComponent = (_a = components === null || components === void 0 ? void 0 : components.Head) !== null && _a !== void 0 ? _a : Head;
+  var RowComponent = (_b = components === null || components === void 0 ? void 0 : components.Row) !== null && _b !== void 0 ? _b : Row;
+  var FooterComponent = (_c = components === null || components === void 0 ? void 0 : components.Footer) !== null && _c !== void 0 ? _c : Footer;
+  return jsxs("table", { id: props.id, className: classNames2.table, style: styles2.table, role: "grid", "aria-labelledby": props["aria-labelledby"], children: [!hideHead && jsx(HeadComponent, {}), jsx("tbody", { className: classNames2.tbody, style: styles2.tbody, children: weeks.map(function(week) {
+    return jsx(RowComponent, { displayMonth: props.displayMonth, dates: week.dates, weekNumber: week.weekNumber }, week.weekNumber);
+  }) }), jsx(FooterComponent, { displayMonth: props.displayMonth })] });
+}
+function canUseDOM() {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+var useIsomorphicLayoutEffect = canUseDOM() ? useLayoutEffect : useEffect;
+var serverHandoffComplete = false;
+var id = 0;
+function genId() {
+  return "react-day-picker-".concat(++id);
+}
+function useId(providedId) {
+  var _a;
+  var initialId = providedId !== null && providedId !== void 0 ? providedId : serverHandoffComplete ? genId() : null;
+  var _b = useState(initialId), id2 = _b[0], setId = _b[1];
+  useIsomorphicLayoutEffect(function() {
+    if (id2 === null) {
+      setId(genId());
+    }
+  }, []);
+  useEffect(function() {
+    if (serverHandoffComplete === false) {
+      serverHandoffComplete = true;
+    }
+  }, []);
+  return (_a = providedId !== null && providedId !== void 0 ? providedId : id2) !== null && _a !== void 0 ? _a : void 0;
+}
+function Month(props) {
+  var _a;
+  var _b;
+  var dayPicker = useDayPicker();
+  var dir = dayPicker.dir, classNames2 = dayPicker.classNames, styles2 = dayPicker.styles, components = dayPicker.components;
+  var displayMonths = useNavigation().displayMonths;
+  var captionId = useId(dayPicker.id ? "".concat(dayPicker.id, "-").concat(props.displayIndex) : void 0);
+  var tableId = dayPicker.id ? "".concat(dayPicker.id, "-grid-").concat(props.displayIndex) : void 0;
+  var className = [classNames2.month];
+  var style = styles2.month;
+  var isStart = props.displayIndex === 0;
+  var isEnd = props.displayIndex === displayMonths.length - 1;
+  var isCenter = !isStart && !isEnd;
+  if (dir === "rtl") {
+    _a = [isStart, isEnd], isEnd = _a[0], isStart = _a[1];
+  }
+  if (isStart) {
+    className.push(classNames2.caption_start);
+    style = __assign(__assign({}, style), styles2.caption_start);
+  }
+  if (isEnd) {
+    className.push(classNames2.caption_end);
+    style = __assign(__assign({}, style), styles2.caption_end);
+  }
+  if (isCenter) {
+    className.push(classNames2.caption_between);
+    style = __assign(__assign({}, style), styles2.caption_between);
+  }
+  var CaptionComponent = (_b = components === null || components === void 0 ? void 0 : components.Caption) !== null && _b !== void 0 ? _b : Caption;
+  return jsxs("div", { className: className.join(" "), style, children: [jsx(CaptionComponent, { id: captionId, displayMonth: props.displayMonth, displayIndex: props.displayIndex }), jsx(Table, { id: tableId, "aria-labelledby": captionId, displayMonth: props.displayMonth })] }, props.displayIndex);
+}
+function Months(props) {
+  var _a = useDayPicker(), classNames2 = _a.classNames, styles2 = _a.styles;
+  return jsx("div", { className: classNames2.months, style: styles2.months, children: props.children });
+}
+function Root(_a) {
+  var _b, _c;
+  var initialProps = _a.initialProps;
+  var dayPicker = useDayPicker();
+  var focusContext = useFocusContext();
+  var navigation = useNavigation();
+  var _d = useState(false), hasInitialFocus = _d[0], setHasInitialFocus = _d[1];
+  useEffect(function() {
+    if (!dayPicker.initialFocus)
+      return;
+    if (!focusContext.focusTarget)
+      return;
+    if (hasInitialFocus)
+      return;
+    focusContext.focus(focusContext.focusTarget);
+    setHasInitialFocus(true);
   }, [
-    a.initialFocus,
-    d,
-    o.focus,
-    o.focusTarget,
-    o
+    dayPicker.initialFocus,
+    hasInitialFocus,
+    focusContext.focus,
+    focusContext.focusTarget,
+    focusContext
   ]);
-  var c = [a.classNames.root, a.className];
-  a.numberOfMonths > 1 && c.push(a.classNames.multiple_months), a.showWeekNumber && c.push(a.classNames.with_weeknumber);
-  var f = g(g({}, a.styles.root), a.style), v = Object.keys(r).filter(function(y) {
-    return y.startsWith("data-");
-  }).reduce(function(y, _) {
-    var p;
-    return g(g({}, y), (p = {}, p[_] = r[_], p));
-  }, {}), m = (n = (t = r.components) === null || t === void 0 ? void 0 : t.Months) !== null && n !== void 0 ? n : $r;
-  return s("div", g({ className: c.join(" "), style: f, dir: a.dir, id: a.id, nonce: r.nonce, title: r.title, lang: r.lang }, v, { children: s(m, { children: i.displayMonths.map(function(y, _) {
-    return s(Gr, { displayIndex: _, displayMonth: y }, _);
+  var classNames2 = [dayPicker.classNames.root, dayPicker.className];
+  if (dayPicker.numberOfMonths > 1) {
+    classNames2.push(dayPicker.classNames.multiple_months);
+  }
+  if (dayPicker.showWeekNumber) {
+    classNames2.push(dayPicker.classNames.with_weeknumber);
+  }
+  var style = __assign(__assign({}, dayPicker.styles.root), dayPicker.style);
+  var dataAttributes = Object.keys(initialProps).filter(function(key) {
+    return key.startsWith("data-");
+  }).reduce(function(attrs, key) {
+    var _a2;
+    return __assign(__assign({}, attrs), (_a2 = {}, _a2[key] = initialProps[key], _a2));
+  }, {});
+  var MonthsComponent = (_c = (_b = initialProps.components) === null || _b === void 0 ? void 0 : _b.Months) !== null && _c !== void 0 ? _c : Months;
+  return jsx("div", __assign({ className: classNames2.join(" "), style, dir: dayPicker.dir, id: dayPicker.id, nonce: initialProps.nonce, title: initialProps.title, lang: initialProps.lang }, dataAttributes, { children: jsx(MonthsComponent, { children: navigation.displayMonths.map(function(month, i) {
+    return jsx(Month, { displayIndex: i, displayMonth: month }, i);
   }) }) }));
 }
-function Jr(e) {
-  var t = e.children, n = wn(e, ["children"]);
-  return s(Hn, { initialProps: n, children: s(qn, { children: s(Wr, { initialProps: n, children: s(ir, { initialProps: n, children: s(dr, { initialProps: n, children: s(yr, { children: s(Or, { children: t }) }) }) }) }) }) });
-}
-function Qr(e) {
-  return s(Jr, g({}, e, { children: s(qr, { initialProps: e }) }));
-}
-const zr = 329, Q = 12, De = 26, Wt = 20, Te = 9, ft = 12, St = (e, t, n) => n !== F.positionautomatic && n !== void 0 ? n : e.top > t.height + De ? F.positionabove : F.positionbelow, ea = (e) => e.left + e.width / 4, ta = (e) => document.documentElement.clientWidth - e.right + e.width / 4, na = (e, t) => e.left + t.width, ra = (e) => e.left > Q, aa = (e, t) => na(e, t) < document.documentElement.clientWidth - Q, oa = (e, t) => aa(e, t) ? ra(e) ? "floating" : "left" : "right", Se = (e, t) => e.top - De - t.height, Le = (e) => e.bottom + De, ia = () => document.documentElement.clientWidth - Q * 2, la = () => document.documentElement.clientWidth > zr + Q * 2, vt = (e) => e.top - De - Te + 5, sa = (e) => ea(e) - Wt / 2, da = (e) => ta(e) - Wt / 2, ua = (e, t, n) => {
-  const r = oa(e, t), a = St(e, t, n);
-  return r === "left" ? a === F.positionabove ? "leftabove" : "leftbelow" : r === "right" ? a === F.positionabove ? "rightabove" : "rightbelow" : a === F.positionabove ? "floatingabove" : "floatingbelow";
-}, ca = (e, t, n) => {
-  const r = ua(e, t, n), a = la() ? void 0 : ia();
-  return r === "leftabove" ? {
-    left: Q,
-    top: Se(e, t),
-    width: a
-  } : r === "leftbelow" ? { left: Q, top: Le(e), width: a } : r === "rightabove" ? { right: Q, top: Se(e, t), width: a } : r === "rightbelow" ? { right: Q, top: Le(e), width: a } : r === "floatingbelow" ? { left: mt(e, t), top: Le(e), width: a } : { left: mt(e, t), top: Se(e, t), width: a };
-}, mt = (e, t) => fa(e) - t.width / 2, fa = (e) => e.left + e.width / 2, va = (e, t, n) => {
-  const r = sa(t), a = da(t), o = e.left + ft, i = e.right + ft;
-  return e.right ? n === F.positionabove ? {
-    right: a > i ? a : i,
-    top: vt(t)
-  } : {
-    right: a > i ? a : i,
-    top: t.bottom + Te
-  } : n === F.positionabove ? {
-    left: r > o ? r : o,
-    top: vt(t)
-  } : {
-    left: r > o ? r : o,
-    top: t.bottom + Te
+function RootProvider(props) {
+  var children = props.children, initialProps = __rest(props, ["children"]);
+  return jsx(DayPickerProvider, { initialProps, children: jsx(NavigationProvider, { children: jsx(SelectSingleProvider, { initialProps, children: jsx(SelectMultipleProvider, { initialProps, children: jsx(SelectRangeProvider, { initialProps, children: jsx(ModifiersProvider, { children: jsx(FocusProvider, { children }) }) }) }) }) }) });
+}
+function DayPicker(props) {
+  return jsx(RootProvider, __assign({}, props, { children: jsx(Root, { initialProps: props }) }));
+}
+const BUBBLE_WIDTH_PX = 329;
+const WINDOW_MARGIN_PX = 12;
+const BUBBLE_VERTICAL_OFFSET_PX = 26;
+const ARROW_WIDTH_PX = 20;
+const ARROW_VERTICAL_OFFSET_PX = 9;
+const ARROW_HORIZONTAL_MARGIN_PX = 12;
+const getVerticalPosition = (controllerSize, bubbleSize, variant) => {
+  if (variant !== PopOverVariant.positionautomatic && variant !== void 0) {
+    return variant;
+  }
+  if (controllerSize.top > bubbleSize.height + BUBBLE_VERTICAL_OFFSET_PX) {
+    return PopOverVariant.positionabove;
+  } else {
+    return PopOverVariant.positionbelow;
+  }
+};
+const getControllerLeftEdgePx = (controllerSize) => controllerSize.left + controllerSize.width / 4;
+const getControllerRightEdgePx = (controllerSize) => document.documentElement.clientWidth - controllerSize.right + controllerSize.width / 4;
+const getBubbleRightPx = (controllerSize, bubbleSize) => {
+  return controllerSize.left + bubbleSize.width;
+};
+const getBubbleLeftVisible = (controllerSize) => {
+  return controllerSize.left > WINDOW_MARGIN_PX;
+};
+const getBubbleRightIsVisible = (controllerSize, bubbleSize) => {
+  const bubbleRightPx = getBubbleRightPx(controllerSize, bubbleSize);
+  return bubbleRightPx < document.documentElement.clientWidth - WINDOW_MARGIN_PX;
+};
+const getHorizontalPosition = (controllerSize, bubbleSize) => {
+  if (!getBubbleRightIsVisible(controllerSize, bubbleSize)) {
+    return "right";
+  }
+  if (!getBubbleLeftVisible(controllerSize)) {
+    return "left";
+  }
+  return "floating";
+};
+const getBubbleAbovePx = (controllerSize, bubbleSize) => controllerSize.top - BUBBLE_VERTICAL_OFFSET_PX - bubbleSize.height;
+const getBubbleBelowPx = (controllerSize) => controllerSize.bottom + BUBBLE_VERTICAL_OFFSET_PX;
+const getBubbleWidth = () => document.documentElement.clientWidth - WINDOW_MARGIN_PX * 2;
+const getBubbleFitsInWindow = () => {
+  return document.documentElement.clientWidth > BUBBLE_WIDTH_PX + WINDOW_MARGIN_PX * 2;
+};
+const getArrowTopxPx = (controllerSize) => controllerSize.top - BUBBLE_VERTICAL_OFFSET_PX - ARROW_VERTICAL_OFFSET_PX + 5;
+const getArrowLeftPx = (controllerSize) => getControllerLeftEdgePx(controllerSize) - ARROW_WIDTH_PX / 2;
+const getArrowRightPx = (controllerSize) => getControllerRightEdgePx(controllerSize) - ARROW_WIDTH_PX / 2;
+const getBubblePosition = (controllerSize, bubbleSize, variant) => {
+  const horizontalPosition = getHorizontalPosition(controllerSize, bubbleSize);
+  const verticalPosition = getVerticalPosition(controllerSize, bubbleSize, variant);
+  if (horizontalPosition === "left") {
+    if (verticalPosition === PopOverVariant.positionabove) {
+      return "leftabove";
+    }
+    return "leftbelow";
+  }
+  if (horizontalPosition === "right") {
+    if (verticalPosition === PopOverVariant.positionabove) {
+      return "rightabove";
+    }
+    return "rightbelow";
+  }
+  if (verticalPosition === PopOverVariant.positionabove) {
+    return "floatingabove";
+  }
+  return "floatingbelow";
+};
+const getBubbleStyle = (controllerSize, bubbleSize, variant) => {
+  const bubblePosition = getBubblePosition(controllerSize, bubbleSize, variant);
+  const bubbleWidth = !getBubbleFitsInWindow() ? getBubbleWidth() : void 0;
+  if (bubblePosition === "leftabove") {
+    return {
+      left: WINDOW_MARGIN_PX,
+      top: getBubbleAbovePx(controllerSize, bubbleSize),
+      width: bubbleWidth
+    };
+  }
+  if (bubblePosition === "leftbelow") {
+    return { left: WINDOW_MARGIN_PX, top: getBubbleBelowPx(controllerSize), width: bubbleWidth };
+  }
+  if (bubblePosition === "rightabove") {
+    return { right: WINDOW_MARGIN_PX, top: getBubbleAbovePx(controllerSize, bubbleSize), width: bubbleWidth };
+  }
+  if (bubblePosition === "rightbelow") {
+    return { right: WINDOW_MARGIN_PX, top: getBubbleBelowPx(controllerSize), width: bubbleWidth };
+  }
+  if (bubblePosition === "floatingbelow") {
+    return { left: getBubbleLeftPx(controllerSize, bubbleSize), top: getBubbleBelowPx(controllerSize), width: bubbleWidth };
+  }
+  return { left: getBubbleLeftPx(controllerSize, bubbleSize), top: getBubbleAbovePx(controllerSize, bubbleSize), width: bubbleWidth };
+};
+const getBubbleLeftPx = (controllerSize, bubbleSize) => {
+  const controllerHorizontalCenterPx = getControllerLeftCenterPx(controllerSize);
+  return controllerHorizontalCenterPx - bubbleSize.width / 2;
+};
+const getControllerLeftCenterPx = (controllerSize) => controllerSize.left + controllerSize.width / 2;
+const getArrowStyle = (bubbleStyle, controllerSize, verticalPosition) => {
+  const leftPx = getArrowLeftPx(controllerSize);
+  const rightPx = getArrowRightPx(controllerSize);
+  const minLeftPx = bubbleStyle.left + ARROW_HORIZONTAL_MARGIN_PX;
+  const minRightPx = bubbleStyle.right + ARROW_HORIZONTAL_MARGIN_PX;
+  if (bubbleStyle.right) {
+    if (verticalPosition === PopOverVariant.positionabove) {
+      return {
+        right: rightPx > minRightPx ? rightPx : minRightPx,
+        top: getArrowTopxPx(controllerSize)
+      };
+    }
+    return {
+      right: rightPx > minRightPx ? rightPx : minRightPx,
+      top: controllerSize.bottom + ARROW_VERTICAL_OFFSET_PX
+    };
+  }
+  if (verticalPosition === PopOverVariant.positionabove) {
+    return {
+      left: leftPx > minLeftPx ? leftPx : minLeftPx,
+      top: getArrowTopxPx(controllerSize)
+    };
+  }
+  return {
+    left: leftPx > minLeftPx ? leftPx : minLeftPx,
+    top: controllerSize.bottom + ARROW_VERTICAL_OFFSET_PX
   };
-}, ma = (e) => {
-  const { datepickerWrapperRef: t, footer: n, inputRef: r, testId: a, variant: o, zIndex: i, ...l } = e, d = oe(null), [u, c] = B(), f = yn(t), v = hn(r, 0);
-  vn(t, !0);
-  const m = () => {
-    var E;
-    c((E = r.current) == null ? void 0 : E.getBoundingClientRect());
+};
+const DatePickerPopup = (props) => {
+  const { datepickerWrapperRef, footer, inputRef, testId, variant, zIndex, ...rest } = props;
+  const arrowRef = useRef(null);
+  const [controllerSize, setControllerSize] = useState();
+  const bubbleSize = useSize(datepickerWrapperRef);
+  const controllerisVisible = useIsVisible(inputRef, 0);
+  useFocusTrap(datepickerWrapperRef, true);
+  const updateControllerSize = () => {
+    var _a;
+    setControllerSize((_a = inputRef.current) == null ? void 0 : _a.getBoundingClientRect());
   };
-  J.useEffect(() => {
-    m();
-  }, []), mn(m, 500), pn(m, ["scroll", "resize"], 10);
-  const y = Be(P["datepicker-popup-container"], {
-    [P["datepicker-popup-container--visible"]]: v
-  }), _ = u && f && St(u, f, o), p = Be(P["datepicker-popup-arrow"], {
-    [P["datepicker-popup-arrow--visible"]]: v,
-    [P["datepicker-popup-arrow--over"]]: _ === F.positionbelow,
-    [P["datepicker-popup-arrow--under"]]: _ === F.positionabove
-  }), D = u && f && ca(u, f, o), M = D && u && _ && va(D, u, _), I = {
-    ...fn,
-    ...P
+  React.useEffect(() => {
+    updateControllerSize();
+  }, []);
+  useInterval(updateControllerSize, 500);
+  useLayoutEvent(updateControllerSize, ["scroll", "resize"], 10);
+  const datepickerPopupContainerClasses = classNames(styles["datepicker-popup-container"], {
+    [styles["datepicker-popup-container--visible"]]: controllerisVisible
+  });
+  const verticalPosition = controllerSize && bubbleSize && getVerticalPosition(controllerSize, bubbleSize, variant);
+  const popupArrowClasses = classNames(styles["datepicker-popup-arrow"], {
+    [styles["datepicker-popup-arrow--visible"]]: controllerisVisible,
+    [styles["datepicker-popup-arrow--over"]]: verticalPosition === PopOverVariant.positionbelow,
+    [styles["datepicker-popup-arrow--under"]]: verticalPosition === PopOverVariant.positionabove
+  });
+  const bubbleStyle = controllerSize && bubbleSize && getBubbleStyle(controllerSize, bubbleSize, variant);
+  const arrowStyle = bubbleStyle && controllerSize && verticalPosition && getArrowStyle(bubbleStyle, controllerSize, verticalPosition);
+  const datePickerClassNames = {
+    ...reactdaypickerstyles,
+    ...styles
   };
-  return /* @__PURE__ */ L(A, { children: [
-    /* @__PURE__ */ s("div", { className: y, "data-testid": a, ref: t, style: { ...D, zIndex: i }, children: /* @__PURE__ */ s(
-      Qr,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: datepickerPopupContainerClasses, "data-testid": testId, ref: datepickerWrapperRef, style: { ...bubbleStyle, zIndex }, children: /* @__PURE__ */ jsx(
+      DayPicker,
       {
         captionLayout: "dropdown-buttons",
-        classNames: I,
+        classNames: datePickerClassNames,
         mode: "single",
-        style: { "--rdp-cell-size": bn("l") },
-        modifiersClassNames: { today: P["day--today"], selected: P.day_selected, disabled: P["day--disabled"] },
-        footer: /* @__PURE__ */ s("span", { className: P["footer-wrapper"], children: n }),
-        fixedWeeks: !0,
-        ...l
+        style: { "--rdp-cell-size": getSpacer("l") },
+        modifiersClassNames: { today: styles["day--today"], selected: styles["day_selected"], disabled: styles["day--disabled"] },
+        footer: /* @__PURE__ */ jsx("span", { className: styles["footer-wrapper"], children: footer }),
+        fixedWeeks: true,
+        ...rest
       }
     ) }),
-    /* @__PURE__ */ s("div", { ref: d, className: p, style: { ...M, zIndex: i } })
+    /* @__PURE__ */ jsx("div", { ref: arrowRef, className: popupArrowClasses, style: { ...arrowStyle, zIndex } })
   ] });
-}, Lt = J.forwardRef((e, t) => {
+};
+const DatePicker = React.forwardRef((props, ref) => {
   const {
-    className: n,
-    dateButtonAriaLabel: r,
-    dateFormat: a = "dd.MM.yyyy",
-    dateValue: o,
-    defaultMonth: i,
-    dir: l,
-    disabled: d,
-    disableDays: u = [],
-    disableWeekends: c,
-    error: f,
-    errorText: v,
-    errorTextId: m,
-    errorWrapperClassName: y,
-    footerContent: _,
-    label: p,
-    inputId: D,
-    locale: M = an,
-    maxDate: I,
-    minDate: E,
-    onBlur: X,
-    onChange: x,
-    onDatePopupClosed: C,
-    testId: Y,
-    autoComplete: Z = "off",
-    variant: Me = F.positionautomatic,
-    zIndex: ke = dn.PopOver,
-    ...fe
-  } = e, [G, ee] = B(o), [Ne, ae] = B(G ? O(G, a) : ""), [b, h] = B(i), [$, T] = B(!1), [te, qe] = B(!1), Bt = {
+    className,
+    dateButtonAriaLabel,
+    dateFormat = "dd.MM.yyyy",
+    dateValue,
+    defaultMonth,
+    dir,
+    disabled,
+    disableDays = [],
+    disableWeekends,
+    error,
+    errorText,
+    errorTextId,
+    errorWrapperClassName,
+    footerContent,
+    label,
+    inputId,
+    locale = nb,
+    maxDate,
+    minDate,
+    onBlur,
+    onChange,
+    onDatePopupClosed,
+    testId,
+    autoComplete = "off",
+    variant = PopOverVariant.positionautomatic,
+    zIndex = ZIndex.PopOver,
+    ...rest
+  } = props;
+  const [dateState, setDateState] = useState(dateValue);
+  const [inputValue, setInputValue] = useState(dateState ? format(dateState, dateFormat) : "");
+  const [month, setMonth2] = useState(defaultMonth);
+  const [datePickerOpen, setDatePickerOpen] = useState(false);
+  const [returnInputFocus, setReturnInputFocus] = useState(false);
+  const weekendMatcher = {
     dayOfWeek: [0, 6]
-  }, Tt = c ? [...u, Bt] : u, Je = oe(null), ve = oe(null), me = oe(null), { refObject: R } = bt(gt(t) ? t : null), Qe = _t([t, R]), he = oe(!1);
-  un(ve, (w) => {
-    ve.current && me.current && !(w != null && w.composedPath().includes(ve.current)) && !(w != null && w.composedPath().includes(me.current)) && T(!1);
-  }), z(() => {
-    se(o) ? (ae(o ? O(o, a) : ""), ee(o), h(o)) : (ae(""), ee(void 0), h(void 0));
-  }, [o, a]), z(() => {
-    te && R.current && R.current.focus();
-  }, [te]);
-  const ze = () => {
-    R != null && R.current && R.current.focus(), T(!1);
   };
-  it(me, ze, [ot.Escape]), it(Je, ze, [ot.Escape]);
-  const et = (w, V) => {
-    ae(w.currentTarget.value);
-    const q = ie(w.currentTarget.value, V, /* @__PURE__ */ new Date());
-    se(q) ? (ee(q), h(q)) : ee(void 0), x && x(w, w.currentTarget.value);
-  }, Ft = () => {
-    te ? qe(!1) : T(!0);
-  }, At = (w, V, q, nt) => {
-    if (qe(!0), !w) {
-      T(!1);
+  const disabledDays = disableWeekends ? [...disableDays, weekendMatcher] : disableDays;
+  const inputWrapperRef = useRef(null);
+  const inputContainerRef = useRef(null);
+  const datepickerWrapperRef = useRef(null);
+  const { refObject } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
+  const mergedRefs = mergeRefs([ref, refObject]);
+  const isTyping = useRef(false);
+  useOutsideEvent(inputContainerRef, (e) => {
+    if (inputContainerRef.current && datepickerWrapperRef.current && !(e == null ? void 0 : e.composedPath().includes(inputContainerRef.current)) && !(e == null ? void 0 : e.composedPath().includes(datepickerWrapperRef.current))) {
+      setDatePickerOpen(false);
+    }
+  });
+  useEffect(() => {
+    if (isValid(dateValue)) {
+      setInputValue(dateValue ? format(dateValue, dateFormat) : "");
+      setDateState(dateValue);
+      setMonth2(dateValue);
+    } else {
+      setInputValue("");
+      setDateState(void 0);
+      setMonth2(void 0);
+    }
+  }, [dateValue, dateFormat]);
+  useEffect(() => {
+    if (returnInputFocus && refObject.current) {
+      refObject.current.focus();
+    }
+  }, [returnInputFocus]);
+  const handleEscapeKeyDown = () => {
+    (refObject == null ? void 0 : refObject.current) && refObject.current.focus();
+    setDatePickerOpen(false);
+  };
+  useKeyboardEvent(datepickerWrapperRef, handleEscapeKeyDown, [KeyboardEventKey.Escape]);
+  useKeyboardEvent(inputWrapperRef, handleEscapeKeyDown, [KeyboardEventKey.Escape]);
+  const handleInputChange = (event, inputFormat) => {
+    setInputValue(event.currentTarget.value);
+    const newDate = parse(event.currentTarget.value, inputFormat, /* @__PURE__ */ new Date());
+    if (isValid(newDate)) {
+      setDateState(newDate);
+      setMonth2(newDate);
+    } else {
+      setDateState(void 0);
+    }
+    onChange && onChange(event, event.currentTarget.value);
+  };
+  const handleInputFocus = () => {
+    if (!returnInputFocus) {
+      setDatePickerOpen(true);
+    } else {
+      setReturnInputFocus(false);
+    }
+  };
+  const handleSingleDatePickerSelect = (date, _selectedDay, _activeModifiers, e) => {
+    setReturnInputFocus(true);
+    if (!date) {
+      setDatePickerOpen(false);
       return;
     }
-    ee(w), R.current && (ae(O(w, a)), T(!1)), x && x(nt, w), Ht(R, O(w, a), w), C && C(w);
-  }, Ht = (w, V, q, nt) => {
-    if (w.current) {
-      w.current.value = V;
-      const pe = new Event("change", { bubbles: !0 });
-      Object.defineProperty(pe, "target", {
-        value: w.current,
-        writable: !1,
-        enumerable: !0,
-        configurable: !0
-      }), Object.defineProperty(pe, "currentTarget", {
-        value: w.current,
-        writable: !1,
-        enumerable: !0,
-        configurable: !0
-      }), w.current.dispatchEvent(pe), x && x(pe, q);
-    }
-  }, tt = (w) => {
-    !$ && (typeof C > "u" || he.current) && X && X(w), he.current = !1;
-  }, Yt = (w) => {
-    w == null || w.stopPropagation(), T(!$);
+    setDateState(date);
+    if (refObject.current) {
+      setInputValue(format(date, dateFormat));
+      setDatePickerOpen(false);
+    }
+    onChange && onChange(e, date);
+    triggerSyntheticInputEvents(refObject, format(date, dateFormat), date);
+    onDatePopupClosed && onDatePopupClosed(date);
+  };
+  const triggerSyntheticInputEvents = (inputRef, value, date, _onChange) => {
+    if (inputRef.current) {
+      inputRef.current.value = value;
+      const inputEvent = new Event("change", { bubbles: true });
+      Object.defineProperty(inputEvent, "target", {
+        value: inputRef.current,
+        writable: false,
+        enumerable: true,
+        configurable: true
+      });
+      Object.defineProperty(inputEvent, "currentTarget", {
+        value: inputRef.current,
+        writable: false,
+        enumerable: true,
+        configurable: true
+      });
+      inputRef.current.dispatchEvent(inputEvent);
+      if (onChange) {
+        onChange(inputEvent, date);
+      }
+    }
   };
-  z(() => {
-    const w = (q) => {
-      ["Escape", "Enter", "Tab"].includes(q.key) || (he.current = !0, T(!1));
-    }, V = R.current;
-    return V && V.addEventListener("keydown", w), () => {
-      V && V.removeEventListener("keydown", w);
+  const handleInputBlur = (e) => {
+    if (!datePickerOpen && (typeof onDatePopupClosed === "undefined" || isTyping.current)) {
+      onBlur && onBlur(e);
+    }
+    isTyping.current = false;
+  };
+  const handleButtonClick = (e) => {
+    e == null ? void 0 : e.stopPropagation();
+    setDatePickerOpen(!datePickerOpen);
+  };
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (!["Escape", "Enter", "Tab"].includes(e.key)) {
+        isTyping.current = true;
+        setDatePickerOpen(false);
+      }
+    };
+    const inputElement = refObject.current;
+    if (inputElement) {
+      inputElement.addEventListener("keydown", handleKeyDown);
+    }
+    return () => {
+      if (inputElement) {
+        inputElement.removeEventListener("keydown", handleKeyDown);
+      }
     };
-  }, [R]);
-  const jt = (w) => {
-    et(w, "yyyy-MM-dd"), he.current || C && C(G);
-  }, Vt = /* @__PURE__ */ s(
-    Re,
+  }, [refObject]);
+  const handleMobileInputChange = (e) => {
+    handleInputChange(e, "yyyy-MM-dd");
+    if (!isTyping.current) {
+      onDatePopupClosed && onDatePopupClosed(dateState);
+    }
+  };
+  const renderMobile = /* @__PURE__ */ jsx(
+    Input,
     {
-      disabled: d,
-      error: f,
-      errorText: v,
-      errorTextId: m,
-      inputId: D,
-      label: p,
-      max: I ? O(I, "yyyy-MM-dd") : "",
-      min: E ? O(E, "yyyy-MM-dd") : "",
+      disabled,
+      error,
+      errorText,
+      errorTextId,
+      inputId,
+      label,
+      max: maxDate ? format(maxDate, "yyyy-MM-dd") : "",
+      min: minDate ? format(minDate, "yyyy-MM-dd") : "",
       type: "date",
-      ref: Qe,
-      value: G ? O(G, "yyyy-MM-dd") : "",
+      ref: mergedRefs,
+      value: dateState ? format(dateState, "yyyy-MM-dd") : "",
       width: 14,
-      ...fe,
-      onBlur: tt,
-      onChange: jt,
-      autoComplete: Z || void 0
-    }
-  ), Kt = /* @__PURE__ */ L(A, { children: [
-    /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-      Re,
+      ...rest,
+      onBlur: handleInputBlur,
+      onChange: handleMobileInputChange,
+      autoComplete: autoComplete ? autoComplete : void 0
+    }
+  );
+  const renderDesktop = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      Input,
       {
-        errorWrapperClassName: y,
-        disabled: d,
-        error: f,
-        errorText: v,
-        errorTextId: m,
-        inputId: D,
-        inputContainerRef: ve,
-        inputWrapperRef: Je,
-        label: p,
-        onFocus: Ft,
+        errorWrapperClassName,
+        disabled,
+        error,
+        errorText,
+        errorTextId,
+        inputId,
+        inputContainerRef,
+        inputWrapperRef,
+        label,
+        onFocus: handleInputFocus,
         type: "text",
-        ref: Qe,
-        value: Ne,
+        ref: mergedRefs,
+        value: inputValue,
         width: 12,
-        ...fe,
-        onBlur: tt,
-        onChange: (w) => et(w, "yyyy-MM-dd"),
-        rightOfInput: /* @__PURE__ */ s(
-          on,
+        ...rest,
+        onBlur: handleInputBlur,
+        onChange: (e) => handleInputChange(e, "yyyy-MM-dd"),
+        rightOfInput: /* @__PURE__ */ jsx(
+          Button$1,
           {
-            disabled: d,
-            ariaLabel: r ?? "Velg dato",
-            onClick: Yt,
-            tabIndex: $ ? -1 : 0,
+            disabled,
+            ariaLabel: dateButtonAriaLabel ?? "Velg dato",
+            onClick: handleButtonClick,
+            tabIndex: datePickerOpen ? -1 : 0,
             variant: "borderless",
-            wrapperClassName: P["date-button"],
-            className: P["date-button__inner"],
-            children: /* @__PURE__ */ s(ln, { color: "black", svgIcon: sn })
+            wrapperClassName: styles["date-button"],
+            className: styles["date-button__inner"],
+            children: /* @__PURE__ */ jsx(Icon, { color: "black", svgIcon: Calendar })
           }
         ),
-        autoComplete: Z || void 0
+        autoComplete: autoComplete ? autoComplete : void 0
       }
     ) }),
-    $ && !d && /* @__PURE__ */ s(
-      ma,
+    datePickerOpen && !disabled && /* @__PURE__ */ jsx(
+      DatePickerPopup,
       {
-        dir: l,
-        disabled: Tt,
-        datepickerWrapperRef: me,
-        footer: _,
-        fromDate: E,
-        toDate: I,
-        inputRef: R,
-        locale: M,
-        month: b,
-        selected: G,
-        onSelect: At,
-        onMonthChange: h,
-        variant: Me,
-        zIndex: ke
+        dir,
+        disabled: disabledDays,
+        datepickerWrapperRef,
+        footer: footerContent,
+        fromDate: minDate,
+        toDate: maxDate,
+        inputRef: refObject,
+        locale,
+        month,
+        selected: dateState,
+        onSelect: handleSingleDatePickerSelect,
+        onMonthChange: setMonth2,
+        variant,
+        zIndex
       }
     )
   ] });
-  return /* @__PURE__ */ s("div", { className: n, "data-testid": Y, children: cn() ? Vt : Kt });
+  return /* @__PURE__ */ jsx("div", { className, "data-testid": testId, children: isMobileUA() ? renderMobile : renderDesktop });
 });
-Lt.displayName = "DatePicker";
-const ye = (e) => {
-  const t = String(e);
-  return t.length === 1 ? "0" + t : t;
-}, ha = (e) => !e || /^\d+$/.test(e) && e.length <= 2, Et = J.forwardRef((e, t) => {
+DatePicker.displayName = "DatePicker";
+const formatAsTwoDigits = (value) => {
+  const stringValue = String(value);
+  return stringValue.length === 1 ? "0" + stringValue : stringValue;
+};
+const isNumericString = (str) => {
+  return !str || /^\d+$/.test(str) && str.length <= 2;
+};
+const DateTime = React.forwardRef((props, ref) => {
   const {
-    error: n,
-    errorText: r,
-    errorTextId: a,
-    errorWrapperClassName: o,
-    label: i,
-    onBlur: l,
-    onChange: d,
-    timeUnit: u,
-    testId: c,
-    inputId: f,
-    value: v,
-    autoComplete: m = "off",
-    ...y
-  } = e, [_, p] = B(
-    typeof v < "u" ? ye(v) : void 0
-  ), { refObject: D } = bt(gt(t) ? t : null), M = _t([t, D]);
-  z(() => {
-    p(v ? ye(v) : void 0);
-  }, [v]);
-  const I = (C) => {
-    const Y = C.target.value;
-    ha(Y) && (p(Y), d && d(C));
-  }, E = (C) => {
-    const Y = ye(C.target.value);
-    p(Y), d && d(C), l && l(C);
-  }, X = (C) => {
-    const Y = /[0-9]/, Z = ["Backspace", " ", "Enter", "Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
-    !Y.test(C.key) && !Z.includes(C.key) && C.preventDefault();
-  }, x = () => u === "hours" && /* @__PURE__ */ s("span", { className: P["time-separator"], children: ":" });
-  return /* @__PURE__ */ s("div", { "data-testid": c, children: /* @__PURE__ */ s(
-    Re,
+    error,
+    errorText,
+    errorTextId,
+    errorWrapperClassName,
+    label,
+    onBlur,
+    onChange,
+    timeUnit,
+    testId,
+    inputId,
+    value,
+    autoComplete = "off",
+    ...rest
+  } = props;
+  const [inputValue, setInputValue] = useState(
+    typeof value !== "undefined" ? formatAsTwoDigits(value) : void 0
+  );
+  const { refObject } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
+  const mergedRefs = mergeRefs([ref, refObject]);
+  useEffect(() => {
+    setInputValue(value ? formatAsTwoDigits(value) : void 0);
+  }, [value]);
+  const handleInputChange = (event) => {
+    const value2 = event.target.value;
+    if (isNumericString(value2)) {
+      setInputValue(value2);
+      onChange && onChange(event);
+    }
+  };
+  const handleInputBlur = (event) => {
+    const formattedValue = formatAsTwoDigits(event.target.value);
+    setInputValue(formattedValue);
+    onChange && onChange(event);
+    onBlur && onBlur(event);
+  };
+  const handleInputOnKeyDown = (event) => {
+    const validChars = /[0-9]/;
+    const allowedKeys = ["Backspace", " ", "Enter", "Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+    if (!validChars.test(event.key) && !allowedKeys.includes(event.key)) {
+      event.preventDefault();
+    }
+  };
+  const renderTimeSeparator = () => {
+    return timeUnit === "hours" && /* @__PURE__ */ jsx("span", { className: styles["time-separator"], children: ":" });
+  };
+  return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: /* @__PURE__ */ jsx(
+    Input,
     {
-      inputId: f,
-      error: n,
-      errorText: r,
-      errorTextId: a,
-      errorWrapperClassName: o,
-      label: i,
-      max: u === "hours" ? 23 : 59,
+      inputId,
+      error,
+      errorText,
+      errorTextId,
+      errorWrapperClassName,
+      label,
+      max: timeUnit === "hours" ? 23 : 59,
       min: 0,
       type: "number",
-      ref: M,
-      value: _,
+      ref: mergedRefs,
+      value: inputValue,
       width: 5,
-      defaultValue: typeof e.defaultValue < "u" ? ye(e.defaultValue) : void 0,
-      ...y,
-      onChange: I,
-      onBlur: E,
-      rightOfInput: x(),
-      onKeyDown: X,
-      autoComplete: m || void 0
+      defaultValue: typeof props.defaultValue !== "undefined" ? formatAsTwoDigits(props.defaultValue) : void 0,
+      ...rest,
+      onChange: handleInputChange,
+      onBlur: handleInputBlur,
+      rightOfInput: renderTimeSeparator(),
+      onKeyDown: handleInputOnKeyDown,
+      autoComplete: autoComplete ? autoComplete : void 0
     }
   ) });
 });
-Et.displayName = "DateTime";
-const pa = J.forwardRef((e, t) => {
-  const { children: n, errorWrapperClassName: r, errorText: a, legend: o, testId: i } = e, l = _n(), d = (u) => lt(u, Lt) ? J.cloneElement(u, {
-    className: Be(P["date-time-picker-wrapper__date-picker"]),
-    error: !!a,
-    errorTextId: l
-  }) : lt(u, Et) ? J.cloneElement(u, {
-    error: !!a,
-    errorTextId: l
-  }) : u;
-  return /* @__PURE__ */ s("div", { ref: t, tabIndex: -1, children: /* @__PURE__ */ s(gn, { className: r, errorText: a, errorTextId: l, children: e.legend ? /* @__PURE__ */ L("fieldset", { className: P["date-time-picker-wrapper"], "data-testid": i, children: [
-    e.legend && /* @__PURE__ */ s("legend", { className: P["date-time-picker-wrapper__legend"], children: o }),
-    J.Children.map(n, d)
-  ] }) : /* @__PURE__ */ s("div", { className: P["date-time-picker-wrapper"], children: J.Children.map(n, d) }) }) });
+DateTime.displayName = "DateTime";
+const DateTimePickerWrapper = React.forwardRef((props, ref) => {
+  const { children, errorWrapperClassName, errorText, legend, testId } = props;
+  const errorTextId = useUuid();
+  const mapDateComponents = (child) => {
+    if (isComponent(child, DatePicker)) {
+      return React.cloneElement(child, {
+        className: classNames(styles["date-time-picker-wrapper__date-picker"]),
+        error: !!errorText,
+        errorTextId
+      });
+    } else if (isComponent(child, DateTime)) {
+      return React.cloneElement(child, {
+        error: !!errorText,
+        errorTextId
+      });
+    }
+    return child;
+  };
+  return /* @__PURE__ */ jsx("div", { ref, tabIndex: -1, children: /* @__PURE__ */ jsx(ErrorWrapper, { className: errorWrapperClassName, errorText, errorTextId, children: props.legend ? /* @__PURE__ */ jsxs("fieldset", { className: styles["date-time-picker-wrapper"], "data-testid": testId, children: [
+    props.legend && /* @__PURE__ */ jsx("legend", { className: styles["date-time-picker-wrapper__legend"], children: legend }),
+    React.Children.map(children, mapDateComponents)
+  ] }) : /* @__PURE__ */ jsx("div", { className: styles["date-time-picker-wrapper"], children: React.Children.map(children, mapDateComponents) }) }) });
 });
-pa.displayName = "DateTimePickerWrapper";
-const Rt = (e) => {
-  const t = ["yyyy-MM-dd", "dd.MM.yyyy"];
-  for (const n of t) {
-    const r = ie(e, n, /* @__PURE__ */ new Date());
-    if (se(r))
-      return r;
+DateTimePickerWrapper.displayName = "DateTimePickerWrapper";
+const parseInputDate = (dateString) => {
+  const possibleFormats = ["yyyy-MM-dd", "dd.MM.yyyy"];
+  for (const format2 of possibleFormats) {
+    const parsedDate = parse(dateString, format2, /* @__PURE__ */ new Date());
+    if (isValid(parsedDate)) {
+      return parsedDate;
+    }
   }
   return null;
-}, Ka = (e) => {
-  const t = new Date(e);
-  return t instanceof Date && !isNaN(t.getTime());
-}, Ua = (e, t, n, r, a) => {
-  const o = Rt(e), i = typeof r < "u", l = typeof a < "u";
-  return !o || i && !se(r) || l && !se(a) ? n || "Invalid date format" : i && !l && (N(o, r) || ge(o, r)) || l && !i && (N(o, a) || He(o, a)) || i && l && (N(o, r) || N(o, a) || nn(o, { start: r, end: a })) ? !0 : t;
-}, Xa = (e, t, n, r) => {
-  const a = Rt(e);
-  return a ? t.some((o) => N(o, a)) ? n : !0 : r || "Invalid date format";
-}, Za = (e, t, n, r) => {
-  const a = ie((e.hour + ":" + e.minute).toString(), "HH:mm", /* @__PURE__ */ new Date()), o = ie(((n == null ? void 0 : n.hour) + ":" + (n == null ? void 0 : n.minute)).toString(), "HH:mm", /* @__PURE__ */ new Date()), i = ie(((r == null ? void 0 : r.hour) + ":" + (r == null ? void 0 : r.minute)).toString(), "HH:mm", /* @__PURE__ */ new Date());
-  return (typeof n > "u" || a >= o) && (typeof r > "u" || a <= i) ? !0 : t;
+};
+const isValidDate = (dateString) => {
+  const date = new Date(dateString);
+  return date instanceof Date && !isNaN(date.getTime());
+};
+const validateMinMaxDate = (date, outsideRangeErrorMessage, invalidFormatErrorMessage, minDate, maxDate) => {
+  const formattedDate = parseInputDate(date);
+  const hasMinDate = typeof minDate !== "undefined";
+  const hasMaxDate = typeof maxDate !== "undefined";
+  if (!formattedDate || hasMinDate && !isValid(minDate) || hasMaxDate && !isValid(maxDate)) {
+    return invalidFormatErrorMessage || "Invalid date format";
+  }
+  if (hasMinDate && !hasMaxDate && (isSameDay(formattedDate, minDate) || isAfter(formattedDate, minDate))) return true;
+  else if (hasMaxDate && !hasMinDate && (isSameDay(formattedDate, maxDate) || isBefore(formattedDate, maxDate))) return true;
+  else if (hasMinDate && hasMaxDate && (isSameDay(formattedDate, minDate) || isSameDay(formattedDate, maxDate) || isWithinInterval(formattedDate, { start: minDate, end: maxDate }))) {
+    return true;
+  }
+  return outsideRangeErrorMessage;
+};
+const validateDisabledDates = (date, disabledDates, isDisabledErrorMessage, invalidFormatErrorMessage) => {
+  const formattedDate = parseInputDate(date);
+  if (!formattedDate) {
+    return invalidFormatErrorMessage || "Invalid date format";
+  }
+  if (!disabledDates.some((d) => isSameDay(d, formattedDate))) {
+    return true;
+  }
+  return isDisabledErrorMessage;
+};
+const validateMinTimeMaxTime = (time, errorMessage, minTime, maxTime) => {
+  const timeParsed = parse((time.hour + ":" + time.minute).toString(), "HH:mm", /* @__PURE__ */ new Date());
+  const minTimeParsed = parse(((minTime == null ? void 0 : minTime.hour) + ":" + (minTime == null ? void 0 : minTime.minute)).toString(), "HH:mm", /* @__PURE__ */ new Date());
+  const maxTimeParsed = parse(((maxTime == null ? void 0 : maxTime.hour) + ":" + (maxTime == null ? void 0 : maxTime.minute)).toString(), "HH:mm", /* @__PURE__ */ new Date());
+  if ((typeof minTime === "undefined" || timeParsed >= minTimeParsed) && (typeof maxTime === "undefined" || timeParsed <= maxTimeParsed)) {
+    return true;
+  }
+  return errorMessage;
 };
 export {
-  Lt as DatePicker,
-  Et as DateTime,
-  pa as DateTimePickerWrapper,
-  Lt as default,
-  Ka as isValidDate,
-  Rt as parseInputDate,
-  Xa as validateDisabledDates,
-  Ua as validateMinMaxDate,
-  Za as validateMinTimeMaxTime
+  DatePicker,
+  DateTime,
+  DateTimePickerWrapper,
+  DatePicker as default,
+  isValidDate,
+  parseInputDate,
+  validateDisabledDates,
+  validateMinMaxDate,
+  validateMinTimeMaxTime
 };
 //# sourceMappingURL=index.js.map