@stenajs-webui/calendar 17.13.0 → 17.13.3

package/dist/index.es.js

@@ -1,20 +1,21 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("._calendar_1w0de_1{--swui-calendar-day-width: 40px;--swui-calendar-day-height: 38px;--swui-calendar-day-border-radius: 4px;--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--swui-primary-action-color);--swui-calendar-wrapper-selected-background: var(--swui-primary-action-color);--swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);--swui-calendar-wrapper-range-background: var(--lhds-color-blue-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-200);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1w0de_1 table{border-spacing:0 4px}._calendar_1w0de_1 span{line-height:100%}._calendar_1w0de_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 tr td:nth-child(2){border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { FlatButton, stenaAngleLeft, stenaAngleRight, PrimaryButton, stenaCalendar, Icon, stenaClock, stenaAngleDown, stenaArrowRight } from "@stenajs-webui/elements";
-import { Box, Text, Clickable, Row, Space, Spacing, Indent, Column, SeparatorLine, parseIntElseUndefined, useBoolean, useDelayedFalse } from "@stenajs-webui/core";
-import { isAfter, eachDayOfInterval, isSameDay, endOfMonth, startOfMonth, min, addDays, max, subDays, format, getISOWeek, getDate, startOfISOWeek, addWeeks, getMonth, getYear, getISODay, addHours, isBefore, parse, addMonths, addYears, subMonths, subYears, isValid } from "date-fns";
-import { last, chunk, range, debounce } from "lodash";
-import * as React from "react";
-import { useMemo, useCallback, useState, useEffect, useRef } from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import styled from "@emotion/styled";
-import { faAngleDoubleLeft } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
-import { faAngleDoubleRight } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
-import { faCaretLeft } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
-import { faCaretRight } from "@fortawesome/free-solid-svg-icons/faCaretRight";
-import { TextInput, TextInputBox } from "@stenajs-webui/forms";
-import { useTippyInstance, Popover } from "@stenajs-webui/tooltip";
-import { cssColor } from "@stenajs-webui/theme";
-import { faLongArrowAltRight } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
-const DateFormats = {
+(function(){"use strict";try{var r=document.createElement("style");r.appendChild(document.createTextNode("._calendar_1w0de_1{--swui-calendar-day-width: 40px;--swui-calendar-day-height: 38px;--swui-calendar-day-border-radius: 4px;--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--swui-primary-action-color);--swui-calendar-wrapper-selected-background: var(--swui-primary-action-color);--swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);--swui-calendar-wrapper-range-background: var(--lhds-color-blue-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-200);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1w0de_1 table{border-spacing:0 4px}._calendar_1w0de_1 span{line-height:100%}._calendar_1w0de_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 tr td:nth-child(2){border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}")),document.head.appendChild(r)}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { FlatButton as T, stenaAngleLeft as Ot, stenaAngleRight as $t, PrimaryButton as lt, stenaCalendar as ht, Icon as qt, stenaClock as Qt, stenaAngleDown as De, stenaArrowRight as he } from "@stenajs-webui/elements";
+import { Box as I, Text as et, Clickable as Pt, Row as R, Space as $, Spacing as ge, Indent as gt, Column as B, SeparatorLine as ye, parseIntElseUndefined as _t, useBoolean as Yt, useDelayedFalse as Lt } from "@stenajs-webui/core";
+import { isAfter as nt, eachDayOfInterval as Bt, isSameDay as z, endOfMonth as Xt, startOfMonth as Zt, min as me, addDays as q, max as we, subDays as Dt, format as W, getISOWeek as pt, getDate as It, startOfISOWeek as pe, addWeeks as be, getMonth as tt, getYear as yt, getISODay as ke, addHours as Se, isBefore as Me, parse as ot, addMonths as Ee, addYears as Re, subMonths as Ae, subYears as Te, isValid as xe } from "date-fns";
+import { last as Ce, chunk as Ft, range as zt, debounce as Ie } from "lodash";
+import * as vt from "react";
+import { useMemo as C, useCallback as g, useState as S, useEffect as Q, useRef as J } from "react";
+import { jsx as i, jsxs as E, Fragment as mt } from "react/jsx-runtime";
+import Nt from "@emotion/styled";
+import { faAngleDoubleLeft as Vt } from "@fortawesome/free-solid-svg-icons/faAngleDoubleLeft";
+import { faAngleDoubleRight as te } from "@fortawesome/free-solid-svg-icons/faAngleDoubleRight";
+import { faCaretLeft as Ne } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
+import { faCaretRight as He } from "@fortawesome/free-solid-svg-icons/faCaretRight";
+import { TextInput as rt, TextInputBox as Ye } from "@stenajs-webui/forms";
+import { useTippyInstance as Le, Popover as bt } from "@stenajs-webui/tooltip";
+import { cssColor as ee } from "@stenajs-webui/theme";
+import { faLongArrowAltRight as Ue } from "@fortawesome/free-solid-svg-icons/faLongArrowAltRight";
+const Z = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL",
@@ -24,322 +25,222 @@ const DateFormats = {
   weekDayNameShort: "EEE",
   dateAndMonth: "d MMM",
   monthAndDate: "MMM do"
-};
-const buildDayStateForDateRange = (statePerMonth = {}, start, end) => {
-  if (start && end && isAfter(end, start)) {
-    return eachDayOfInterval({ start, end }).reduce((result, date) => {
-      const isFirstInRange = isSameDay(date, start);
-      const isLastInRange = isSameDay(date, end);
-      const highlights = isFirstInRange ? ["selected", "selectedStart", "range"] : isLastInRange ? ["selected", "selectedEnd", "range"] : ["range"];
-      return addDayStateHighlights(result, date, highlights);
-    }, statePerMonth);
-  }
-  let state = statePerMonth;
-  if (start) {
-    state = addDayStateHighlights(state, start, ["selected", "singleSelected"]);
-  }
-  if (end) {
-    state = addDayStateHighlights(state, end, ["selected", "singleSelected"]);
-  }
-  return state;
-};
-const buildDayStateForSingleMonth = (statePerMonth = {}, start, end, dateInFocus) => buildDayStateForRange(statePerMonth, start, end, startOfMonth(dateInFocus), endOfMonth(dateInFocus));
-const buildDayStateForRange = (statePerMonth = {}, start, end, startLimit, endLimit) => {
-  if (start && end) {
-    return buildDayStateForDateRange(statePerMonth, max([start, subDays(startLimit, 1)]), min([end, addDays(endLimit, 1)]));
-  } else {
-    return buildDayStateForDateRange(statePerMonth, start, end);
-  }
-};
-const setDayStateValue = (state, date, values) => {
-  const monthString = format(date, DateFormats.yearAndMonth);
-  const weekNumber = getISOWeek(date);
-  const dayInMonth = getDate(date);
+}, wt = (t = {}, e, n) => {
+  if (e && n && nt(n, e))
+    return Bt({ start: e, end: n }).reduce(
+      (c, s) => {
+        const l = z(s, e), o = z(s, n);
+        return X(c, s, l ? ["selected", "selectedStart", "range"] : o ? ["selected", "selectedEnd", "range"] : ["range"]);
+      },
+      t
+    );
+  let r = t;
+  return e && (r = X(r, e, ["selected", "singleSelected"])), n && (r = X(r, n, ["selected", "singleSelected"])), r;
+}, We = (t = {}, e, n, r) => Oe(
+  t,
+  e,
+  n,
+  Zt(r),
+  Xt(r)
+), Oe = (t = {}, e, n, r, c) => e && n ? wt(
+  t,
+  we([e, Dt(r, 1)]),
+  me([n, q(c, 1)])
+) : wt(t, e, n), ur = (t, e, n) => {
+  const r = W(e, Z.yearAndMonth), c = pt(e), s = It(e);
   return {
-    ...state,
-    [monthString]: {
-      ...state && state[monthString],
-      [weekNumber]: {
-        ...state && state[monthString] && state[monthString][weekNumber],
-        [dayInMonth]: {
-          ...state && state[monthString] && state[monthString][weekNumber] && state[monthString][weekNumber][dayInMonth],
-          ...values
+    ...t,
+    [r]: {
+      ...t && t[r],
+      [c]: {
+        ...t && t[r] && t[r][c],
+        [s]: {
+          ...t && t[r] && t[r][c] && t[r][c][s],
+          ...n
         }
       }
     }
   };
-};
-const setDayStateValueFunction = (state, date, setter) => {
-  const monthString = format(date, DateFormats.yearAndMonth);
-  const weekNumber = getISOWeek(date);
-  const dayInMonth = getDate(date);
+}, Dr = (t, e, n) => {
+  const r = W(e, Z.yearAndMonth), c = pt(e), s = It(e);
   return {
-    ...state,
-    [monthString]: {
-      ...state && state[monthString],
-      [weekNumber]: {
-        ...state && state[monthString] && state[monthString][weekNumber],
-        [dayInMonth]: {
-          ...state && state[monthString] && state[monthString][weekNumber] && state[monthString][weekNumber][dayInMonth],
-          ...setter(state && state[monthString] && state[monthString][weekNumber] && state[monthString][weekNumber][dayInMonth])
+    ...t,
+    [r]: {
+      ...t && t[r],
+      [c]: {
+        ...t && t[r] && t[r][c],
+        [s]: {
+          ...t && t[r] && t[r][c] && t[r][c][s],
+          ...n(
+            t && t[r] && t[r][c] && t[r][c][s]
+          )
         }
       }
     }
   };
-};
-const addDayStateHighlights = (calendarState, date, highlights) => {
-  const month = date.getMonth() + 1;
-  const monthString = `${date.getFullYear()}-${month < 10 ? "0" : ""}${month}`;
-  const weekNumber = getISOWeek(date);
-  const dayInMonth = getDate(date);
-  const dayState = calendarState && calendarState[monthString] && calendarState[monthString][weekNumber] && calendarState[monthString][weekNumber][dayInMonth];
+}, X = (t, e, n) => {
+  const r = e.getMonth() + 1, c = `${e.getFullYear()}-${r < 10 ? "0" : ""}${r}`, s = pt(e), l = It(e), o = t && t[c] && t[c][s] && t[c][s][l];
   return {
-    ...calendarState,
-    [monthString]: {
-      ...calendarState && calendarState[monthString],
-      [weekNumber]: {
-        ...calendarState && calendarState[monthString] && calendarState[monthString][weekNumber],
-        [dayInMonth]: addDayStateHighlightsOnSingleDay(dayState, highlights)
+    ...t,
+    [c]: {
+      ...t && t[c],
+      [s]: {
+        ...t && t[c] && t[c][s],
+        [l]: ne(o, n)
       }
     }
   };
-};
-const addDayStateHighlightsOnSingleDay = (dayState, highlights) => {
-  var _a;
+}, ne = (t, e) => {
+  var n;
   return {
-    ...dayState,
-    highlights: [...(_a = dayState == null ? void 0 : dayState.highlights) != null ? _a : [], ...highlights]
+    ...t,
+    highlights: [...(n = t == null ? void 0 : t.highlights) != null ? n : [], ...e]
   };
-};
-const addWeekStateHighlights = (calendarState, week, highlights) => {
-  const date = week.days[0].date;
-  const month = date.getMonth() + 1;
-  const monthString = `${date.getFullYear()}-${month < 10 ? "0" : ""}${month}`;
-  const weekNumber = week.weekNumber;
-  let state = calendarState;
-  week.days.forEach((day) => {
-    state = addDayStateHighlights(state, day.date, highlights);
+}, hr = (t, e, n) => {
+  const r = e.days[0].date, c = r.getMonth() + 1, s = `${r.getFullYear()}-${c < 10 ? "0" : ""}${c}`, l = e.weekNumber;
+  let o = t;
+  e.days.forEach((h) => {
+    o = X(o, h.date, n);
   });
-  const weekState = state && state[monthString] ? state[monthString][weekNumber] : void 0;
-  const newHighlights = weekState && weekState.highlights ? [...weekState.highlights, ...highlights] : highlights;
-  const newWeekState = {
-    ...weekState,
-    highlights: newHighlights
+  const d = o && o[s] ? o[s][l] : void 0, a = d && d.highlights ? [...d.highlights, ...n] : n, f = {
+    ...d,
+    highlights: a
   };
   return {
-    ...state,
-    [monthString]: {
-      ...calendarState && calendarState[monthString],
-      [weekNumber]: newWeekState
+    ...o,
+    [s]: {
+      ...t && t[s],
+      [l]: f
     }
   };
-};
-const addWeekRangeHighlights = (calendarState, week) => {
-  var _a;
-  if (!week.days.length) {
-    return { ...calendarState };
-  }
-  const startDate = week.days[0].date;
-  const endDate = (_a = last(week.days)) == null ? void 0 : _a.date;
+}, $e = (t, e) => {
+  var c;
+  if (!e.days.length)
+    return { ...t };
+  const n = e.days[0].date, r = (c = Ce(e.days)) == null ? void 0 : c.date;
   return {
-    ...buildDayStateForDateRange(calendarState, startDate, endDate)
+    ...wt(t, n, r)
   };
-};
-const useHighlightToday = (enabled, statePerMonth) => {
-  return useMemo(() => {
-    return enabled ? addDayStateHighlights(statePerMonth, new Date(), ["today"]) : statePerMonth;
-  }, [enabled, statePerMonth]);
-};
-var Month = /* @__PURE__ */ ((Month2) => {
-  Month2[Month2["JANUARY"] = 0] = "JANUARY";
-  Month2[Month2["FEBRUARY"] = 1] = "FEBRUARY";
-  Month2[Month2["MARCH"] = 2] = "MARCH";
-  Month2[Month2["APRIL"] = 3] = "APRIL";
-  Month2[Month2["MAY"] = 4] = "MAY";
-  Month2[Month2["JUNE"] = 5] = "JUNE";
-  Month2[Month2["JULY"] = 6] = "JULY";
-  Month2[Month2["AUGUST"] = 7] = "AUGUST";
-  Month2[Month2["SEPTEMBER"] = 8] = "SEPTEMBER";
-  Month2[Month2["OCTOBER"] = 9] = "OCTOBER";
-  Month2[Month2["NOVEMBER"] = 10] = "NOVEMBER";
-  Month2[Month2["DECEMBER"] = 11] = "DECEMBER";
-  return Month2;
-})(Month || {});
-var WeekDay = /* @__PURE__ */ ((WeekDay2) => {
-  WeekDay2[WeekDay2["SUNDAY"] = 0] = "SUNDAY";
-  WeekDay2[WeekDay2["MONDAY"] = 1] = "MONDAY";
-  WeekDay2[WeekDay2["TUESDAY"] = 2] = "TUESDAY";
-  WeekDay2[WeekDay2["WEDNESDAY"] = 3] = "WEDNESDAY";
-  WeekDay2[WeekDay2["THURSDAY"] = 4] = "THURSDAY";
-  WeekDay2[WeekDay2["FRIDAY"] = 5] = "FRIDAY";
-  WeekDay2[WeekDay2["SATURDAY"] = 6] = "SATURDAY";
-  return WeekDay2;
-})(WeekDay || {});
-const getMonthsInYear = (year, startMonth, numMonths) => {
-  const months = [];
-  for (let i = 0; i < numMonths; i++) {
-    months.push(getMonthInYear(year, startMonth + i));
-  }
-  return months;
-};
-const getMonthInYear = (year, month) => {
-  const yearToUse = year + Math.floor(month / 12);
-  const monthToUse = month % 12;
-  const firstDayOfMonth = new Date(yearToUse, monthToUse, 1);
+}, Pe = (t, e) => C(() => t ? X(e, new Date(), ["today"]) : e, [t, e]);
+var U = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(U || {}), Be = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))(Be || {});
+const Jt = (t, e, n) => {
+  const r = [];
+  for (let c = 0; c < n; c++)
+    r.push(re(t, e + c));
+  return r;
+}, re = (t, e) => {
+  const n = t + Math.floor(e / 12), r = e % 12, c = new Date(n, r, 1);
   return {
-    monthString: format(firstDayOfMonth, DateFormats.yearAndMonth),
-    name: format(firstDayOfMonth, DateFormats.fullMonthName),
-    year: yearToUse,
-    monthInYear: monthToUse,
-    weeks: getWeeksForMonth(yearToUse, monthToUse)
+    monthString: W(c, Z.yearAndMonth),
+    name: W(c, Z.fullMonthName),
+    year: n,
+    monthInYear: r,
+    weeks: ze(n, r)
   };
-};
-const getWeeksForMonth = (year, month, forceSixWeeks = true) => {
-  const firstDayOfMonth = new Date(year, month, 1);
-  const firstDayOfFirstWeek = startOfISOWeek(firstDayOfMonth);
-  const weeks = [];
-  for (let i = 0; i < 6; i++) {
-    const week = getWeekForDate(addWeeks(firstDayOfFirstWeek, i));
-    if (i > 0 && week.startMonth !== month && !forceSixWeeks) {
-      return weeks;
-    }
-    weeks.push(week);
+}, ze = (t, e, n = !0) => {
+  const r = new Date(t, e, 1), c = pe(r), s = [];
+  for (let l = 0; l < 6; l++) {
+    const o = jt(be(c, l));
+    if (l > 0 && o.startMonth !== e && !n)
+      return s;
+    s.push(o);
   }
-  return weeks;
-};
-const getWeekForDate = (firstDayOfWeek) => {
-  const isLastWeekOfMonth = getMonth(addDays(firstDayOfWeek, 7)) !== getMonth(firstDayOfWeek);
+  return s;
+}, jt = (t) => {
+  const e = tt(q(t, 7)) !== tt(t);
   return {
-    weekNumber: getISOWeek(firstDayOfWeek),
-    startMonth: getMonth(firstDayOfWeek),
-    startYear: getYear(firstDayOfWeek),
-    endMonth: getMonth(addDays(firstDayOfWeek, 6)),
-    endYear: getYear(addDays(firstDayOfWeek, 6)),
-    days: getDaysForWeekForDate(firstDayOfWeek),
-    isLastWeekOfMonth
+    weekNumber: pt(t),
+    startMonth: tt(t),
+    startYear: yt(t),
+    endMonth: tt(q(t, 6)),
+    endYear: yt(q(t, 6)),
+    days: _e(t),
+    isLastWeekOfMonth: e
   };
-};
-const createDay = (date) => {
-  const dayOfWeek = getISODay(date);
+}, je = (t) => {
+  const e = ke(t);
   return {
-    date,
-    name: format(date, "EEE"),
-    dateString: format(addHours(date, 12), DateFormats.fullDate),
-    weekNumber: getISOWeek(date),
-    year: getYear(date),
-    month: getMonth(date),
-    dayOfMonth: getDate(date),
-    dayOfWeek,
-    isFirstDayOfWeek: dayOfWeek === 1,
-    isLastDayOfWeek: dayOfWeek === 7,
-    isFirstDayOfMonth: isSameDay(startOfMonth(date), date),
-    isLastDayOfMonth: isSameDay(endOfMonth(date), date)
+    date: t,
+    name: W(t, "EEE"),
+    dateString: W(Se(t, 12), Z.fullDate),
+    weekNumber: pt(t),
+    year: yt(t),
+    month: tt(t),
+    dayOfMonth: It(t),
+    dayOfWeek: e,
+    isFirstDayOfWeek: e === 1,
+    isLastDayOfWeek: e === 7,
+    isFirstDayOfMonth: z(Zt(t), t),
+    isLastDayOfMonth: z(Xt(t), t)
   };
-};
-const getDaysForWeekForDate = (firstDayOfWeek) => {
-  return eachDayOfInterval({
-    start: firstDayOfWeek,
-    end: addDays(firstDayOfWeek, 6)
-  }).map(createDay);
-};
-const getStartDateOfISOWeek = (weekNumber, year) => {
-  const simple = new Date(year, 0, 1 + (weekNumber - 1) * 7);
-  const dayOfWeek = simple.getDay();
-  const isoWeekStart = simple;
-  if (dayOfWeek <= 4) {
-    isoWeekStart.setDate(simple.getDate() - simple.getDay() + 1);
-  } else {
-    isoWeekStart.setDate(simple.getDate() + 8 - simple.getDay());
-  }
-  return isoWeekStart;
-};
-const calculateOverflowingMonth = (year, month) => {
-  if (month > 11) {
-    return { year: year + Math.floor(month / 12), month: month % 12 };
-  }
-  if (month < 0) {
-    return { year: year + Math.floor(month / 12), month: 12 + month % 12 };
-  }
-  return { year, month };
-};
-const dayHasHighlight = (dayState, defaultHighlights, highlight) => {
-  if (defaultHighlights && defaultHighlights.indexOf(highlight) >= 0) {
-    return true;
-  }
-  if (dayState && dayState.highlights && dayState.highlights.indexOf(highlight) >= 0) {
-    return true;
-  }
-  return false;
-};
-const dayHighlightSelect = (dayState, defaultHighlights, highlightsOrBoolean, returnValues, fallbackValue) => {
-  if (highlightsOrBoolean.length !== returnValues.length) {
-    throw new Error("Select highlight failed, number of values do not equal number of highlights.");
-  }
-  if (highlightsOrBoolean.length === 0) {
-    return fallbackValue;
-  }
-  for (let i = 0; i < highlightsOrBoolean.length; i++) {
-    if (typeof highlightsOrBoolean[i] === "boolean" && highlightsOrBoolean[i]) {
-      return returnValues[i];
-    }
-    if (typeof highlightsOrBoolean[i] === "string" && dayHasHighlight(dayState, defaultHighlights, highlightsOrBoolean[i])) {
-      return returnValues[i];
-    }
-  }
-  return fallbackValue;
-};
-const defaultWrapperStyleProvider = ({
-  selectedBackground,
-  todayBackground,
-  rangeBackground,
-  borderColor = "transparent"
-}) => (defaultHighlights, dayState, day, _, month) => {
-  let style = {};
-  const backgroundColor = dayHighlightSelect(dayState, defaultHighlights, ["selected", "range", "today", day.month === month.monthInYear], [selectedBackground, rangeBackground, todayBackground, "#fff"], "transparent");
+}, _e = (t) => Bt({
+  start: t,
+  end: q(t, 6)
+}).map(je), Je = (t, e) => {
+  const n = new Date(e, 0, 1 + (t - 1) * 7), r = n.getDay(), c = n;
+  return r <= 4 ? c.setDate(n.getDate() - n.getDay() + 1) : c.setDate(n.getDate() + 8 - n.getDay()), c;
+}, Ke = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, Ge = (t, e, n) => !!(e && e.indexOf(n) >= 0 || t && t.highlights && t.highlights.indexOf(n) >= 0), V = (t, e, n, r, c) => {
+  if (n.length !== r.length)
+    throw new Error(
+      "Select highlight failed, number of values do not equal number of highlights."
+    );
+  if (n.length === 0)
+    return c;
+  for (let s = 0; s < n.length; s++)
+    if (typeof n[s] == "boolean" && n[s] || typeof n[s] == "string" && Ge(
+      t,
+      e,
+      n[s]
+    ))
+      return r[s];
+  return c;
+}, qe = ({
+  selectedBackground: t,
+  todayBackground: e,
+  rangeBackground: n,
+  borderColor: r = "transparent"
+}) => (c, s, l, o, d) => {
+  let a = {};
+  const f = V(s, c, ["selected", "range", "today", l.month === d.monthInYear], [t, n, e, "#fff"], "transparent");
   return {
-    ...style,
-    backgroundColor,
-    borderTopLeftRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], borderColor),
-    borderBottomLeftRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], borderColor),
-    borderTopRightRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], borderColor),
-    borderBottomRightRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], borderColor),
+    ...a,
+    backgroundColor: f,
+    borderTopLeftRadius: V(s, c, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
+    borderBottomLeftRadius: V(s, c, ["selectedStart", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
+    borderTopRightRadius: V(s, c, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
+    borderBottomRightRadius: V(s, c, ["selectedEnd", "singleSelected"], ["var(--swui-calendar-day-border-radius)", "var(--swui-calendar-day-border-radius)"], r),
     boxSizing: "border-box"
   };
-};
-const defaultTextPropsProvider = ({
-  selectedColor,
-  disabledColor,
-  inOtherMonthColor,
-  rangeTextColor
-}) => {
-  return (defaultHighlights, dayState, day, _, month) => {
-    const isOtherMonth = day.month !== month.monthInYear;
-    const color = dayHighlightSelect(dayState, defaultHighlights, [isOtherMonth, "selected", "range", "enabled", "disabled"], [inOtherMonthColor, selectedColor, rangeTextColor, void 0, disabledColor]);
-    return {
-      color
-    };
+}, Qe = ({
+  selectedColor: t,
+  disabledColor: e,
+  inOtherMonthColor: n,
+  rangeTextColor: r
+}) => (c, s, l, o, d) => {
+  const a = l.month !== d.monthInYear;
+  return {
+    color: V(s, c, [a, "selected", "range", "enabled", "disabled"], [n, t, r, void 0, e])
   };
-};
-const defaultCalendarTheme = {
+}, ct = {
   width: "var(--swui-calendar-day-width)",
   height: "var(--swui-calendar-day-height)",
   WeekNumber: {
     backgroundColor: "var(--swui-calendar-week-number-bg-color)",
     textColor: "var(--swui-calendar-week-number-text-color)",
     clickableTextColor: "var(--swui-calendar-week-number-clickable-text-color)",
-    show: true
+    show: !0
   },
   WeekDay: {
     textColor: "var(--swui-calendar-week-day-text-color)",
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: defaultWrapperStyleProvider({
+    tdStyle: qe({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: defaultTextPropsProvider({
+    textProps: Qe({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -348,2533 +249,2145 @@ const defaultCalendarTheme = {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-};
-const extranetCalendarTheme = {
-  ...defaultCalendarTheme,
+}, gr = {
+  ...ct,
   width: "37px",
   height: "37px"
-};
-const isDateInMinMaxRange = (date, min2, max2) => {
-  if (min2 && isBefore(date, min2)) {
-    return isSameDay(date, min2);
-  }
-  if (max2 && isAfter(date, max2)) {
-    return isSameDay(date, max2);
-  }
-  return true;
-};
-const DisabledDayWrapper = function DisabledDayWrapper2({
-  dayComponent: DayComponent,
-  minDate,
-  maxDate,
-  dayState,
-  day,
-  ...props
+}, Xe = (t, e, n) => e && Me(t, e) ? z(t, e) : n && nt(t, n) ? z(t, n) : !0, Ze = function({
+  dayComponent: e,
+  minDate: n,
+  maxDate: r,
+  dayState: c,
+  day: s,
+  ...l
 }) {
-  const activeDayState = useMemo(() => !isDateInMinMaxRange(day.date, minDate, maxDate) ? addDayStateHighlightsOnSingleDay(dayState, ["disabled"]) : dayState, [day.date, dayState, maxDate, minDate]);
-  return /* @__PURE__ */ jsx(DayComponent, {
-    day,
-    ...props,
-    dayState: activeDayState
+  const o = C(() => Xe(s.date, n, r) ? c : ne(c, ["disabled"]), [s.date, c, r, n]);
+  return /* @__PURE__ */ i(e, {
+    day: s,
+    ...l,
+    dayState: o
   });
-};
-const WeekNumberCell = ({
-  onClickWeek,
-  theme,
-  week,
-  background,
-  backgroundColor,
-  prefix
+}, Fe = ({
+  onClickWeek: t,
+  theme: e,
+  week: n,
+  background: r,
+  backgroundColor: c,
+  prefix: s
 }) => {
-  const content = /* @__PURE__ */ jsxs(Box, {
-    width: theme.width,
-    height: theme.height,
+  const l = /* @__PURE__ */ E(I, {
+    width: e.width,
+    height: e.height,
     justifyContent: "center",
     alignItems: "center",
-    children: [background && /* @__PURE__ */ jsx(Box, {
+    children: [r && /* @__PURE__ */ i(I, {
       position: "absolute",
-      children: background
-    }), /* @__PURE__ */ jsx(Box, {
+      children: r
+    }), /* @__PURE__ */ i(I, {
       position: "absolute",
-      children: /* @__PURE__ */ jsxs(Text, {
-        color: onClickWeek ? theme.WeekNumber.clickableTextColor : theme.WeekNumber.textColor,
-        children: [prefix, week.weekNumber]
+      children: /* @__PURE__ */ E(et, {
+        color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
+        children: [s, n.weekNumber]
       })
     })]
   });
-  return /* @__PURE__ */ jsx(Box, {
-    background: backgroundColor || theme.WeekNumber.backgroundColor,
+  return /* @__PURE__ */ i(I, {
+    background: c || e.WeekNumber.backgroundColor,
     position: "relative",
-    children: onClickWeek ? /* @__PURE__ */ jsx(Clickable, {
+    children: t ? /* @__PURE__ */ i(Pt, {
       borderRadius: "var(--swui-calendar-day-border-radius)",
-      onClick: (ev) => onClickWeek(week, ev),
-      disableFocusHighlight: !onClickWeek,
-      children: content
-    }) : content
+      onClick: (o) => t(n, o),
+      disableFocusHighlight: !t,
+      children: l
+    }) : l
   });
 };
-function CalendarWeek({
-  week,
-  month,
-  dayComponent,
-  statePerWeekDay,
-  userDataPerWeekDay,
-  minDate,
-  maxDate,
-  onClickWeek,
-  onClickDay,
-  theme,
-  renderWeekNumber,
-  extraDayContent,
-  defaultHighlights
+function ve({
+  week: t,
+  month: e,
+  dayComponent: n,
+  statePerWeekDay: r,
+  userDataPerWeekDay: c,
+  minDate: s,
+  maxDate: l,
+  onClickWeek: o,
+  onClickDay: d,
+  theme: a,
+  renderWeekNumber: f,
+  extraDayContent: h,
+  defaultHighlights: u
 }) {
-  return /* @__PURE__ */ jsxs("tr", {
-    children: [theme.WeekNumber.show && /* @__PURE__ */ jsx("td", {
-      children: renderWeekNumber ? renderWeekNumber(week, theme, onClickWeek) : /* @__PURE__ */ jsx(WeekNumberCell, {
-        week,
-        onClickWeek,
-        theme
+  return /* @__PURE__ */ E("tr", {
+    children: [a.WeekNumber.show && /* @__PURE__ */ i("td", {
+      children: f ? f(t, a, o) : /* @__PURE__ */ i(Fe, {
+        week: t,
+        onClickWeek: o,
+        theme: a
       })
-    }), week.days.map((day) => /* @__PURE__ */ jsx(DisabledDayWrapper, {
-      dayComponent,
-      day,
-      week,
-      month,
-      dayState: statePerWeekDay && statePerWeekDay[day.dayOfMonth],
-      userData: userDataPerWeekDay && userDataPerWeekDay[day.dayOfMonth],
-      onClickDay,
-      theme,
-      extraDayContent,
-      defaultHighlights,
-      minDate,
-      maxDate
-    }, day.dateString))]
-  }, week.weekNumber);
+    }), t.days.map((D) => /* @__PURE__ */ i(Ze, {
+      dayComponent: n,
+      day: D,
+      week: t,
+      month: e,
+      dayState: r && r[D.dayOfMonth],
+      userData: c && c[D.dayOfMonth],
+      onClickDay: d,
+      theme: a,
+      extraDayContent: h,
+      defaultHighlights: u,
+      minDate: s,
+      maxDate: l
+    }, D.dateString))]
+  }, t.weekNumber);
 }
-const WeekDayCell = ({
-  onClickWeekDay,
-  day,
-  theme
+const Ve = ({
+  onClickWeekDay: t,
+  day: e,
+  theme: n
 }) => {
-  const content = /* @__PURE__ */ jsx(Box, {
-    width: theme.width,
-    height: theme.height,
+  const r = /* @__PURE__ */ i(I, {
+    width: n.width,
+    height: n.height,
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ jsx(Text, {
+    children: /* @__PURE__ */ i(et, {
       size: "small",
-      color: onClickWeekDay ? theme.WeekDay.clickableTextColor : theme.WeekDay.textColor,
-      children: day.name
+      color: t ? n.WeekDay.clickableTextColor : n.WeekDay.textColor,
+      children: e.name
     })
   });
-  if (onClickWeekDay) {
-    return /* @__PURE__ */ jsx(Clickable, {
-      borderRadius: "var(--swui-calendar-day-border-radius)",
-      onClick: (ev) => onClickWeekDay(day.dayOfWeek, ev),
-      disableFocusHighlight: !onClickWeekDay,
-      children: content
-    });
-  }
-  return content;
-};
-const CalendarDay = function CalendarDay2({
-  day,
-  week,
-  month,
-  dayState,
-  userData,
-  onClickDay,
-  theme,
-  extraDayContent: ExtraDayContent,
-  defaultHighlights
+  return t ? /* @__PURE__ */ i(Pt, {
+    borderRadius: "var(--swui-calendar-day-border-radius)",
+    onClick: (c) => t(e.dayOfWeek, c),
+    disableFocusHighlight: !t,
+    children: r
+  }) : r;
+}, ce = function({
+  day: e,
+  week: n,
+  month: r,
+  dayState: c,
+  userData: s,
+  onClickDay: l,
+  theme: o,
+  extraDayContent: d,
+  defaultHighlights: a
 }) {
-  const content = /* @__PURE__ */ jsx(Box, {
+  const f = /* @__PURE__ */ i(I, {
     width: "100%",
     height: "100%",
     justifyContent: "center",
     alignItems: "center",
-    children: /* @__PURE__ */ jsx(Text, {
-      ...theme.CalendarDay.textProps && theme.CalendarDay.textProps(defaultHighlights, dayState, day, week, month, userData),
-      children: day.dayOfMonth
+    children: /* @__PURE__ */ i(et, {
+      ...o.CalendarDay.textProps && o.CalendarDay.textProps(a, c, e, n, r, s),
+      children: e.dayOfMonth
     })
-  });
-  const WrapperTd = styled.td({
-    ...theme.CalendarDay.tdStyle && theme.CalendarDay.tdStyle(defaultHighlights, dayState, day, week, month, userData)
-  });
-  const InnerWrapperDiv = styled.div({
-    ...theme.CalendarDay.innerWrapperStyle && theme.CalendarDay.innerWrapperStyle(defaultHighlights, dayState, day, week, month, userData),
+  }), h = Nt.td({
+    ...o.CalendarDay.tdStyle && o.CalendarDay.tdStyle(a, c, e, n, r, s)
+  }), u = Nt.div({
+    ...o.CalendarDay.innerWrapperStyle && o.CalendarDay.innerWrapperStyle(a, c, e, n, r, s),
     width: "100%",
     height: "100%"
-  });
-  const CellWrapperDiv = styled.div({
-    ...theme.CalendarDay.cellWrapperStyle && theme.CalendarDay.cellWrapperStyle(defaultHighlights, dayState, day, week, month, userData),
+  }), D = Nt.div({
+    ...o.CalendarDay.cellWrapperStyle && o.CalendarDay.cellWrapperStyle(a, c, e, n, r, s),
     width: "100%",
     height: "100%",
     position: "relative"
   });
-  return /* @__PURE__ */ jsx(WrapperTd, {
-    children: /* @__PURE__ */ jsx(InnerWrapperDiv, {
-      children: /* @__PURE__ */ jsx(CellWrapperDiv, {
-        children: day.month === month.monthInYear && /* @__PURE__ */ jsxs(Fragment, {
-          children: [ExtraDayContent && /* @__PURE__ */ jsx(ExtraDayContent, {
-            week,
-            month,
-            day,
-            dayState,
-            theme,
-            userData
-          }), onClickDay && isClickable(defaultHighlights, dayState) ? /* @__PURE__ */ jsx(Clickable, {
-            onClick: (ev) => onClickDay(day, userData, ev),
+  return /* @__PURE__ */ i(h, {
+    children: /* @__PURE__ */ i(u, {
+      children: /* @__PURE__ */ i(D, {
+        children: e.month === r.monthInYear && /* @__PURE__ */ E(mt, {
+          children: [d && /* @__PURE__ */ i(d, {
+            week: n,
+            month: r,
+            day: e,
+            dayState: c,
+            theme: o,
+            userData: s
+          }), l && tn(a, c) ? /* @__PURE__ */ i(Pt, {
+            onClick: (m) => l(e, s, m),
             style: {
               width: "100%",
               height: "100%"
             },
             borderRadius: "var(--swui-calendar-day-border-radius)",
-            children: content
-          }) : /* @__PURE__ */ jsx(Fragment, {
-            children: content
+            children: f
+          }) : /* @__PURE__ */ i(mt, {
+            children: f
           })]
         })
       })
     })
   });
-};
-const isClickable = (defaultHighlights, dayState) => !!dayHighlightSelect(dayState, defaultHighlights, ["enabled", "disabled"], [true, false], true);
-function CalendarMonth({
-  month,
-  dayComponent = CalendarDay,
-  statePerWeek,
-  userDataPerWeek,
-  minDate,
-  maxDate,
-  onClickDay,
-  onClickWeek,
-  onClickWeekDay,
-  onClickMonth,
-  onClickYear,
-  renderWeekNumber,
-  renderWeekDay,
-  headerLeftContent,
-  headerRightContent,
-  theme = defaultCalendarTheme,
-  extraDayContent,
-  defaultHighlights
+}, tn = (t, e) => !!V(e, t, ["enabled", "disabled"], [!0, !1], !0);
+function en({
+  month: t,
+  dayComponent: e = ce,
+  statePerWeek: n,
+  userDataPerWeek: r,
+  minDate: c,
+  maxDate: s,
+  onClickDay: l,
+  onClickWeek: o,
+  onClickWeekDay: d,
+  onClickMonth: a,
+  onClickYear: f,
+  renderWeekNumber: h,
+  renderWeekDay: u,
+  headerLeftContent: D,
+  headerRightContent: m,
+  theme: k = ct,
+  extraDayContent: p,
+  defaultHighlights: b
 }) {
-  const showWeekNumber = theme.WeekNumber.show;
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsxs(Box, {
+  const w = k.WeekNumber.show;
+  return /* @__PURE__ */ i(mt, {
+    children: /* @__PURE__ */ E(I, {
       alignItems: "stretch",
-      children: [/* @__PURE__ */ jsxs(Row, {
+      children: [/* @__PURE__ */ E(R, {
         justifyContent: "space-between",
         alignItems: "center",
         height: "32px",
-        children: [/* @__PURE__ */ jsx(Box, {
+        children: [/* @__PURE__ */ i(I, {
           alignItems: "center",
-          children: headerLeftContent
-        }), /* @__PURE__ */ jsxs(Row, {
+          children: D
+        }), /* @__PURE__ */ E(R, {
           alignItems: "center",
-          children: [/* @__PURE__ */ jsx(Row, {
+          children: [/* @__PURE__ */ i(R, {
             width: "104px",
             justifyContent: "center",
-            children: onClickMonth ? /* @__PURE__ */ jsx(FlatButton, {
-              onClick: () => onClickMonth(month),
-              label: month.name
-            }) : /* @__PURE__ */ jsx(Text, {
-              children: month.name
+            children: a ? /* @__PURE__ */ i(T, {
+              onClick: () => a(t),
+              label: t.name
+            }) : /* @__PURE__ */ i(et, {
+              children: t.name
             })
-          }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Row, {
+          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             width: "64px",
             justifyContent: "center",
-            children: onClickYear ? /* @__PURE__ */ jsx(FlatButton, {
-              onClick: () => onClickYear(month.year),
-              label: String(month.year)
-            }) : /* @__PURE__ */ jsx(Text, {
-              children: month.year
+            children: f ? /* @__PURE__ */ i(T, {
+              onClick: () => f(t.year),
+              label: String(t.year)
+            }) : /* @__PURE__ */ i(et, {
+              children: t.year
             })
           })]
-        }), /* @__PURE__ */ jsx(Box, {
+        }), /* @__PURE__ */ i(I, {
           alignItems: "center",
-          children: headerRightContent
+          children: m
         })]
-      }), /* @__PURE__ */ jsx("table", {
-        children: /* @__PURE__ */ jsxs("tbody", {
-          children: [/* @__PURE__ */ jsxs("tr", {
-            children: [showWeekNumber && /* @__PURE__ */ jsx("td", {
-              children: /* @__PURE__ */ jsx(Box, {
-                width: theme.width,
-                height: theme.height,
+      }), /* @__PURE__ */ i("table", {
+        children: /* @__PURE__ */ E("tbody", {
+          children: [/* @__PURE__ */ E("tr", {
+            children: [w && /* @__PURE__ */ i("td", {
+              children: /* @__PURE__ */ i(I, {
+                width: k.width,
+                height: k.height,
                 justifyContent: "center",
                 alignItems: "center",
-                children: /* @__PURE__ */ jsx(Text, {
+                children: /* @__PURE__ */ i(et, {
                   size: "small",
-                  color: theme.CalendarMonth.headerTextColor,
+                  color: k.CalendarMonth.headerTextColor,
                   children: "W"
                 })
               })
-            }), month.weeks[0].days.map((day) => /* @__PURE__ */ jsx("td", {
-              children: renderWeekDay ? renderWeekDay(day.name, theme, onClickWeekDay) : /* @__PURE__ */ jsx(WeekDayCell, {
-                day,
-                onClickWeekDay,
-                theme
+            }), t.weeks[0].days.map((y) => /* @__PURE__ */ i("td", {
+              children: u ? u(y.name, k, d) : /* @__PURE__ */ i(Ve, {
+                day: y,
+                onClickWeekDay: d,
+                theme: k
               })
-            }, day.name))]
-          }), month.weeks.map((week) => /* @__PURE__ */ jsx(CalendarWeek, {
-            month,
-            week,
-            dayComponent,
-            statePerWeekDay: statePerWeek && statePerWeek[week.weekNumber],
-            userDataPerWeekDay: userDataPerWeek && userDataPerWeek[week.weekNumber],
-            onClickDay,
-            onClickWeek,
-            theme,
-            renderWeekNumber,
-            extraDayContent,
-            defaultHighlights,
-            minDate,
-            maxDate
-          }, week.weekNumber))]
+            }, y.name))]
+          }), t.weeks.map((y) => /* @__PURE__ */ i(ve, {
+            month: t,
+            week: y,
+            dayComponent: e,
+            statePerWeekDay: n && n[y.weekNumber],
+            userDataPerWeekDay: r && r[y.weekNumber],
+            onClickDay: l,
+            onClickWeek: o,
+            theme: k,
+            renderWeekNumber: h,
+            extraDayContent: p,
+            defaultHighlights: b,
+            minDate: c,
+            maxDate: s
+          }, y.weekNumber))]
         })
       })]
     })
   });
 }
-const calendar = "_calendar_1w0de_1";
-var styles$1 = {
-  calendar
-};
-function CalendarPanel({
-  monthRows,
-  dayComponent = CalendarDay,
-  userDataPerMonth,
-  statePerMonth,
-  minDate,
-  maxDate,
-  onClickDay,
-  onClickWeekDay,
-  onClickWeek,
-  onClickMonth,
-  onClickYear,
-  renderWeekDay,
-  renderWeekNumber,
-  headerLeftContent,
-  headerRightContent,
-  extraDayContent,
-  defaultHighlights,
-  theme = defaultCalendarTheme
+const nn = "_calendar_1w0de_1", rn = {
+  calendar: nn
+};
+function cn({
+  monthRows: t,
+  dayComponent: e = ce,
+  userDataPerMonth: n,
+  statePerMonth: r,
+  minDate: c,
+  maxDate: s,
+  onClickDay: l,
+  onClickWeekDay: o,
+  onClickWeek: d,
+  onClickMonth: a,
+  onClickYear: f,
+  renderWeekDay: h,
+  renderWeekNumber: u,
+  headerLeftContent: D,
+  headerRightContent: m,
+  extraDayContent: k,
+  defaultHighlights: p,
+  theme: b = ct
 }) {
-  const minDateObj = useMemo(() => minDate ? parse(minDate, "yyyy-MM-dd", new Date()) : void 0, [minDate]);
-  const maxDateObj = useMemo(() => maxDate ? parse(maxDate, "yyyy-MM-dd", new Date()) : void 0, [maxDate]);
-  return /* @__PURE__ */ jsx("div", {
-    className: styles$1.calendar,
-    children: monthRows.map((monthRow, rowIndex) => /* @__PURE__ */ jsx(Spacing, {
-      children: /* @__PURE__ */ jsx(Row, {
-        children: monthRow.map((month, index) => /* @__PURE__ */ jsxs(React.Fragment, {
-          children: [index > 0 && /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(CalendarMonth, {
-            month,
-            dayComponent,
-            userDataPerWeek: userDataPerMonth && userDataPerMonth[month.monthString],
-            statePerWeek: statePerMonth && statePerMonth[month.monthString],
-            onClickDay,
-            onClickWeekDay,
-            onClickWeek,
-            onClickMonth,
-            onClickYear,
-            theme,
-            renderWeekNumber,
-            renderWeekDay,
-            headerLeftContent,
-            headerRightContent,
-            extraDayContent,
-            defaultHighlights,
-            minDate: minDateObj,
-            maxDate: maxDateObj
+  const w = C(() => c ? ot(c, "yyyy-MM-dd", new Date()) : void 0, [c]), y = C(() => s ? ot(s, "yyyy-MM-dd", new Date()) : void 0, [s]);
+  return /* @__PURE__ */ i("div", {
+    className: rn.calendar,
+    children: t.map((M, A) => /* @__PURE__ */ i(ge, {
+      children: /* @__PURE__ */ i(R, {
+        children: M.map((x, N) => /* @__PURE__ */ E(vt.Fragment, {
+          children: [N > 0 && /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(en, {
+            month: x,
+            dayComponent: e,
+            userDataPerWeek: n && n[x.monthString],
+            statePerWeek: r && r[x.monthString],
+            onClickDay: l,
+            onClickWeekDay: o,
+            onClickWeek: d,
+            onClickMonth: a,
+            onClickYear: f,
+            theme: b,
+            renderWeekNumber: u,
+            renderWeekDay: h,
+            headerLeftContent: D,
+            headerRightContent: m,
+            extraDayContent: k,
+            defaultHighlights: p,
+            minDate: w,
+            maxDate: y
           })]
-        }, month.name))
+        }, x.name))
       })
-    }, rowIndex))
+    }, A))
   });
 }
-function Calendar(props) {
-  const initialDate = getInitialDate(props.year, props.month, props.date);
-  const {
-    year,
-    month
-  } = calculateOverflowingMonth(initialDate.year, initialDate.month);
-  const monthRows = getMonthRows(year, month, props.numMonths, props.monthsPerRow);
-  const statePerMonth = useHighlightToday(props.highlightToday, props.statePerMonth);
-  return /* @__PURE__ */ jsx(CalendarPanel, {
-    year,
-    month,
-    monthRows,
-    ...props,
-    statePerMonth
+function Ut(t) {
+  const e = sn(t.year, t.month, t.date), {
+    year: n,
+    month: r
+  } = Ke(e.year, e.month), c = on(n, r, t.numMonths, t.monthsPerRow), s = Pe(t.highlightToday, t.statePerMonth);
+  return /* @__PURE__ */ i(cn, {
+    year: n,
+    month: r,
+    monthRows: c,
+    ...t,
+    statePerMonth: s
   });
 }
-const getInitialDate = (year, month, date) => {
-  if (month && year) {
+const sn = (t, e, n) => {
+  if (e && t)
     return {
-      month,
-      year
+      month: e,
+      year: t
     };
-  }
-  if (date) {
+  if (n)
     return {
-      month: getMonth(date),
-      year: getYear(date)
+      month: tt(n),
+      year: yt(n)
     };
-  }
-  const now = new Date();
+  const r = new Date();
   return {
-    month: getMonth(now),
-    year: getYear(now)
+    month: tt(r),
+    year: yt(r)
   };
-};
-const getMonthRows = (year, month, numMonths, monthsPerRow) => {
-  if (numMonths == null) {
-    return [[getMonthInYear(year, month)]];
-  }
-  if (monthsPerRow == null) {
-    return [getMonthsInYear(year, month, numMonths)];
-  }
-  return chunk(getMonthsInYear(year, month, numMonths), monthsPerRow);
-};
-const useSelectedMonthStepperLogic = (dateInFocus, setDateInFocus, monthsPerRow, numMonths) => {
-  const nextMonth = useCallback(() => {
-    var _a;
-    const d = addMonths(dateInFocus, (_a = monthsPerRow != null ? monthsPerRow : numMonths) != null ? _a : 1);
-    setDateInFocus == null ? void 0 : setDateInFocus(d);
-  }, [setDateInFocus, dateInFocus, monthsPerRow, numMonths]);
-  const nextYear = useCallback(() => {
-    const d = addYears(dateInFocus, 1);
-    setDateInFocus == null ? void 0 : setDateInFocus(d);
-  }, [setDateInFocus, dateInFocus]);
-  const prevMonth = useCallback(() => {
-    var _a;
-    const d = subMonths(dateInFocus, (_a = monthsPerRow != null ? monthsPerRow : numMonths) != null ? _a : 1);
-    setDateInFocus == null ? void 0 : setDateInFocus(d);
-  }, [setDateInFocus, dateInFocus, monthsPerRow, numMonths]);
-  const prevYear = useCallback(() => {
-    const d = subYears(dateInFocus, 1);
-    setDateInFocus == null ? void 0 : setDateInFocus(d);
-  }, [setDateInFocus, dateInFocus]);
+}, on = (t, e, n, r) => n == null ? [[re(t, e)]] : r == null ? [Jt(t, e, n)] : Ft(Jt(t, e, n), r), ln = (t, e, n, r) => {
+  const c = g(() => {
+    var a;
+    const d = Ee(t, (a = n != null ? n : r) != null ? a : 1);
+    e == null || e(d);
+  }, [e, t, n, r]), s = g(() => {
+    const d = Re(t, 1);
+    e == null || e(d);
+  }, [e, t]), l = g(() => {
+    var a;
+    const d = Ae(t, (a = n != null ? n : r) != null ? a : 1);
+    e == null || e(d);
+  }, [e, t, n, r]), o = g(() => {
+    const d = Te(t, 1);
+    e == null || e(d);
+  }, [e, t]);
   return {
-    nextMonth,
-    prevMonth,
-    nextYear,
-    prevYear
+    nextMonth: c,
+    prevMonth: l,
+    nextYear: s,
+    prevYear: o
   };
-};
-const WithMonthSwitcherBelow = ({
-  children,
-  prevMonth,
-  nextMonth,
-  prevYear,
-  nextYear
-}) => /* @__PURE__ */ jsxs("div", {
-  children: [children, /* @__PURE__ */ jsx(Indent, {
-    children: /* @__PURE__ */ jsxs(Row, {
-      children: [/* @__PURE__ */ jsx(FlatButton, {
-        onClick: prevYear,
-        leftIcon: faAngleDoubleLeft
-      }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(FlatButton, {
-        onClick: prevMonth,
-        leftIcon: stenaAngleLeft
-      }), /* @__PURE__ */ jsx(Indent, {
+}, dn = ({
+  children: t,
+  prevMonth: e,
+  nextMonth: n,
+  prevYear: r,
+  nextYear: c
+}) => /* @__PURE__ */ E("div", {
+  children: [t, /* @__PURE__ */ i(gt, {
+    children: /* @__PURE__ */ E(R, {
+      children: [/* @__PURE__ */ i(T, {
+        onClick: r,
+        leftIcon: Vt
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(T, {
+        onClick: e,
+        leftIcon: Ot
+      }), /* @__PURE__ */ i(gt, {
         num: 2
-      }), /* @__PURE__ */ jsx(FlatButton, {
-        onClick: nextMonth,
-        leftIcon: stenaAngleRight
-      }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(FlatButton, {
-        onClick: nextYear,
-        leftIcon: faAngleDoubleRight
+      }), /* @__PURE__ */ i(T, {
+        onClick: n,
+        leftIcon: $t
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(T, {
+        onClick: c,
+        leftIcon: te
       })]
     })
-  }), /* @__PURE__ */ jsx(Space, {})]
-});
-const MonthPickerCell = ({
-  value,
-  onValueChange,
-  month
+  }), /* @__PURE__ */ i($, {})]
+}), an = ({
+  value: t,
+  onValueChange: e,
+  month: n
 }) => {
-  const label = useMemo(() => {
-    const now = new Date(2e3, month, 1);
-    return format(now, "MMM");
-  }, [month]);
-  return /* @__PURE__ */ jsx(Row, {
+  const r = C(() => {
+    const c = new Date(2e3, n, 1);
+    return W(c, "MMM");
+  }, [n]);
+  return /* @__PURE__ */ i(R, {
     width: "64px",
     justifyContent: "center",
     spacing: 0.5,
     indent: 0.5,
-    children: value === month ? /* @__PURE__ */ jsx(PrimaryButton, {
-      label,
-      onClick: () => onValueChange && onValueChange(month)
-    }) : /* @__PURE__ */ jsx(FlatButton, {
-      label,
-      onClick: () => onValueChange && onValueChange(month)
+    children: t === n ? /* @__PURE__ */ i(lt, {
+      label: r,
+      onClick: () => e && e(n)
+    }) : /* @__PURE__ */ i(T, {
+      label: r,
+      onClick: () => e && e(n)
     })
   });
-};
-const monthMatrix = [[Month.JANUARY, Month.FEBRUARY, Month.MARCH], [Month.APRIL, Month.MAY, Month.JUNE], [Month.JULY, Month.AUGUST, Month.SEPTEMBER], [Month.OCTOBER, Month.NOVEMBER, Month.DECEMBER]];
-const MonthPicker = ({
-  value,
-  onValueChange
-}) => {
-  return /* @__PURE__ */ jsx(Column, {
-    children: monthMatrix.map((monthRow) => /* @__PURE__ */ jsx(Row, {
-      children: monthRow.map((month) => /* @__PURE__ */ jsx(MonthPickerCell, {
-        month,
-        onValueChange,
-        value
-      }, month))
-    }, monthRow[0]))
-  });
-};
-const createStandardDateRangePresets = (now) => [
+}, fn = [[U.JANUARY, U.FEBRUARY, U.MARCH], [U.APRIL, U.MAY, U.JUNE], [U.JULY, U.AUGUST, U.SEPTEMBER], [U.OCTOBER, U.NOVEMBER, U.DECEMBER]], un = ({
+  value: t,
+  onValueChange: e
+}) => /* @__PURE__ */ i(B, {
+  children: fn.map((n) => /* @__PURE__ */ i(R, {
+    children: n.map((r) => /* @__PURE__ */ i(an, {
+      month: r,
+      onValueChange: e,
+      value: t
+    }, r))
+  }, n[0]))
+}), Dn = (t) => [
   {
     label: "Past",
     presets: [
-      { label: "Last 3 days", startDate: now, endDate: subDays(now, 2) },
-      { label: "Last 7 days", startDate: now, endDate: subDays(now, 6) },
-      { label: "Last 30 days", startDate: now, endDate: subDays(now, 29) },
-      { label: "Last 45 days", startDate: now, endDate: subDays(now, 44) }
+      { label: "Last 3 days", startDate: t, endDate: Dt(t, 2) },
+      { label: "Last 7 days", startDate: t, endDate: Dt(t, 6) },
+      { label: "Last 30 days", startDate: t, endDate: Dt(t, 29) },
+      { label: "Last 45 days", startDate: t, endDate: Dt(t, 44) }
     ]
   },
   {
     label: "Future",
     presets: [
-      { label: "Next 3 days", startDate: now, endDate: addDays(now, 2) },
-      { label: "Next 7 days", startDate: now, endDate: addDays(now, 6) },
-      { label: "Next 30 days", startDate: now, endDate: addDays(now, 29) },
-      { label: "Next 45 days", startDate: now, endDate: addDays(now, 44) }
+      { label: "Next 3 days", startDate: t, endDate: q(t, 2) },
+      { label: "Next 7 days", startDate: t, endDate: q(t, 6) },
+      { label: "Next 30 days", startDate: t, endDate: q(t, 29) },
+      { label: "Next 45 days", startDate: t, endDate: q(t, 44) }
     ]
   }
-];
-const PresetPicker = ({
-  onClickPreset
+], hn = ({
+  onClickPreset: t
 }) => {
-  var _a;
-  const [pageIndex, setPageIndex] = useState(0);
-  const pages = useMemo(() => createStandardDateRangePresets(new Date()), []);
-  const currentPage = (_a = pages[pageIndex]) != null ? _a : pages[0];
-  return /* @__PURE__ */ jsxs(Column, {
-    children: [/* @__PURE__ */ jsxs(Row, {
+  var s;
+  const [e, n] = S(0), r = C(() => Dn(new Date()), []), c = (s = r[e]) != null ? s : r[0];
+  return /* @__PURE__ */ E(B, {
+    children: [/* @__PURE__ */ E(R, {
       justifyContent: "space-between",
       alignItems: "center",
       width: "200px",
-      children: [/* @__PURE__ */ jsx(FlatButton, {
+      children: [/* @__PURE__ */ i(T, {
         size: "small",
-        leftIcon: stenaAngleLeft,
-        disabled: pageIndex === 0,
-        onClick: () => setPageIndex(pageIndex - 1)
-      }), /* @__PURE__ */ jsx(Text, {
-        children: currentPage.label
-      }), /* @__PURE__ */ jsx(FlatButton, {
+        leftIcon: Ot,
+        disabled: e === 0,
+        onClick: () => n(e - 1)
+      }), /* @__PURE__ */ i(et, {
+        children: c.label
+      }), /* @__PURE__ */ i(T, {
         size: "small",
-        leftIcon: stenaAngleRight,
-        disabled: pageIndex === pages.length - 1,
-        onClick: () => setPageIndex(pageIndex + 1)
+        leftIcon: $t,
+        disabled: e === r.length - 1,
+        onClick: () => n(e + 1)
       })]
-    }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Column, {
+    }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(B, {
       alignItems: "center",
-      children: currentPage.presets.map((preset) => /* @__PURE__ */ jsxs(React.Fragment, {
-        children: [/* @__PURE__ */ jsx(PrimaryButton, {
-          label: preset.label,
-          onClick: () => onClickPreset(preset)
-        }), /* @__PURE__ */ jsx(Space, {})]
-      }, preset.label))
+      children: c.presets.map((l) => /* @__PURE__ */ E(vt.Fragment, {
+        children: [/* @__PURE__ */ i(lt, {
+          label: l.label,
+          onClick: () => t(l)
+        }), /* @__PURE__ */ i($, {})]
+      }, l.label))
     })]
   });
-};
-const YearPickerCell = ({
-  value,
-  onValueChange,
-  year
+}, gn = ({
+  value: t,
+  onValueChange: e,
+  year: n
 }) => {
-  const label = String(year);
-  return /* @__PURE__ */ jsx(Row, {
+  const r = String(n);
+  return /* @__PURE__ */ i(R, {
     width: "64px",
     justifyContent: "center",
     spacing: 0.5,
     indent: 0.5,
-    children: value === year ? /* @__PURE__ */ jsx(PrimaryButton, {
-      label,
-      onClick: () => onValueChange == null ? void 0 : onValueChange(year)
-    }) : /* @__PURE__ */ jsx(FlatButton, {
-      label,
-      onClick: () => onValueChange == null ? void 0 : onValueChange(year)
+    children: t === n ? /* @__PURE__ */ i(lt, {
+      label: r,
+      onClick: () => e == null ? void 0 : e(n)
+    }) : /* @__PURE__ */ i(T, {
+      label: r,
+      onClick: () => e == null ? void 0 : e(n)
     })
   });
-};
-const YearPicker = ({
-  value,
-  onValueChange,
-  initialLastYear
+}, yn = ({
+  value: t,
+  onValueChange: e,
+  initialLastYear: n
 }) => {
-  const [lastYear, setLastYear] = useState(() => {
-    if (value) {
-      return value + 4;
-    }
-    return initialLastYear != null ? initialLastYear : new Date().getFullYear() + 4;
-  });
-  const yearRows = useMemo(() => {
-    const startYear = lastYear - 11;
-    return chunk(range(startYear, lastYear + 1), 3);
-  }, [lastYear]);
-  useEffect(() => {
-    setLastYear((prev) => calculateLastYearInFocus(value, prev));
-  }, [value]);
-  return /* @__PURE__ */ jsxs(Row, {
-    children: [/* @__PURE__ */ jsx(Column, {
+  const [r, c] = S(() => t ? t + 4 : n != null ? n : new Date().getFullYear() + 4), s = C(() => {
+    const l = r - 11;
+    return Ft(zt(l, r + 1), 3);
+  }, [r]);
+  return Q(() => {
+    c((l) => mn(t, l));
+  }, [t]), /* @__PURE__ */ E(R, {
+    children: [/* @__PURE__ */ i(B, {
       justifyContent: "center",
-      children: /* @__PURE__ */ jsx(FlatButton, {
-        leftIcon: faCaretLeft,
-        onClick: () => setLastYear(lastYear - 3)
+      children: /* @__PURE__ */ i(T, {
+        leftIcon: Ne,
+        onClick: () => c(r - 3)
       })
-    }), /* @__PURE__ */ jsx(Column, {
-      children: yearRows.map((yearRow) => /* @__PURE__ */ jsx(Row, {
-        children: yearRow.map((year) => /* @__PURE__ */ jsx(YearPickerCell, {
-          year,
-          onValueChange,
-          value
-        }, year))
-      }, yearRow[0]))
-    }), /* @__PURE__ */ jsx(Column, {
+    }), /* @__PURE__ */ i(B, {
+      children: s.map((l) => /* @__PURE__ */ i(R, {
+        children: l.map((o) => /* @__PURE__ */ i(gn, {
+          year: o,
+          onValueChange: e,
+          value: t
+        }, o))
+      }, l[0]))
+    }), /* @__PURE__ */ i(B, {
       justifyContent: "center",
-      children: /* @__PURE__ */ jsx(FlatButton, {
-        leftIcon: faCaretRight,
-        onClick: () => setLastYear(lastYear + 3)
+      children: /* @__PURE__ */ i(T, {
+        leftIcon: He,
+        onClick: () => c(r + 3)
       })
     })]
   });
-};
-const calculateLastYearInFocus = (value, lastYear) => {
-  if (value == null) {
-    return lastYear;
-  }
-  if (value > lastYear) {
-    const yearDiff = value - lastYear;
-    const remaining = yearDiff % 3;
-    const yearsToAdd = yearDiff - remaining + 3;
-    return lastYear + yearsToAdd;
+}, mn = (t, e) => {
+  if (t == null)
+    return e;
+  if (t > e) {
+    const r = t - e, c = r % 3, s = r - c + 3;
+    return e + s;
   }
-  const startYear = lastYear - 11;
-  if (value < startYear) {
-    const yearDiff = startYear - value;
-    const remaining = yearDiff % 3;
-    const yearsToSubtract = yearDiff - remaining + 3;
-    return lastYear - yearsToSubtract;
+  const n = e - 11;
+  if (t < n) {
+    const r = n - t, c = r % 3, s = r - c + 3;
+    return e - s;
   }
-  return lastYear;
-};
-const CalendarWithMonthYearPickers = function CalendarWithMonthYearPickers2({
-  dateInFocus,
-  setDateInFocus,
-  currentPanel,
-  setCurrentPanel,
-  ...props
+  return e;
+}, wn = function({
+  dateInFocus: e,
+  setDateInFocus: n,
+  currentPanel: r,
+  setCurrentPanel: c,
+  ...s
 }) {
-  const onChangeSelectedMonth = useCallback((selectedMonth) => {
-    const newDate = dateInFocus ? new Date(dateInFocus) : new Date();
-    newDate.setMonth(selectedMonth);
-    if (setDateInFocus) {
-      setDateInFocus(newDate);
-    }
-    setCurrentPanel("calendar");
-  }, [dateInFocus, setDateInFocus, setCurrentPanel]);
-  const onChangeSelectedYear = useCallback((selectedYear) => {
-    const newDate = dateInFocus ? new Date(dateInFocus) : new Date();
-    newDate.setFullYear(selectedYear);
-    if (setDateInFocus) {
-      setDateInFocus(newDate);
-    }
-    setCurrentPanel("calendar");
-  }, [dateInFocus, setDateInFocus, setCurrentPanel]);
-  const onClickYear = useCallback(() => {
-    setCurrentPanel("year");
-  }, [setCurrentPanel]);
-  const onClickMonth = useCallback(() => {
-    setCurrentPanel("month");
-  }, [setCurrentPanel]);
-  switch (currentPanel) {
+  const l = g((f) => {
+    const h = e ? new Date(e) : new Date();
+    h.setMonth(f), n && n(h), c("calendar");
+  }, [e, n, c]), o = g((f) => {
+    const h = e ? new Date(e) : new Date();
+    h.setFullYear(f), n && n(h), c("calendar");
+  }, [e, n, c]), d = g(() => {
+    c("year");
+  }, [c]), a = g(() => {
+    c("month");
+  }, [c]);
+  switch (r) {
     case "calendar":
-      return /* @__PURE__ */ jsx(Fragment, {
-        children: /* @__PURE__ */ jsx(Calendar, {
-          ...props,
-          date: dateInFocus,
-          onClickYear,
-          onClickMonth
+      return /* @__PURE__ */ i(mt, {
+        children: /* @__PURE__ */ i(Ut, {
+          ...s,
+          date: e,
+          onClickYear: d,
+          onClickMonth: a
         })
       });
     case "month":
-      return /* @__PURE__ */ jsx(MonthPicker, {
-        value: dateInFocus.getMonth(),
-        onValueChange: onChangeSelectedMonth
+      return /* @__PURE__ */ i(un, {
+        value: e.getMonth(),
+        onValueChange: l
       });
     case "year":
-      return /* @__PURE__ */ jsx(YearPicker, {
-        value: dateInFocus.getFullYear(),
-        onValueChange: onChangeSelectedYear
+      return /* @__PURE__ */ i(yn, {
+        value: e.getFullYear(),
+        onValueChange: o
       });
     case "presets":
-      return /* @__PURE__ */ jsx(PresetPicker, {
+      return /* @__PURE__ */ i(hn, {
         onClickPreset: () => {
         }
       });
     default:
-      return /* @__PURE__ */ jsx(Box, {
-        children: /* @__PURE__ */ jsx(PrimaryButton, {
+      return /* @__PURE__ */ i(I, {
+        children: /* @__PURE__ */ i(lt, {
           label: "Show calendar",
-          onClick: () => setCurrentPanel("calendar")
+          onClick: () => c("calendar")
         })
       });
   }
-};
-const noop = () => {
-};
-function CalendarWithMonthSwitcher({
-  monthSwitcherPlacement,
-  theme = defaultCalendarTheme,
-  dateInFocus,
-  setDateInFocus,
-  currentPanel,
-  setCurrentPanel,
-  onSelectPreset = noop,
-  hideYearPagination = false,
-  ...calendarProps
+}, pn = () => {
+};
+function F({
+  monthSwitcherPlacement: t,
+  theme: e = ct,
+  dateInFocus: n,
+  setDateInFocus: r,
+  currentPanel: c,
+  setCurrentPanel: s,
+  onSelectPreset: l = pn,
+  hideYearPagination: o = !1,
+  ...d
 }) {
   const {
-    nextMonth,
-    prevMonth,
-    nextYear,
-    prevYear
-  } = useSelectedMonthStepperLogic(dateInFocus, setDateInFocus, calendarProps.monthsPerRow, calendarProps.numMonths);
-  const placement = fallbackIfNoPlacement(monthSwitcherPlacement, calendarProps.numMonths);
-  switch (placement) {
-    case "below": {
-      return /* @__PURE__ */ jsx(WithMonthSwitcherBelow, {
-        theme,
-        nextMonth,
-        prevMonth,
-        nextYear,
-        prevYear,
-        children: /* @__PURE__ */ jsx(Calendar, {
-          ...calendarProps,
-          theme,
-          date: dateInFocus
+    nextMonth: a,
+    prevMonth: f,
+    nextYear: h,
+    prevYear: u
+  } = ln(n, r, d.monthsPerRow, d.numMonths);
+  switch (bn(t, d.numMonths)) {
+    case "below":
+      return /* @__PURE__ */ i(dn, {
+        theme: e,
+        nextMonth: a,
+        prevMonth: f,
+        nextYear: h,
+        prevYear: u,
+        children: /* @__PURE__ */ i(Ut, {
+          ...d,
+          theme: e,
+          date: n
         })
       });
-    }
-    case "header": {
-      return /* @__PURE__ */ jsx(Column, {
-        children: /* @__PURE__ */ jsx(CalendarWithMonthYearPickers, {
-          ...calendarProps,
-          theme,
-          dateInFocus,
-          setDateInFocus,
-          currentPanel,
-          setCurrentPanel,
-          onSelectPreset,
-          headerLeftContent: /* @__PURE__ */ jsxs(Row, {
+    case "header":
+      return /* @__PURE__ */ i(B, {
+        children: /* @__PURE__ */ i(wn, {
+          ...d,
+          theme: e,
+          dateInFocus: n,
+          setDateInFocus: r,
+          currentPanel: c,
+          setCurrentPanel: s,
+          onSelectPreset: l,
+          headerLeftContent: /* @__PURE__ */ E(R, {
             alignItems: "center",
-            children: [!hideYearPagination && /* @__PURE__ */ jsx(FlatButton, {
+            children: [!o && /* @__PURE__ */ i(T, {
               size: "small",
-              onClick: prevYear,
-              leftIcon: faAngleDoubleLeft
-            }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(FlatButton, {
+              onClick: u,
+              leftIcon: Vt
+            }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(T, {
               size: "small",
-              onClick: prevMonth,
-              leftIcon: stenaAngleLeft
+              onClick: f,
+              leftIcon: Ot
             })]
           }),
-          headerRightContent: /* @__PURE__ */ jsxs(Row, {
+          headerRightContent: /* @__PURE__ */ E(R, {
             alignItems: "center",
-            children: [/* @__PURE__ */ jsx(FlatButton, {
+            children: [/* @__PURE__ */ i(T, {
               size: "small",
-              onClick: nextMonth,
-              leftIcon: stenaAngleRight
-            }), /* @__PURE__ */ jsx(Space, {}), !hideYearPagination && /* @__PURE__ */ jsx(FlatButton, {
+              onClick: a,
+              leftIcon: $t
+            }), /* @__PURE__ */ i($, {}), !o && /* @__PURE__ */ i(T, {
               size: "small",
-              onClick: nextYear,
-              leftIcon: faAngleDoubleRight
+              onClick: h,
+              leftIcon: te
             })]
           })
         })
       });
-    }
-    default: {
-      return /* @__PURE__ */ jsx(Calendar, {
-        ...calendarProps,
-        theme,
-        date: dateInFocus
+    default:
+      return /* @__PURE__ */ i(Ut, {
+        ...d,
+        theme: e,
+        date: n
       });
-    }
   }
 }
-const fallbackIfNoPlacement = (monthSwitcherPlacement, numMonths) => {
-  return monthSwitcherPlacement || (numMonths || 1) > 1 ? "below" : "header";
-};
-const dateRangeToStrings = (dateRange) => ({
-  startDate: dateRange.startDate ? format(dateRange.startDate, "yyyy-MM-dd") : void 0,
-  endDate: dateRange.endDate ? format(dateRange.endDate, "yyyy-MM-dd") : void 0
-});
-const stringsToDateRange = ({
-  startDate,
-  endDate
+const bn = (t, e) => t || (e || 1) > 1 ? "below" : "header", kn = (t) => ({
+  startDate: t.startDate ? W(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? W(t.endDate, "yyyy-MM-dd") : void 0
+}), Sn = ({
+  startDate: t,
+  endDate: e
 }) => {
-  const now = new Date();
+  const n = new Date();
   return {
-    startDate: startDate ? parse(startDate, "yyyy-MM-dd", now) : void 0,
-    endDate: endDate ? parse(endDate, "yyyy-MM-dd", now) : void 0
+    startDate: t ? ot(t, "yyyy-MM-dd", n) : void 0,
+    endDate: e ? ot(e, "yyyy-MM-dd", n) : void 0
   };
-};
-const isDateRangeInvalid = ({
-  startDate,
-  endDate
-}) => Boolean(startDate && endDate && !isSameDay(startDate, endDate) && isAfter(startDate, endDate));
-const toggleDatesIfEndIsEarlierThanStart = (dateRange) => {
-  if (isDateRangeInvalid(dateRange)) {
-    return {
-      startDate: dateRange.endDate,
-      endDate: dateRange.startDate
-    };
-  }
-  return dateRange;
-};
-const toggleDateStringsIfEndIsEarlierThanStart = (dateRange) => {
-  if (dateRange.startDate && dateRange.endDate) {
-    return dateRangeToStrings(toggleDatesIfEndIsEarlierThanStart(stringsToDateRange(dateRange)));
-  }
-  return dateRange;
-};
-const useDateRangeOnClickDayHandler = (value, onValueChange, focusedInput, setFocusedInput) => {
-  return useCallback((day) => {
-    const dateRange = {
-      startDate: focusedInput === "startDate" ? day.date : value == null ? void 0 : value.startDate,
-      endDate: focusedInput === "endDate" ? day.date : value == null ? void 0 : value.endDate
+}, se = ({
+  startDate: t,
+  endDate: e
+}) => Boolean(
+  t && e && !z(t, e) && nt(t, e)
+), ie = (t) => se(t) ? {
+  startDate: t.endDate,
+  endDate: t.startDate
+} : t, yr = (t) => t.startDate && t.endDate ? kn(
+  ie(Sn(t))
+) : t, oe = (t, e, n, r) => g(
+  (c) => {
+    const s = {
+      startDate: n === "startDate" ? c.date : t == null ? void 0 : t.startDate,
+      endDate: n === "endDate" ? c.date : t == null ? void 0 : t.endDate
     };
-    if (!isDateRangeInvalid(dateRange)) {
-      setFocusedInput(focusedInput === "startDate" ? "endDate" : "startDate");
-    }
-    onValueChange == null ? void 0 : onValueChange(toggleDatesIfEndIsEarlierThanStart(dateRange));
-  }, [
-    focusedInput,
-    onValueChange,
-    setFocusedInput,
-    value == null ? void 0 : value.endDate,
-    value == null ? void 0 : value.startDate
-  ]);
-};
-const useInternalPanelState = (onChangePanel) => {
-  const [currentPanel, _setCurrentPanel] = useState("calendar");
-  const setCurrentPanel = useCallback((currentPanel2) => {
-    _setCurrentPanel(currentPanel2);
-    onChangePanel == null ? void 0 : onChangePanel(currentPanel2);
-  }, [onChangePanel]);
+    se(s) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(ie(s));
+  },
+  [
+    n,
+    e,
+    r,
+    t == null ? void 0 : t.endDate,
+    t == null ? void 0 : t.startDate
+  ]
+), kt = (t) => {
+  const [e, n] = S("calendar"), r = g((c) => {
+    n(c), t == null || t(c);
+  }, [t]);
   return {
-    currentPanel,
-    setCurrentPanel
+    currentPanel: e,
+    setCurrentPanel: r
   };
-};
-const useDateRangeSelection = ({
-  focusedInput,
-  value,
-  onValueChange,
-  setFocusedInput,
-  statePerMonth,
-  onChangePanel
+}, Mn = ({
+  focusedInput: t,
+  value: e,
+  onValueChange: n,
+  setFocusedInput: r,
+  statePerMonth: c,
+  onChangePanel: s
 }) => {
-  const { currentPanel, setCurrentPanel } = useInternalPanelState(onChangePanel);
-  const [dateInFocus, setDateInFocus] = useState(() => new Date());
-  const onClickDay = useDateRangeOnClickDayHandler(value, onValueChange, focusedInput, setFocusedInput);
-  const statePerMonthWithSelection = useMemo(() => buildDayStateForDateRange(statePerMonth, value == null ? void 0 : value.startDate, value == null ? void 0 : value.endDate), [statePerMonth, value == null ? void 0 : value.endDate, value == null ? void 0 : value.startDate]);
+  const { currentPanel: l, setCurrentPanel: o } = kt(s), [d, a] = S(() => new Date()), f = oe(
+    e,
+    n,
+    t,
+    r
+  ), h = C(
+    () => wt(
+      c,
+      e == null ? void 0 : e.startDate,
+      e == null ? void 0 : e.endDate
+    ),
+    [c, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
+  );
   return {
-    onClickDay,
-    statePerMonth: statePerMonthWithSelection,
-    currentPanel,
-    setCurrentPanel,
-    setDateInFocus,
-    dateInFocus
+    onClickDay: f,
+    statePerMonth: h,
+    currentPanel: l,
+    setCurrentPanel: o,
+    setDateInFocus: a,
+    dateInFocus: d
   };
 };
-function DateRangeCalendar(props) {
-  const dateRangeSelectionProps = useDateRangeSelection(props);
-  return /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-    ...props,
-    ...dateRangeSelectionProps
+function mr(t) {
+  const e = Mn(t);
+  return /* @__PURE__ */ i(F, {
+    ...t,
+    ...e
   });
 }
-const useDateRangeCalendarState = () => {
-  const [startDate, setStartDate] = useState();
-  const [endDate, setEndDate] = useState();
-  const [focusedInput, setFocusedInput] = useState("startDate");
+const wr = () => {
+  const [t, e] = S(), [n, r] = S(), [c, s] = S("startDate");
   return {
-    startDate,
-    setStartDate,
-    endDate,
-    setEndDate,
-    focusedInput,
-    setFocusedInput
+    startDate: t,
+    setStartDate: e,
+    endDate: n,
+    setEndDate: r,
+    focusedInput: c,
+    setFocusedInput: s
   };
-};
-const useSingleDateSelection = ({
-  onChange,
-  value,
-  statePerMonth,
-  onChangePanel
+}, En = ({
+  onChange: t,
+  value: e,
+  statePerMonth: n,
+  onChangePanel: r
 }) => {
-  const { currentPanel, setCurrentPanel } = useInternalPanelState(onChangePanel);
-  const [dateInFocus, setDateInFocus] = useState(() => value != null ? value : new Date());
-  const onClickDay = useCallback((day) => {
-    if (onChange) {
-      onChange(day.date);
-    }
-  }, [onChange]);
-  const statePerMonthWithSelectedDate = useMemo(() => value ? addDayStateHighlights(statePerMonth, value, [
-    "selected",
-    "singleSelected"
-  ]) : statePerMonth, [statePerMonth, value]);
+  const { currentPanel: c, setCurrentPanel: s } = kt(r), [l, o] = S(() => e != null ? e : new Date()), d = g(
+    (f) => {
+      t && t(f.date);
+    },
+    [t]
+  ), a = C(
+    () => e ? X(n, e, [
+      "selected",
+      "singleSelected"
+    ]) : n,
+    [n, e]
+  );
   return {
-    onClickDay,
-    statePerMonth: statePerMonthWithSelectedDate,
-    date: value,
-    currentPanel,
-    setCurrentPanel,
-    dateInFocus,
-    setDateInFocus
+    onClickDay: d,
+    statePerMonth: a,
+    date: e,
+    currentPanel: c,
+    setCurrentPanel: s,
+    dateInFocus: l,
+    setDateInFocus: o
   };
 };
-function SingleDateCalendar(props) {
-  const singleDateSelectionProps = useSingleDateSelection(props);
-  return /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-    ...props,
-    ...singleDateSelectionProps
+function le(t) {
+  const e = En(t);
+  return /* @__PURE__ */ i(F, {
+    ...t,
+    ...e
   });
 }
-const useMultiDateSelection = ({
-  onChange,
-  value,
-  statePerMonth,
-  onChangePanel
+const Rn = ({
+  onChange: t,
+  value: e,
+  statePerMonth: n,
+  onChangePanel: r
 }) => {
-  const { currentPanel, setCurrentPanel } = useInternalPanelState(onChangePanel);
-  const [dateInFocus, setDateInFocus] = useState(() => new Date());
-  const onClickDay = useCallback((day) => {
-    if (!onChange) {
-      return;
-    }
-    const isSelected = value && value.find((d) => isSameDay(d, day.date));
-    if (value && isSelected) {
-      onChange(value.filter((v) => !isSameDay(v, day.date)));
-    } else {
-      onChange([...value || [], day.date]);
-    }
-  }, [onChange, value]);
-  const statePerMonthWithSelectedDate = useMemo(() => {
-    if (!value) {
-      return statePerMonth;
-    }
-    return value.reduce((stateSum, date) => addDayStateHighlights(stateSum, date, ["selected"]), statePerMonth);
-  }, [statePerMonth, value]);
+  const { currentPanel: c, setCurrentPanel: s } = kt(r), [l, o] = S(() => new Date()), d = g(
+    (f) => {
+      if (!t)
+        return;
+      const h = e && e.find((u) => z(u, f.date));
+      t(e && h ? e.filter((u) => !z(u, f.date)) : [...e || [], f.date]);
+    },
+    [t, e]
+  ), a = C(() => e ? e.reduce(
+    (f, h) => X(f, h, ["selected"]),
+    n
+  ) : n, [n, e]);
   return {
-    onClickDay,
-    statePerMonth: statePerMonthWithSelectedDate,
-    currentPanel,
-    setCurrentPanel,
-    dateInFocus,
-    setDateInFocus
+    onClickDay: d,
+    statePerMonth: a,
+    currentPanel: c,
+    setCurrentPanel: s,
+    dateInFocus: l,
+    setDateInFocus: o
   };
 };
-function MultiDateCalendar(props) {
-  const selectionProps = useMultiDateSelection(props);
-  return /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-    ...props,
-    ...selectionProps
+function pr(t) {
+  const e = Rn(t);
+  return /* @__PURE__ */ i(F, {
+    ...t,
+    ...e
   });
 }
-const useSingleWeekSelection = ({
-  onChange,
-  value,
-  statePerMonth,
-  onChangePanel
+const An = ({
+  onChange: t,
+  value: e,
+  statePerMonth: n,
+  onChangePanel: r
 }) => {
-  const [dateInFocus, setDateInFocus] = useState(() => {
-    const week = getWeekDataFromWeekString(value);
-    if (!week) {
-      return new Date();
-    }
-    return week.days[0].date;
-  });
-  const { currentPanel, setCurrentPanel } = useInternalPanelState(onChangePanel);
-  const onClickDay = useCallback((day) => {
-    if (onChange) {
-      onChange(getWeekStringFromWeekData(getWeekForDate(day.date)));
-    }
-  }, [onChange]);
-  const onClickWeek = useCallback((week) => {
-    if (onChange) {
-      onChange(getWeekStringFromWeekData(week));
-    }
-  }, [onChange]);
-  const statePerMonthWithSelection = useMemo(() => {
-    const weekData = getWeekDataFromWeekString(value);
-    return weekData ? addWeekRangeHighlights(statePerMonth, weekData) : statePerMonth;
-  }, [value, statePerMonth]);
-  const date = useMemo(() => {
-    const week = getWeekDataFromWeekString(value);
-    if (!week) {
-      return new Date();
-    }
-    return week.days[0].date;
-  }, [value]);
+  const [c, s] = S(() => {
+    const u = Ht(e);
+    return u ? u.days[0].date : new Date();
+  }), { currentPanel: l, setCurrentPanel: o } = kt(r), d = g(
+    (u) => {
+      t && t(Kt(jt(u.date)));
+    },
+    [t]
+  ), a = g(
+    (u) => {
+      t && t(Kt(u));
+    },
+    [t]
+  ), f = C(() => {
+    const u = Ht(e);
+    return u ? $e(n, u) : n;
+  }, [e, n]), h = C(() => {
+    const u = Ht(e);
+    return u ? u.days[0].date : new Date();
+  }, [e]);
   return {
-    statePerMonth: statePerMonthWithSelection,
-    date,
-    dateInFocus,
-    setDateInFocus,
-    onClickDay,
-    onClickWeek,
-    currentPanel,
-    setCurrentPanel
+    statePerMonth: f,
+    date: h,
+    dateInFocus: c,
+    setDateInFocus: s,
+    onClickDay: d,
+    onClickWeek: a,
+    currentPanel: l,
+    setCurrentPanel: o
   };
-};
-const getWeekStringFromWeekData = (week) => {
-  if (!week) {
-    return void 0;
-  }
-  return `${week.endYear}-${week.weekNumber}`;
-};
-const getWeekDataFromWeekString = (week) => {
-  if (!week) {
-    return void 0;
-  }
-  const parts = week.split("-");
-  const weekNumber = parseInt(parts[1], 10);
-  const year = parseInt(parts[0], 10);
-  return getWeekForDate(getStartDateOfISOWeek(weekNumber, year));
-};
-function SingleWeekCalendar(props) {
-  const singleWeekSelectionProps = useSingleWeekSelection(props);
-  return /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-    ...props,
-    ...singleWeekSelectionProps
+}, Kt = (t) => {
+  if (!!t)
+    return `${t.endYear}-${t.weekNumber}`;
+}, Ht = (t) => {
+  if (!t)
+    return;
+  const e = t.split("-"), n = parseInt(e[1], 10), r = parseInt(e[0], 10);
+  return jt(Je(n, r));
+};
+function br(t) {
+  const e = An(t);
+  return /* @__PURE__ */ i(F, {
+    ...t,
+    ...e
   });
 }
-const removeDateIfExist = (list, date) => list.filter((item) => !isSameDay(item, date));
-const listContainsDate = (list, date) => !!list.find((item) => isSameDay(item, date));
-const useDateRangeExclusionSelection = ({
-  value,
-  onValueChange,
-  statePerMonth,
-  onChangePanel
+const Tn = (t, e) => t.filter((n) => !z(n, e)), xn = (t, e) => !!t.find((n) => z(n, e)), Cn = ({
+  value: t,
+  onValueChange: e,
+  statePerMonth: n,
+  onChangePanel: r
 }) => {
-  const [dateRange, setDateRange] = useState();
-  const [focusedInput, setFocusedInput] = useState("startDate");
-  const { currentPanel, setCurrentPanel } = useInternalPanelState(onChangePanel);
-  const [dateInFocus, setDateInFocus] = useState(() => {
-    var _a;
-    return (_a = focusedInput && (value == null ? void 0 : value[focusedInput])) != null ? _a : new Date();
-  });
-  const onChangeHandler = useCallback((value2) => {
-    setDateRange(value2);
-    const { startDate, endDate } = value2;
-    if (onValueChange) {
-      if (startDate && endDate) {
-        const dates = eachDayOfInterval({ start: startDate, end: endDate });
-        onValueChange(dates);
-      } else if (startDate) {
-        onValueChange([startDate]);
-      } else if (endDate) {
-        onValueChange([endDate]);
-      }
-    }
-  }, [onValueChange]);
-  const onClickDayRange = useDateRangeOnClickDayHandler(dateRange, onChangeHandler, focusedInput, setFocusedInput);
-  const onClickDay = useCallback((day, userData, ev) => {
-    if (onValueChange) {
-      if (ev.ctrlKey || ev.metaKey) {
-        if (!value) {
-          onValueChange([day.date]);
-        } else if (listContainsDate(value, day.date)) {
-          onValueChange(removeDateIfExist(value, day.date));
-        } else {
-          onValueChange([...value, day.date]);
-        }
-      } else {
-        onClickDayRange(day, userData, ev);
-      }
-    }
-  }, [onValueChange, onClickDayRange, value]);
-  const statePerMonthWithSelectedDate = useMemo(() => {
-    return addHighlighting(statePerMonth, value);
-  }, [statePerMonth, value]);
+  const [c, s] = S(), [l, o] = S("startDate"), { currentPanel: d, setCurrentPanel: a } = kt(r), [f, h] = S(
+    () => {
+      var p;
+      return (p = l && (t == null ? void 0 : t[l])) != null ? p : new Date();
+    }
+  ), u = g(
+    (p) => {
+      s(p);
+      const { startDate: b, endDate: w } = p;
+      if (e)
+        if (b && w) {
+          const y = Bt({ start: b, end: w });
+          e(y);
+        } else
+          b ? e([b]) : w && e([w]);
+    },
+    [e]
+  ), D = oe(
+    c,
+    u,
+    l,
+    o
+  ), m = g(
+    (p, b, w) => {
+      e && (w.ctrlKey || w.metaKey ? t ? xn(t, p.date) ? e(Tn(t, p.date)) : e([...t, p.date]) : e([p.date]) : D(p, b, w));
+    },
+    [e, D, t]
+  ), k = C(() => In(n, t), [n, t]);
   return {
-    onClickDay,
-    statePerMonth: statePerMonthWithSelectedDate,
-    currentPanel,
-    setCurrentPanel,
-    dateInFocus,
-    setDateInFocus
+    onClickDay: m,
+    statePerMonth: k,
+    currentPanel: d,
+    setCurrentPanel: a,
+    dateInFocus: f,
+    setDateInFocus: h
   };
-};
-const addHighlighting = (statePerMonth, dateList) => {
-  if (!dateList) {
-    return statePerMonth;
-  }
-  return dateList.reduce((statePerMonth2, date) => {
-    return addDayStateHighlights(statePerMonth2, date, ["selected"]);
-  }, statePerMonth);
-};
-function DateRangeExclusionCalendar(props) {
-  const selectionProps = useDateRangeExclusionSelection(props);
-  return /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-    ...props,
-    ...selectionProps
+}, In = (t, e) => e ? e.reduce((n, r) => X(n, r, ["selected"]), t) : t;
+function kr(t) {
+  const e = Cn(t);
+  return /* @__PURE__ */ i(F, {
+    ...t,
+    ...e
   });
 }
-const defaultPopoverPlacement = "bottom";
-const useCalendarPopoverUpdater = () => {
-  const [tippyRef, tippyInstanceRef] = useTippyInstance();
-  const onChangePanel = useCallback(() => {
-    var _a, _b;
-    (_b = (_a = tippyInstanceRef.current) == null ? void 0 : _a.popperInstance) == null ? void 0 : _b.update();
-  }, [tippyInstanceRef]);
+const St = "bottom", de = () => {
+  const [t, e] = Le();
   return {
-    onChangePanel,
-    tippyRef
+    onChangePanel: g(() => {
+      var r, c;
+      (c = (r = e.current) == null ? void 0 : r.popperInstance) == null || c.update();
+    }, [e]),
+    tippyRef: t
   };
-};
-const useDateInput = (onChange, onClose, openOnMount) => {
-  const [showingCalendar, setShowingCalendar] = useState(openOnMount || false);
-  const showCalendar = useCallback(() => {
-    setShowingCalendar(true);
-    return true;
-  }, [setShowingCalendar]);
-  const hideCalendar = useCallback(() => {
-    setShowingCalendar(false);
-    if (onClose) {
-      onClose();
-    }
-  }, [setShowingCalendar, onClose]);
-  const onSelectDate = useCallback((date) => {
-    if (onChange) {
-      onChange(date);
-    }
-    setTimeout(hideCalendar, 150);
-  }, [onChange, hideCalendar]);
+}, Nn = (t, e, n) => {
+  const [r, c] = S(n || !1), s = g(() => (c(!0), !0), [c]), l = g(() => {
+    c(!1), e && e();
+  }, [c, e]), o = g((d) => {
+    t && t(d), setTimeout(l, 150);
+  }, [t, l]);
   return {
-    showCalendar,
-    hideCalendar,
-    showingCalendar,
-    onSelectDate
+    showCalendar: s,
+    hideCalendar: l,
+    showingCalendar: r,
+    onSelectDate: o
   };
-};
-const defaultMaxDate = "2999-12-31";
-const DateInput = ({
-  displayFormat = DateFormats.fullDate,
-  placeholder = "Enter date",
-  value,
-  zIndex = 100,
-  calendarTheme = defaultCalendarTheme,
-  calendarProps,
-  openOnMount,
-  onClose,
-  onChange,
-  portalTarget,
-  variant,
-  width,
-  minDate,
-  maxDate = defaultMaxDate,
-  disabled
+}, Mt = "2999-12-31", Sr = ({
+  displayFormat: t = Z.fullDate,
+  placeholder: e = "Enter date",
+  value: n,
+  zIndex: r = 100,
+  calendarTheme: c = ct,
+  calendarProps: s,
+  openOnMount: l,
+  onClose: o,
+  onChange: d,
+  portalTarget: a,
+  variant: f,
+  width: h,
+  minDate: u,
+  maxDate: D = Mt,
+  disabled: m
 }) => {
   const {
-    hideCalendar,
-    showingCalendar,
-    onSelectDate,
-    showCalendar
-  } = useDateInput(onChange, onClose, openOnMount);
-  const {
-    tippyRef,
-    onChangePanel
-  } = useCalendarPopoverUpdater();
-  return /* @__PURE__ */ jsx(Box, {
-    width,
-    children: /* @__PURE__ */ jsx(Popover, {
-      arrow: false,
-      lazy: true,
-      visible: showingCalendar,
-      onClickOutside: hideCalendar,
-      placement: defaultPopoverPlacement,
-      zIndex,
-      appendTo: portalTarget != null ? portalTarget : "parent",
-      tippyRef,
-      disabled,
-      content: /* @__PURE__ */ jsx(SingleDateCalendar, {
-        ...calendarProps,
-        onChange: onSelectDate,
-        value,
-        theme: calendarTheme,
-        onChangePanel,
-        minDate,
-        maxDate
+    hideCalendar: k,
+    showingCalendar: p,
+    onSelectDate: b,
+    showCalendar: w
+  } = Nn(d, o, l), {
+    tippyRef: y,
+    onChangePanel: M
+  } = de();
+  return /* @__PURE__ */ i(I, {
+    width: h,
+    children: /* @__PURE__ */ i(bt, {
+      arrow: !1,
+      lazy: !0,
+      visible: p,
+      onClickOutside: k,
+      placement: St,
+      zIndex: r,
+      appendTo: a != null ? a : "parent",
+      tippyRef: y,
+      disabled: m,
+      content: /* @__PURE__ */ i(le, {
+        ...s,
+        onChange: b,
+        value: n,
+        theme: c,
+        onChangePanel: M,
+        minDate: u,
+        maxDate: D
       }),
-      children: /* @__PURE__ */ jsx(TextInput, {
+      children: /* @__PURE__ */ i(rt, {
         type: "date",
-        contentRight: /* @__PURE__ */ jsx(Row, {
+        contentRight: /* @__PURE__ */ i(R, {
           alignItems: "center",
-          children: /* @__PURE__ */ jsx(FlatButton, {
+          children: /* @__PURE__ */ i(T, {
             size: "small",
-            disabled,
-            leftIcon: stenaCalendar,
-            onClick: showCalendar
+            disabled: m,
+            leftIcon: ht,
+            onClick: w
           })
         }),
-        onFocus: showCalendar,
-        onClickRight: showCalendar,
-        value: value ? format(value, displayFormat) : "",
-        placeholder,
+        onFocus: w,
+        onClickRight: w,
+        value: n ? W(n, t) : "",
+        placeholder: e,
         size: 9,
-        disabled,
-        autoFocus: openOnMount,
-        variant,
-        min: minDate,
-        max: maxDate
+        disabled: m,
+        autoFocus: l,
+        variant: f,
+        min: u,
+        max: D
       })
     })
   });
-};
-const useDateRangeInput = (value, onValueChange) => {
-  const startDateInputRef = useRef(null);
-  const endDateInputRef = useRef(null);
-  const [showingCalendar, setShowingCalendar] = useState(false);
-  const [focusedInput, setFocusedInput] = useState(void 0);
-  const showCalendarStartDate = useCallback(() => {
-    setFocusedInput("startDate");
-    setShowingCalendar(true);
-    return true;
-  }, [setFocusedInput, setShowingCalendar]);
-  const showCalendarEndDate = useCallback(() => {
-    setFocusedInput("endDate");
-    setShowingCalendar(true);
-    return true;
-  }, [setFocusedInput, setShowingCalendar]);
-  const hideCalendar = useCallback(() => {
-    setShowingCalendar(false);
-  }, [setShowingCalendar]);
-  const onClickDay = useCallback((day) => {
-    if (focusedInput === "startDate") {
-      onValueChange == null ? void 0 : onValueChange({
-        startDate: day.date,
-        endDate: value == null ? void 0 : value.endDate
-      });
-      if (!(value == null ? void 0 : value.endDate)) {
-        setFocusedInput("endDate");
-        endDateInputRef.current && endDateInputRef.current.focus();
-      } else {
-        setTimeout(hideCalendar, 150);
-      }
-    } else if (focusedInput === "endDate") {
-      onValueChange == null ? void 0 : onValueChange({
-        startDate: value == null ? void 0 : value.startDate,
-        endDate: day.date
-      });
-      if (!(value == null ? void 0 : value.startDate)) {
-        setFocusedInput("startDate");
-        startDateInputRef.current && startDateInputRef.current.focus();
-      } else {
-        setTimeout(hideCalendar, 150);
-      }
-    }
-  }, [focusedInput, onValueChange, setFocusedInput, hideCalendar, value]);
-  const startDateIsAfterEnd = useMemo(() => (value == null ? void 0 : value.startDate) && (value == null ? void 0 : value.endDate) && isAfter(value.startDate, value.endDate), [value == null ? void 0 : value.startDate, value == null ? void 0 : value.endDate]);
+}, Hn = (t, e) => {
+  const n = J(null), r = J(null), [c, s] = S(!1), [l, o] = S(void 0), d = g(() => (o("startDate"), s(!0), !0), [o, s]), a = g(() => (o("endDate"), s(!0), !0), [o, s]), f = g(() => {
+    s(!1);
+  }, [s]), h = g((D) => {
+    l === "startDate" ? (e == null || e({
+      startDate: D.date,
+      endDate: t == null ? void 0 : t.endDate
+    }), t != null && t.endDate ? setTimeout(f, 150) : (o("endDate"), r.current && r.current.focus())) : l === "endDate" && (e == null || e({
+      startDate: t == null ? void 0 : t.startDate,
+      endDate: D.date
+    }), t != null && t.startDate ? setTimeout(f, 150) : (o("startDate"), n.current && n.current.focus()));
+  }, [l, e, o, f, t]), u = C(() => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && nt(t.startDate, t.endDate), [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]);
   return {
-    showingCalendar,
-    hideCalendar,
-    showCalendarEndDate,
-    showCalendarStartDate,
-    focusedInput,
-    setFocusedInput,
-    startDateInputRef,
-    endDateInputRef,
-    onClickDay,
-    startDateIsAfterEnd
+    showingCalendar: c,
+    hideCalendar: f,
+    showCalendarEndDate: a,
+    showCalendarStartDate: d,
+    focusedInput: l,
+    setFocusedInput: o,
+    startDateInputRef: n,
+    endDateInputRef: r,
+    onClickDay: h,
+    startDateIsAfterEnd: u
   };
 };
-const DateRangeInput = ({
-  displayFormat = DateFormats.fullDate,
-  placeholderStartDate = "Start date",
-  placeholderEndDate = "End date",
-  portalTarget,
-  value,
-  onValueChange,
-  zIndex = 100,
-  width,
-  calendarTheme = defaultCalendarTheme,
-  calendarProps,
-  minDate,
-  maxDate = defaultMaxDate,
-  disabled
-}) => {
-  const [dateInFocus, setDateInFocus] = useState(() => {
-    var _a;
-    return (_a = focusedInput && (value == null ? void 0 : value[focusedInput])) != null ? _a : new Date();
-  });
-  const [currentPanel, setCurrentPanel] = useState("calendar");
-  const {
-    hideCalendar,
-    showCalendarEndDate,
-    showCalendarStartDate,
-    showingCalendar,
-    focusedInput,
-    startDateInputRef,
-    endDateInputRef,
-    onClickDay,
-    startDateIsAfterEnd
-  } = useDateRangeInput(value, onValueChange);
-  const statePerMonth = useMemo(() => buildDayStateForDateRange(void 0, value == null ? void 0 : value.startDate, value == null ? void 0 : value.endDate), [value]);
-  return /* @__PURE__ */ jsx(Popover, {
-    arrow: false,
-    lazy: true,
-    disabled,
-    visible: showingCalendar,
-    zIndex,
-    placement: defaultPopoverPlacement,
-    appendTo: portalTarget != null ? portalTarget : "parent",
-    onClickOutside: hideCalendar,
-    content: /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-      ...calendarProps,
-      dateInFocus,
-      setDateInFocus,
-      statePerMonth,
-      theme: calendarTheme,
-      onClickDay,
-      currentPanel,
-      setCurrentPanel,
-      minDate,
-      maxDate
+function Mr({
+  displayFormat: t = Z.fullDate,
+  placeholderStartDate: e = "Start date",
+  placeholderEndDate: n = "End date",
+  portalTarget: r,
+  value: c,
+  onValueChange: s,
+  zIndex: l = 100,
+  width: o,
+  calendarTheme: d = ct,
+  calendarProps: a,
+  minDate: f,
+  maxDate: h = Mt,
+  disabled: u
+}) {
+  const [D, m] = S(() => {
+    var _;
+    return (_ = A && (c == null ? void 0 : c[A])) != null ? _ : new Date();
+  }), [k, p] = S("calendar"), {
+    hideCalendar: b,
+    showCalendarEndDate: w,
+    showCalendarStartDate: y,
+    showingCalendar: M,
+    focusedInput: A,
+    startDateInputRef: x,
+    endDateInputRef: N,
+    onClickDay: O,
+    startDateIsAfterEnd: H
+  } = Hn(c, s), j = C(() => wt(void 0, c == null ? void 0 : c.startDate, c == null ? void 0 : c.endDate), [c]);
+  return /* @__PURE__ */ i(bt, {
+    arrow: !1,
+    lazy: !0,
+    disabled: u,
+    visible: M,
+    zIndex: l,
+    placement: St,
+    appendTo: r != null ? r : "parent",
+    onClickOutside: b,
+    content: /* @__PURE__ */ i(F, {
+      ...a,
+      dateInFocus: D,
+      setDateInFocus: m,
+      statePerMonth: j,
+      theme: d,
+      onClickDay: O,
+      currentPanel: k,
+      setCurrentPanel: p,
+      minDate: f,
+      maxDate: h
     }),
-    children: /* @__PURE__ */ jsxs(Row, {
+    children: /* @__PURE__ */ E(R, {
       alignItems: "center",
-      children: [/* @__PURE__ */ jsx(TextInput, {
-        iconLeft: stenaCalendar,
-        onFocus: showCalendarStartDate,
-        value: (value == null ? void 0 : value.startDate) ? format(value.startDate, displayFormat) : "",
-        placeholder: placeholderStartDate,
-        width,
-        disabled,
-        inputRef: startDateInputRef,
+      children: [/* @__PURE__ */ i(rt, {
+        iconLeft: ht,
+        onFocus: y,
+        value: c != null && c.startDate ? W(c.startDate, t) : "",
+        placeholder: e,
+        width: o,
+        disabled: u,
+        inputRef: x,
         size: 9,
-        variant: startDateIsAfterEnd ? "error" : void 0
-      }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Icon, {
-        icon: faLongArrowAltRight,
-        color: cssColor("--lhds-color-ui-500"),
+        variant: H ? "error" : void 0
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(qt, {
+        icon: Ue,
+        color: ee("--lhds-color-ui-500"),
         size: 14
-      }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(TextInput, {
-        iconLeft: stenaCalendar,
-        onFocus: showCalendarEndDate,
-        value: (value == null ? void 0 : value.endDate) ? format(value.endDate, displayFormat) : "",
-        placeholder: placeholderEndDate,
-        width,
-        disabled,
-        inputRef: endDateInputRef,
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(rt, {
+        iconLeft: ht,
+        onFocus: w,
+        value: c != null && c.endDate ? W(c.endDate, t) : "",
+        placeholder: n,
+        width: o,
+        disabled: u,
+        inputRef: N,
         size: 9,
-        variant: startDateIsAfterEnd ? "error" : void 0
+        variant: H ? "error" : void 0
       })]
     })
   });
-};
-const DateTextInput = ({
-  calendarProps,
-  closeOnCalendarSelectDate = true,
-  dateFormat = DateFormats.fullDate,
-  disableCalender = false,
-  onValueChange,
-  placeholder = "yyyy-mm-dd",
-  portalTarget,
-  value,
-  width = "130px",
-  zIndex = 100,
-  calendarTheme = defaultCalendarTheme,
-  hideCalenderIcon = false,
-  minDate,
-  maxDate = defaultMaxDate,
-  variant,
-  ...props
+}
+const Er = ({
+  calendarProps: t,
+  closeOnCalendarSelectDate: e = !0,
+  dateFormat: n = Z.fullDate,
+  disableCalender: r = !1,
+  onValueChange: c,
+  placeholder: s = "yyyy-mm-dd",
+  portalTarget: l,
+  value: o,
+  width: d = "130px",
+  zIndex: a = 100,
+  calendarTheme: f = ct,
+  hideCalenderIcon: h = !1,
+  minDate: u,
+  maxDate: D = Mt,
+  variant: m,
+  ...k
 }) => {
-  const [open, setOpen] = useState(false);
-  const {
-    tippyRef,
-    onChangePanel
-  } = useCalendarPopoverUpdater();
-  const toggleCalendar = useCallback(() => {
-    setOpen(!open);
-  }, [setOpen, open]);
-  const hideCalendar = useCallback(() => {
-    setOpen(false);
-  }, [setOpen]);
-  const onValueChangeHandler = useCallback((value2) => {
-    if (onValueChange) {
-      onValueChange(value2);
-    }
-  }, [onValueChange]);
-  const onCalendarSelectDate = useCallback((date) => {
-    if (date) {
-      onValueChangeHandler(format(date, dateFormat));
-      if (closeOnCalendarSelectDate) {
-        setTimeout(() => setOpen(!open), 200);
-      }
-    }
-  }, [onValueChangeHandler, dateFormat, closeOnCalendarSelectDate, setOpen, open]);
-  const inValidInput = !!value && !/^[-/\\.0-9]+$/.test(value);
-  const dateIsValid = !!value && isValid(parse(value, dateFormat, new Date()));
-  const userInputCorrectLength = !!value && value.length >= dateFormat.length;
-  const invalid = userInputCorrectLength && !dateIsValid || inValidInput;
-  return /* @__PURE__ */ jsx(Box, {
-    width,
-    children: /* @__PURE__ */ jsx(Popover, {
-      arrow: false,
-      lazy: true,
-      visible: open,
-      zIndex,
-      appendTo: portalTarget != null ? portalTarget : "parent",
-      placement: defaultPopoverPlacement,
-      onClickOutside: hideCalendar,
-      tippyRef,
-      content: /* @__PURE__ */ jsx(SingleDateCalendar, {
-        ...calendarProps,
-        onChange: onCalendarSelectDate,
-        onChangePanel,
-        value: value && dateIsValid ? parse(value, dateFormat, new Date()) : void 0,
-        minDate,
-        maxDate,
-        theme: calendarTheme
+  const [p, b] = S(!1), {
+    tippyRef: w,
+    onChangePanel: y
+  } = de(), M = g(() => {
+    b(!p);
+  }, [b, p]), A = g(() => {
+    b(!1);
+  }, [b]), x = g((P) => {
+    c && c(P);
+  }, [c]), N = g((P) => {
+    P && (x(W(P, n)), e && setTimeout(() => b(!p), 200));
+  }, [x, n, e, b, p]), O = !!o && !/^[-/\\.0-9]+$/.test(o), H = !!o && xe(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !H || O;
+  return /* @__PURE__ */ i(I, {
+    width: d,
+    children: /* @__PURE__ */ i(bt, {
+      arrow: !1,
+      lazy: !0,
+      visible: p,
+      zIndex: a,
+      appendTo: l != null ? l : "parent",
+      placement: St,
+      onClickOutside: A,
+      tippyRef: w,
+      content: /* @__PURE__ */ i(le, {
+        ...t,
+        onChange: N,
+        onChangePanel: y,
+        value: o && H ? ot(o, n, new Date()) : void 0,
+        minDate: u,
+        maxDate: D,
+        theme: f
       }),
-      children: /* @__PURE__ */ jsx(TextInput, {
-        ...props,
-        variant: invalid ? "error" : variant,
-        disableContentPaddingRight: true,
-        contentRight: !hideCalenderIcon ? /* @__PURE__ */ jsx(Row, {
+      children: /* @__PURE__ */ i(rt, {
+        ...k,
+        variant: _ ? "error" : m,
+        disableContentPaddingRight: !0,
+        contentRight: h ? void 0 : /* @__PURE__ */ i(R, {
           alignItems: "center",
           indent: 0.5,
-          children: /* @__PURE__ */ jsx(FlatButton, {
+          children: /* @__PURE__ */ i(T, {
             size: "small",
-            disabled: props.disabled,
-            leftIcon: stenaCalendar,
-            onClick: toggleCalendar
+            disabled: k.disabled,
+            leftIcon: ht,
+            onClick: M
           })
-        }) : void 0,
-        onValueChange: onValueChangeHandler,
-        placeholder,
-        value: value || "",
-        min: minDate,
-        max: maxDate,
+        }),
+        onValueChange: x,
+        placeholder: s,
+        value: o || "",
+        min: u,
+        max: D,
         size: 10
       })
     })
   });
-};
-const formatHours = (hours2) => {
-  if (hours2 === "") {
+}, xt = (t) => {
+  if (t === "")
     return "00";
-  }
-  const h = parseInt(hours2, 10);
-  if (isNaN(h)) {
+  const e = parseInt(t, 10);
+  if (isNaN(e))
     throw new Error("Hours is not a number");
-  }
-  if (h < 0 || h > 23) {
+  if (e < 0 || e > 23)
     throw new Error("Hours is an invalid number");
-  }
-  switch (hours2.length) {
+  switch (t.length) {
     case 1:
-      return `0${h}`;
+      return `0${e}`;
     case 2:
-      return hours2;
+      return t;
     default:
       throw new Error("Invalid hour string");
   }
-};
-const formatMinutes = (minutes2) => {
-  if (minutes2 === "") {
+}, Ct = (t) => {
+  if (t === "")
     return "00";
-  }
-  const m = parseInt(minutes2, 10);
-  if (isNaN(m)) {
+  const e = parseInt(t, 10);
+  if (isNaN(e))
     throw new Error("Minutes is not a number");
-  }
-  if (m < 0 || m > 59) {
+  if (e < 0 || e > 59)
     throw new Error("Minutes is an invalid number");
-  }
-  switch (minutes2.length) {
+  switch (t.length) {
     case 1:
-      return `0${m}`;
+      return `0${e}`;
     case 2:
-      return minutes2;
+      return t;
     default:
       throw new Error("Invalid minute string");
   }
-};
-const formatTimeString = (time) => {
-  if (!validUserInput(time)) {
-    return { time, success: false };
-  }
-  const arr = time && time.split(/-|:|,|;|[/]|[.]| /);
-  if (arr && arr.length === 2) {
+}, Yn = (t) => {
+  if (!Wt(t))
+    return { time: t, success: !1 };
+  const e = t && t.split(/-|:|,|;|[/]|[.]| /);
+  if (e && e.length === 2)
     try {
-      const hours2 = formatHours(arr[0]);
-      const minutes2 = formatMinutes(arr[1]);
-      return { time: `${hours2}:${minutes2}`, success: true };
+      const n = xt(e[0]), r = Ct(e[1]);
+      return { time: `${n}:${r}`, success: !0 };
     } catch {
-      return { time, success: false };
+      return { time: t, success: !1 };
     }
-  } else if (arr && arr.length === 1) {
-    let hours2 = 0;
-    let minutes2 = 0;
-    switch (time.length) {
+  else if (e && e.length === 1) {
+    let n = 0, r = 0;
+    switch (t.length) {
       case 1:
-        return { time: `0${time}:00`, success: true };
+        return { time: `0${t}:00`, success: !0 };
       case 2:
-        const timeNumber = parseInt(arr[0], 10);
-        if (timeNumber >= 0 && timeNumber < 24) {
-          return { time: `${time}:00`, success: true };
-        } else if (timeNumber >= 24 && timeNumber < 59) {
-          return { time: `00:${time}`, success: true };
-        }
-        return { time, success: false };
+        const c = parseInt(e[0], 10);
+        return c >= 0 && c < 24 ? { time: `${t}:00`, success: !0 } : c >= 24 && c < 59 ? { time: `00:${t}`, success: !0 } : { time: t, success: !1 };
       case 3:
-        minutes2 = parseInt(time.substr(1, 2), 10);
-        if (minutes2 >= 0 && minutes2 <= 59) {
-          return {
-            time: `0${time.substr(0, 1)}:${time.substr(1, 2)}`,
-            success: true
-          };
-        }
-        return { time, success: false };
+        return r = parseInt(t.substr(1, 2), 10), r >= 0 && r <= 59 ? {
+          time: `0${t.substr(0, 1)}:${t.substr(1, 2)}`,
+          success: !0
+        } : { time: t, success: !1 };
       case 4:
-        hours2 = parseInt(time.substr(0, 2), 10);
-        minutes2 = parseInt(time.substr(2, 2), 10);
-        if (hours2 < 0 || hours2 > 23) {
-          return { time, success: false };
-        }
-        if (minutes2 < 0 || minutes2 > 59) {
-          return { time, success: false };
-        }
-        return {
-          time: `${time.substr(0, 2)}:${time.substr(2, 2)}`,
-          success: true
+        return n = parseInt(t.substr(0, 2), 10), r = parseInt(t.substr(2, 2), 10), n < 0 || n > 23 ? { time: t, success: !1 } : r < 0 || r > 59 ? { time: t, success: !1 } : {
+          time: `${t.substr(0, 2)}:${t.substr(2, 2)}`,
+          success: !0
         };
       default:
-        return { time, success: false };
+        return { time: t, success: !1 };
     }
   }
-  return { time, success: false };
-};
-const validUserInput = (input) => {
-  if (input) {
-    return /^[-:.,/; 0-9]+$/.test(input);
-  }
-  return true;
-};
-const TimeTextInput = ({
-  onValueChange,
-  showPlaceholder = true,
-  useIcon = true,
-  value,
-  width = "85px",
-  variant,
-  ...props
+  return { time: t, success: !1 };
+}, Wt = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Rr = ({
+  onValueChange: t,
+  showPlaceholder: e = !0,
+  useIcon: n = !0,
+  value: r,
+  width: c = "85px",
+  variant: s,
+  ...l
 }) => {
-  const [valid, setValid] = useState(() => validUserInput(value));
-  const timeFormat = "hh:mm";
-  const onBlur = useCallback(() => {
-    if (value) {
-      const formattedResult = formatTimeString(value);
-      setValid(formattedResult.success);
-      if (formattedResult.success) {
-        if (onValueChange) {
-          onValueChange(formattedResult.time);
-        }
-      }
-    }
-  }, [value, onValueChange, setValid]);
-  const onChangeHandler = useCallback((ev) => {
-    const time = ev.target.value;
-    const validInput = validUserInput(time);
-    setValid(validInput && time.length <= timeFormat.length);
-    if (onValueChange) {
-      onValueChange(time);
-    }
-  }, [onValueChange, setValid]);
-  return /* @__PURE__ */ jsx(TextInput, {
-    ...props,
+  const [o, d] = S(() => Wt(r)), a = "hh:mm", f = g(() => {
+    if (r) {
+      const u = Yn(r);
+      d(u.success), u.success && t && t(u.time);
+    }
+  }, [r, t, d]), h = g((u) => {
+    const D = u.target.value, m = Wt(D);
+    d(m && D.length <= a.length), t && t(D);
+  }, [t, d]);
+  return /* @__PURE__ */ i(rt, {
+    ...l,
     type: "time",
-    variant: !valid ? "error" : variant,
-    iconLeft: useIcon ? stenaClock : void 0,
-    value,
-    placeholder: showPlaceholder ? timeFormat : void 0,
-    onChange: onChangeHandler,
-    onBlur,
-    width
+    variant: o ? s : "error",
+    iconLeft: n ? Qt : void 0,
+    value: r,
+    placeholder: e ? a : void 0,
+    onChange: h,
+    onBlur: f,
+    width: c
   });
-};
-const DualTextInput = ({
-  autoFocusLeft,
-  autoFocusRight,
-  onEsc,
-  onEnter,
-  onValueChangeLeft,
-  onValueChangeRight,
-  separatorIcon,
-  placeholderLeft,
-  placeholderRight,
-  typeLeft,
-  typeRight,
-  onChangeLeft,
-  onChangeRight,
-  valueLeft,
-  valueRight,
-  minLeft,
-  maxLeft,
-  minRight,
-  maxRight,
-  onClickLeft,
-  onClickRight,
-  onClickCalendar,
-  onClickArrowDown,
-  onBlurLeft,
-  onBlurRight,
-  onFocusLeft,
-  onFocusRight,
-  inputRefLeft,
-  inputRefRight,
-  variant,
-  variantLeft,
-  variantRight,
-  onBlur,
-  showPresets,
-  widthLeft,
-  widthRight,
-  disabled
+}, ae = ({
+  autoFocusLeft: t,
+  autoFocusRight: e,
+  onEsc: n,
+  onEnter: r,
+  onValueChangeLeft: c,
+  onValueChangeRight: s,
+  separatorIcon: l,
+  placeholderLeft: o,
+  placeholderRight: d,
+  typeLeft: a,
+  typeRight: f,
+  onChangeLeft: h,
+  onChangeRight: u,
+  valueLeft: D,
+  valueRight: m,
+  minLeft: k,
+  maxLeft: p,
+  minRight: b,
+  maxRight: w,
+  onClickLeft: y,
+  onClickRight: M,
+  onClickCalendar: A,
+  onClickArrowDown: x,
+  onBlurLeft: N,
+  onBlurRight: O,
+  onFocusLeft: H,
+  onFocusRight: j,
+  inputRefLeft: _,
+  inputRefRight: P,
+  variant: st,
+  variantLeft: dt,
+  variantRight: it,
+  onBlur: K,
+  showPresets: at,
+  widthLeft: ft,
+  widthRight: ut,
+  disabled: v
 }) => {
-  const focusCounter = useRef(0);
-  const tryTriggerOnBlur = useMemo(() => debounce((focusCounter2) => {
-    if (focusCounter2 === 0) {
-      onBlur == null ? void 0 : onBlur();
-    }
-  }, 10), [onBlur]);
-  const focusLeftHandler = useCallback((ev) => {
-    focusCounter.current++;
-    tryTriggerOnBlur(focusCounter.current);
-    if (onFocusLeft) {
-      onFocusLeft(ev);
-    }
-  }, [onFocusLeft, focusCounter, tryTriggerOnBlur]);
-  const focusRightHandler = useCallback((ev) => {
-    focusCounter.current++;
-    tryTriggerOnBlur(focusCounter.current);
-    if (onFocusRight) {
-      onFocusRight(ev);
-    }
-  }, [onFocusRight, focusCounter, tryTriggerOnBlur]);
-  const blurLeftHandler = useCallback((ev) => {
-    focusCounter.current--;
-    tryTriggerOnBlur(focusCounter.current);
-    if (onBlurLeft) {
-      onBlurLeft(ev);
-    }
-  }, [onBlurLeft, focusCounter, tryTriggerOnBlur]);
-  const blurRightHandler = useCallback((ev) => {
-    focusCounter.current--;
-    tryTriggerOnBlur(focusCounter.current);
-    if (onBlurRight) {
-      onBlurRight(ev);
-    }
-  }, [onBlurRight, focusCounter, tryTriggerOnBlur]);
-  return /* @__PURE__ */ jsx(Box, {
-    children: /* @__PURE__ */ jsxs(TextInputBox, {
-      disableContentPaddingRight: true,
-      disabled,
-      variant,
-      contentRight: /* @__PURE__ */ jsxs(Row, {
+  const L = J(0), Y = C(() => Ie((G) => {
+    G === 0 && (K == null || K());
+  }, 10), [K]), Et = g((G) => {
+    L.current++, Y(L.current), H && H(G);
+  }, [H, L, Y]), Rt = g((G) => {
+    L.current++, Y(L.current), j && j(G);
+  }, [j, L, Y]), At = g((G) => {
+    L.current--, Y(L.current), N && N(G);
+  }, [N, L, Y]), ue = g((G) => {
+    L.current--, Y(L.current), O && O(G);
+  }, [O, L, Y]);
+  return /* @__PURE__ */ i(I, {
+    children: /* @__PURE__ */ E(Ye, {
+      disableContentPaddingRight: !0,
+      disabled: v,
+      variant: st,
+      contentRight: /* @__PURE__ */ E(R, {
         alignItems: "center",
-        children: [/* @__PURE__ */ jsx(Indent, {
+        children: [/* @__PURE__ */ i(gt, {
           num: 0.5,
-          children: /* @__PURE__ */ jsx(FlatButton, {
-            leftIcon: stenaCalendar,
-            onClick: onClickCalendar,
-            disabled,
+          children: /* @__PURE__ */ i(T, {
+            leftIcon: ht,
+            onClick: A,
+            disabled: v,
             size: "small"
           })
-        }), showPresets ? /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx(Row, {
+        }), at ? /* @__PURE__ */ E(mt, {
+          children: [/* @__PURE__ */ i(R, {
             height: "22px",
-            children: /* @__PURE__ */ jsx(SeparatorLine, {
-              vertical: true
+            children: /* @__PURE__ */ i(ye, {
+              vertical: !0
             })
-          }), /* @__PURE__ */ jsx(Indent, {
+          }), /* @__PURE__ */ i(gt, {
             num: 0.5,
-            children: /* @__PURE__ */ jsx(FlatButton, {
-              leftIcon: stenaAngleDown,
-              onClick: onClickArrowDown,
-              disabled,
+            children: /* @__PURE__ */ i(T, {
+              leftIcon: De,
+              onClick: x,
+              disabled: v,
               size: "small"
             })
           })]
         }) : null]
       }),
-      children: [/* @__PURE__ */ jsx(Box, {
-        width: widthLeft,
-        children: /* @__PURE__ */ jsx(TextInput, {
-          onEsc,
-          onEnter,
-          onClick: onClickLeft,
-          disabled,
-          hideBorder: true,
-          placeholder: placeholderLeft,
-          value: valueLeft,
-          onValueChange: onValueChangeLeft,
-          onChange: onChangeLeft,
-          onBlur: blurLeftHandler,
-          onFocus: focusLeftHandler,
-          inputRef: inputRefLeft,
-          variant: variantLeft,
-          type: typeLeft,
-          autoFocus: autoFocusLeft,
-          min: minLeft,
-          max: maxLeft
+      children: [/* @__PURE__ */ i(I, {
+        width: ft,
+        children: /* @__PURE__ */ i(rt, {
+          onEsc: n,
+          onEnter: r,
+          onClick: y,
+          disabled: v,
+          hideBorder: !0,
+          placeholder: o,
+          value: D,
+          onValueChange: c,
+          onChange: h,
+          onBlur: At,
+          onFocus: Et,
+          inputRef: _,
+          variant: dt,
+          type: a,
+          autoFocus: t,
+          min: k,
+          max: p
         })
-      }), /* @__PURE__ */ jsx(Row, {
+      }), /* @__PURE__ */ i(R, {
         indent: 0.5,
         alignItems: "center",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsx(Icon, {
-          icon: separatorIcon,
+        children: /* @__PURE__ */ i(qt, {
+          icon: l,
           size: 12,
-          color: cssColor("--lhds-color-ui-500")
+          color: ee("--lhds-color-ui-500")
         })
-      }), /* @__PURE__ */ jsx(Box, {
-        width: widthRight,
-        children: /* @__PURE__ */ jsx(TextInput, {
-          onEsc,
-          onEnter,
-          onClick: onClickRight,
-          disabled,
-          hideBorder: true,
-          placeholder: placeholderRight,
-          value: valueRight,
-          onValueChange: onValueChangeRight,
-          onChange: onChangeRight,
-          onBlur: blurRightHandler,
-          onFocus: focusRightHandler,
-          inputRef: inputRefRight,
-          variant: variantRight,
-          type: typeRight,
-          autoFocus: autoFocusRight,
-          min: minRight,
-          max: maxRight
+      }), /* @__PURE__ */ i(I, {
+        width: ut,
+        children: /* @__PURE__ */ i(rt, {
+          onEsc: n,
+          onEnter: r,
+          onClick: M,
+          disabled: v,
+          hideBorder: !0,
+          placeholder: d,
+          value: m,
+          onValueChange: s,
+          onChange: u,
+          onBlur: ue,
+          onFocus: Rt,
+          inputRef: P,
+          variant: it,
+          type: f,
+          autoFocus: e,
+          min: b,
+          max: w
         })
       })]
     })
   });
-};
-const transformTimeStringToNumber = (time) => {
-  if (time == null) {
+}, Ln = (t) => {
+  if (t == null)
     throw new Error("Time is not set.");
-  }
-  if (time === "") {
+  if (t === "")
     throw new Error("Time is empty.");
-  }
-  const parts = time.split(":");
-  if (parts.length !== 2) {
+  const e = t.split(":");
+  if (e.length !== 2)
     throw new Error("Invalid time.");
-  }
-  if (parts[1].length !== 2) {
+  if (e[1].length !== 2)
     throw new Error("Invalid time.");
-  }
-  if (parts[0].length < 1 || parts[0].length > 2) {
+  if (e[0].length < 1 || e[0].length > 2)
     throw new Error("Invalid time.");
-  }
-  const hours2 = parseInt(parts[0], 10);
-  const minutes2 = parseInt(parts[1], 10);
-  if (isNaN(hours2)) {
+  const n = parseInt(e[0], 10), r = parseInt(e[1], 10);
+  if (isNaN(n))
     throw new Error("Invalid time.");
-  }
-  if (isNaN(minutes2)) {
+  if (isNaN(r))
     throw new Error("Invalid time.");
-  }
-  if (hours2 < 0 || hours2 > 23) {
+  if (n < 0 || n > 23)
     throw new Error("Invalid time.");
-  }
-  if (minutes2 < 0 || minutes2 > 59) {
+  if (r < 0 || r > 59)
     throw new Error("Invalid time.");
-  }
-  return hours2 * 100 + minutes2;
-};
-const isValidTimeString = (time) => {
+  return n * 100 + r;
+}, Un = (t) => {
   try {
-    transformTimeStringToNumber(time);
-    return true;
-  } catch (e) {
-    return false;
+    return Ln(t), !0;
+  } catch {
+    return !1;
   }
-};
-const getHoursAndMinutesFromTimeString = (value) => {
-  if (value && isValidTimeString(value)) {
-    const p = value.split(":");
+}, Tt = (t) => {
+  if (t && Un(t)) {
+    const e = t.split(":");
     return {
-      hour: parseIntElseUndefined(p[0]),
-      minute: parseIntElseUndefined(p[1])
+      hour: _t(e[0]),
+      minute: _t(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-};
-const transformTimeInDateToTimeString = (date) => `${formatHours(String(date.getHours()))}:${formatMinutes(String(date.getMinutes()))}`;
-const timePicker = "_timePicker_1w05d_1";
-const timePickerColumn = "_timePickerColumn_1w05d_6";
-var styles = {
-  timePicker,
-  timePickerColumn
-};
-const TimePickerCell = ({
-  onClick,
-  item,
-  selected,
-  columnRef,
-  canScrollRef
+}, Wn = (t) => `${xt(String(t.getHours()))}:${Ct(
+  String(t.getMinutes())
+)}`, On = "_timePicker_1w05d_1", $n = "_timePickerColumn_1w05d_6", fe = {
+  timePicker: On,
+  timePickerColumn: $n
+}, Pn = ({
+  onClick: t,
+  item: e,
+  selected: n,
+  columnRef: r,
+  canScrollRef: c
 }) => {
-  const ref = useRef(null);
-  useEffect(function scrollToSelectedItem() {
-    if (selected && columnRef.current && ref.current && canScrollRef.current) {
-      const targetScroll = ref.current.scrollHeight * Math.max(item - 2, 0);
-      columnRef.current.scrollTo(0, targetScroll);
-      canScrollRef.current = false;
+  const s = J(null);
+  return Q(function() {
+    if (n && r.current && s.current && c.current) {
+      const o = s.current.scrollHeight * Math.max(e - 2, 0);
+      r.current.scrollTo(0, o), c.current = !1;
     }
-  }, [columnRef, item, selected, canScrollRef]);
-  return /* @__PURE__ */ jsx(Row, {
+  }, [r, e, n, c]), /* @__PURE__ */ i(R, {
     width: "64px",
     justifyContent: "center",
     spacing: 0.5,
     indent: 0.5,
-    ref,
-    children: selected ? /* @__PURE__ */ jsx(PrimaryButton, {
-      label: String(item),
-      onClick: () => onClick && onClick(item)
-    }) : /* @__PURE__ */ jsx(FlatButton, {
-      label: String(item),
-      onClick: () => onClick && onClick(item)
+    ref: s,
+    children: n ? /* @__PURE__ */ i(lt, {
+      label: String(e),
+      onClick: () => t && t(e)
+    }) : /* @__PURE__ */ i(T, {
+      label: String(e),
+      onClick: () => t && t(e)
     })
   });
-};
-const TimePickerColumn = ({
-  onClick,
-  items,
-  selectedItem,
-  canScrollRef
+}, Gt = ({
+  onClick: t,
+  items: e,
+  selectedItem: n,
+  canScrollRef: r
 }) => {
-  const columnRef = useRef(null);
-  return /* @__PURE__ */ jsx(Column, {
-    className: styles.timePickerColumn,
-    ref: columnRef,
-    children: items.map((item) => /* @__PURE__ */ jsx(TimePickerCell, {
-      item,
-      onClick,
-      selected: item === selectedItem,
-      columnRef,
-      canScrollRef
-    }, item))
+  const c = J(null);
+  return /* @__PURE__ */ i(B, {
+    className: fe.timePickerColumn,
+    ref: c,
+    children: e.map((s) => /* @__PURE__ */ i(Pn, {
+      item: s,
+      onClick: t,
+      selected: s === n,
+      columnRef: c,
+      canScrollRef: r
+    }, s))
   });
-};
-const hours = range(0, 24);
-const minutes = range(0, 60);
-const TimePicker = ({
-  value,
-  onValueChange
+}, Bn = zt(0, 24), zn = zt(0, 60), jn = ({
+  value: t,
+  onValueChange: e
 }) => {
-  const canScrollRef = useRef(true);
-  const [hour, setHour] = useState(void 0);
-  const [minute, setMinute] = useState(void 0);
-  useEffect(() => {
-    if (value) {
+  const n = J(!0), [r, c] = S(void 0), [s, l] = S(void 0);
+  Q(() => {
+    if (t) {
       const {
-        minute: minute2,
-        hour: hour2
-      } = getHoursAndMinutesFromTimeString(value);
-      setHour(hour2);
-      setMinute(minute2);
-    }
-  }, [value]);
-  const onClickHour = useCallback((h) => {
-    setHour(h);
-    onValueChange == null ? void 0 : onValueChange(`${formatHours(String(h != null ? h : 0))}:${formatMinutes(String(minute != null ? minute : 0))}`);
-  }, [minute, onValueChange]);
-  const onClickMinutes = useCallback((m) => {
-    setMinute(m);
-    onValueChange == null ? void 0 : onValueChange(`${formatHours(String(hour != null ? hour : 0))}:${formatMinutes(String(m != null ? m : 0))}`);
-  }, [hour, onValueChange]);
-  return /* @__PURE__ */ jsxs(Row, {
-    className: styles.timePicker,
-    children: [/* @__PURE__ */ jsx(TimePickerColumn, {
-      items: hours,
-      onClick: onClickHour,
-      selectedItem: hour,
-      canScrollRef
-    }), /* @__PURE__ */ jsx(Indent, {}), /* @__PURE__ */ jsx(TimePickerColumn, {
-      items: minutes,
-      onClick: onClickMinutes,
-      selectedItem: minute,
-      canScrollRef
+        minute: a,
+        hour: f
+      } = Tt(t);
+      c(f), l(a);
+    }
+  }, [t]);
+  const o = g((a) => {
+    c(a), e == null || e(`${xt(String(a != null ? a : 0))}:${Ct(String(s != null ? s : 0))}`);
+  }, [s, e]), d = g((a) => {
+    l(a), e == null || e(`${xt(String(r != null ? r : 0))}:${Ct(String(a != null ? a : 0))}`);
+  }, [r, e]);
+  return /* @__PURE__ */ E(R, {
+    className: fe.timePicker,
+    children: [/* @__PURE__ */ i(Gt, {
+      items: Bn,
+      onClick: o,
+      selectedItem: r,
+      canScrollRef: n
+    }), /* @__PURE__ */ i(gt, {}), /* @__PURE__ */ i(Gt, {
+      items: zn,
+      onClick: d,
+      selectedItem: s,
+      canScrollRef: n
     })]
   });
-};
-const useDateRangeEffects$1 = (date, setDateInFocus, dateInputRef) => {
-  useEffect(function moveFocusedDateWhenDateChanges() {
-    if (date) {
-      setDateInFocus(date);
-    }
-  }, [date, setDateInFocus]);
-  useEffect(function updateDateFieldWhenValueChanges() {
-    if (dateInputRef.current) {
-      if (date) {
-        dateInputRef.current.valueAsDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
-      } else {
-        dateInputRef.current.valueAsDate = null;
-      }
-    }
-  }, [date, dateInputRef]);
-};
-const useDateRangeHandlers$1 = (date, onValueChange, {
-  setDateInFocus,
-  showCalendarInternal,
-  hideCalendarInternal,
-  setFirstFocusedInput,
-  setCurrentPanel,
-  localTime,
-  setLocalTime,
-  localDate,
-  setLocalDate
-}, dateInputRef) => {
-  const onChangeDate = useCallback((incomingDate) => {
-    if (!incomingDate) {
-      return;
-    }
-    const newDate = new Date(incomingDate);
-    if (date) {
-      newDate.setHours(date.getHours());
-      newDate.setMinutes(date.getMinutes());
-      onValueChange == null ? void 0 : onValueChange(newDate);
-      setLocalDate(void 0);
-    } else if (localTime) {
-      const { minute, hour } = getHoursAndMinutesFromTimeString(localTime);
-      newDate.setHours(hour != null ? hour : 0);
-      newDate.setMinutes(minute != null ? minute : 0);
-      onValueChange == null ? void 0 : onValueChange(newDate);
-      setLocalDate(void 0);
-    } else {
-      setLocalDate(newDate);
-    }
-    setDateInFocus(newDate);
-    if (dateInputRef.current) {
-      dateInputRef.current.valueAsDate = newDate;
-    }
-  }, [date, dateInputRef, localTime, onValueChange, setDateInFocus, setLocalDate]);
-  const onChangeTime = useCallback((time) => {
-    if (!time) {
-      return;
-    }
-    if (date) {
-      const newTime = getHoursAndMinutesFromTimeString(time);
-      const newDate = new Date(date);
-      newDate.setHours(newTime.hour || 0);
-      newDate.setMinutes(newTime.minute || 0);
-      onValueChange == null ? void 0 : onValueChange(newDate);
-      setLocalTime(void 0);
-    } else if (localDate) {
-      const newTime = getHoursAndMinutesFromTimeString(time);
-      const newDate = new Date(localDate);
-      newDate.setHours(newTime.hour || 0);
-      newDate.setMinutes(newTime.minute || 0);
-      onValueChange == null ? void 0 : onValueChange(newDate);
-      setLocalTime(void 0);
-    } else {
-      setLocalTime(time);
-    }
-  }, [onValueChange, date, localDate, setLocalTime]);
-  const inputLeftChangeHandler = useCallback((ev) => {
-    if (ev.target.value[0] !== "0") {
-      onChangeDate(ev.target.valueAsDate);
-    }
-  }, [onChangeDate]);
-  const inputRightChangeHandler = useCallback((ev) => onChangeTime(ev.target.value), [onChangeTime]);
-  const showCalendar = useCallback(() => {
-    if (date) {
-      setDateInFocus(date);
-    } else {
-      setDateInFocus(new Date());
-    }
-    setCurrentPanel("calendar");
-    showCalendarInternal();
-  }, [date, setCurrentPanel, showCalendarInternal, setDateInFocus]);
-  const hideCalendar = useCallback(() => {
-    setFirstFocusedInput(void 0);
-    hideCalendarInternal();
-  }, [setFirstFocusedInput, hideCalendarInternal]);
+}, _n = (t, e, n) => {
+  Q(
+    function() {
+      t && e(t);
+    },
+    [t, e]
+  ), Q(
+    function() {
+      n.current && (t ? n.current.valueAsDate = new Date(
+        Date.UTC(t.getFullYear(), t.getMonth(), t.getDate())
+      ) : n.current.valueAsDate = null);
+    },
+    [t, n]
+  );
+}, Jn = (t, e, {
+  setDateInFocus: n,
+  showCalendarInternal: r,
+  hideCalendarInternal: c,
+  setFirstFocusedInput: s,
+  setCurrentPanel: l,
+  localTime: o,
+  setLocalTime: d,
+  localDate: a,
+  setLocalDate: f
+}, h) => {
+  const u = g(
+    (w) => {
+      if (!w)
+        return;
+      const y = new Date(w);
+      if (t)
+        y.setHours(t.getHours()), y.setMinutes(t.getMinutes()), e == null || e(y), f(void 0);
+      else if (o) {
+        const { minute: M, hour: A } = Tt(o);
+        y.setHours(A != null ? A : 0), y.setMinutes(M != null ? M : 0), e == null || e(y), f(void 0);
+      } else
+        f(y);
+      n(y), h.current && (h.current.valueAsDate = y);
+    },
+    [t, h, o, e, n, f]
+  ), D = g(
+    (w) => {
+      if (!!w)
+        if (t) {
+          const y = Tt(w), M = new Date(t);
+          M.setHours(y.hour || 0), M.setMinutes(y.minute || 0), e == null || e(M), d(void 0);
+        } else if (a) {
+          const y = Tt(w), M = new Date(a);
+          M.setHours(y.hour || 0), M.setMinutes(y.minute || 0), e == null || e(M), d(void 0);
+        } else
+          d(w);
+    },
+    [e, t, a, d]
+  ), m = g(
+    (w) => {
+      w.target.value[0] !== "0" && u(w.target.valueAsDate);
+    },
+    [u]
+  ), k = g(
+    (w) => D(w.target.value),
+    [D]
+  ), p = g(() => {
+    n(t || new Date()), l("calendar"), r();
+  }, [t, l, r, n]), b = g(() => {
+    s(void 0), c();
+  }, [s, c]);
   return {
-    inputLeftChangeHandler,
-    inputRightChangeHandler,
-    hideCalendar,
-    showCalendar,
-    onChangeTime,
-    onChangeDate
+    inputLeftChangeHandler: m,
+    inputRightChangeHandler: k,
+    hideCalendar: b,
+    showCalendar: p,
+    onChangeTime: D,
+    onChangeDate: u
   };
-};
-const useInputStates$1 = (date) => {
-  const [localDate, setLocalDate] = useState(void 0);
-  const [localTime, setLocalTime] = useState(void 0);
-  const [isCalendarVisible, showCalendarInternal, hideCalendarInternal] = useBoolean(false);
-  const [isTimePickerVisible, showTimePicker, hideTimePicker] = useBoolean(false);
-  const [firstFocusedInput, setFirstFocusedInput] = useState(void 0);
-  const [dateInFocus, setDateInFocus] = useState(() => date != null ? date : new Date());
-  const [currentPanel, setCurrentPanel] = useState("calendar");
+}, Kn = (t) => {
+  const [e, n] = S(void 0), [r, c] = S(void 0), [s, l, o] = Yt(!1), [d, a, f] = Yt(!1), [h, u] = S(void 0), [D, m] = S(
+    () => t != null ? t : new Date()
+  ), [k, p] = S("calendar");
   return {
-    isCalendarVisible,
-    showCalendarInternal,
-    hideCalendarInternal,
-    firstFocusedInput,
-    setFirstFocusedInput,
-    dateInFocus,
-    setDateInFocus,
-    currentPanel,
-    setCurrentPanel,
-    isTimePickerVisible,
-    showTimePicker,
-    hideTimePicker,
-    localDate,
-    setLocalDate,
-    localTime,
-    setLocalTime
+    isCalendarVisible: s,
+    showCalendarInternal: l,
+    hideCalendarInternal: o,
+    firstFocusedInput: h,
+    setFirstFocusedInput: u,
+    dateInFocus: D,
+    setDateInFocus: m,
+    currentPanel: k,
+    setCurrentPanel: p,
+    isTimePickerVisible: d,
+    showTimePicker: a,
+    hideTimePicker: f,
+    localDate: e,
+    setLocalDate: n,
+    localTime: r,
+    setLocalTime: c
   };
-};
-const useUserInputHandlers$1 = (onChangeDate, dateInputRef, showCalendar, hideCalendar, {
-  isCalendarVisible,
-  setCurrentPanel,
-  showTimePicker,
-  hideTimePicker
+}, Gn = (t, e, n, r, {
+  isCalendarVisible: c,
+  setCurrentPanel: s,
+  showTimePicker: l,
+  hideTimePicker: o
 }) => {
-  const onFocusLeft = useCallback(() => {
-    if (!isCalendarVisible) {
-      showCalendar();
-    }
-    setCurrentPanel("calendar");
-    hideTimePicker();
-  }, [hideTimePicker, isCalendarVisible, setCurrentPanel, showCalendar]);
-  const onFocusRight = useCallback(() => {
-    hideCalendar();
-    showTimePicker();
-  }, [hideCalendar, showTimePicker]);
-  const onClickDay = useCallback((day) => {
-    onChangeDate(day.date);
-    hideCalendar();
-    showTimePicker();
-  }, [onChangeDate, hideCalendar, showTimePicker]);
-  const onClickArrowButton = useCallback(() => {
-    setCurrentPanel("presets");
-    showCalendar();
-  }, [setCurrentPanel, showCalendar]);
-  const onClickCalendarButton = useCallback(() => {
-    var _a;
-    if (isCalendarVisible) {
-      hideCalendar();
-    } else {
-      (_a = dateInputRef.current) == null ? void 0 : _a.focus();
-      setCurrentPanel("calendar");
-      showCalendar();
-    }
+  const d = g(() => {
+    c || n(), s("calendar"), o();
+  }, [o, c, s, n]), a = g(() => {
+    r(), l();
+  }, [r, l]), f = g(
+    (m) => {
+      t(m.date), r(), l();
+    },
+    [t, r, l]
+  ), h = g(() => {
+    s("presets"), n();
+  }, [s, n]), u = g(() => {
+    var m;
+    c ? r() : ((m = e.current) == null || m.focus(), s("calendar"), n());
   }, [
-    isCalendarVisible,
-    hideCalendar,
-    dateInputRef,
-    setCurrentPanel,
-    showCalendar
-  ]);
-  const onKeyDownHandler = useCallback((ev) => {
-    if (ev.key === "Escape") {
-      hideCalendar();
-    }
-  }, [hideCalendar]);
+    c,
+    r,
+    e,
+    s,
+    n
+  ]), D = g(
+    (m) => {
+      m.key === "Escape" && r();
+    },
+    [r]
+  );
   return {
-    onFocusLeft,
-    onFocusRight,
-    onClickDay,
-    onClickArrowButton,
-    onClickCalendarButton,
-    onKeyDownHandler
+    onFocusLeft: d,
+    onFocusRight: a,
+    onClickDay: f,
+    onClickArrowButton: h,
+    onClickCalendarButton: u,
+    onKeyDownHandler: D
   };
-};
-const DateTimeInput = ({
-  value,
-  onValueChange,
-  onEnter,
-  onEsc,
-  onBlur,
-  autoFocus,
-  minDate,
-  widthLeft = 128,
-  widthRight = 80,
-  maxDate = defaultMaxDate,
-  variant,
-  disabled
+}, Ar = ({
+  value: t,
+  onValueChange: e,
+  onEnter: n,
+  onEsc: r,
+  onBlur: c,
+  autoFocus: s,
+  minDate: l,
+  widthLeft: o = 128,
+  widthRight: d = 80,
+  maxDate: a = Mt,
+  variant: f,
+  disabled: h
 }) => {
-  const dateInputRef = useRef(null);
-  const timeInputRef = useRef(null);
-  const states = useInputStates$1(value);
-  const {
-    setCurrentPanel,
-    currentPanel,
-    isCalendarVisible,
-    dateInFocus,
-    setDateInFocus,
-    isTimePickerVisible,
-    hideTimePicker,
-    localTime,
-    localDate
-  } = states;
-  const {
-    showCalendar,
-    hideCalendar,
-    inputLeftChangeHandler,
-    inputRightChangeHandler,
-    onChangeTime,
-    onChangeDate
-  } = useDateRangeHandlers$1(value, onValueChange, states, dateInputRef);
-  const {
-    onKeyDownHandler,
-    onFocusRight,
-    onFocusLeft,
-    onClickDay,
-    onClickCalendarButton,
-    onClickArrowButton
-  } = useUserInputHandlers$1(onChangeDate, dateInputRef, showCalendar, hideCalendar, states);
-  useDateRangeEffects$1(value, setDateInFocus, dateInputRef);
-  const statePerMonth = useMemo(() => {
-    const dateToHighlight = value || localDate;
-    if (!dateToHighlight) {
-      return {};
-    }
-    return addDayStateHighlights(void 0, dateToHighlight, ["singleSelected", "selected"]);
-  }, [localDate, value]);
-  const hideAll = useCallback(() => {
-    hideCalendar();
-    hideTimePicker();
-  }, [hideCalendar, hideTimePicker]);
-  const timeValue = useMemo(() => value ? transformTimeInDateToTimeString(value) : localTime, [value, localTime]);
-  const delayedIsCalendarVisible = useDelayedFalse(isCalendarVisible, 300);
-  const delayedIsTimePickerVisible = useDelayedFalse(isTimePickerVisible, 300);
-  return /* @__PURE__ */ jsx(Box, {
-    onKeyDown: onKeyDownHandler,
-    children: /* @__PURE__ */ jsx(Popover, {
-      arrow: false,
-      lazy: true,
-      disabled,
-      placement: defaultPopoverPlacement,
-      visible: isCalendarVisible || isTimePickerVisible,
-      onClickOutside: hideAll,
-      content: (delayedIsCalendarVisible || delayedIsTimePickerVisible) && /* @__PURE__ */ jsx(Column, {
-        children: delayedIsCalendarVisible ? /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-          statePerMonth,
-          onClickDay,
-          dateInFocus,
-          setDateInFocus,
-          currentPanel,
-          setCurrentPanel,
-          minDate,
-          maxDate
-        }) : delayedIsTimePickerVisible ? /* @__PURE__ */ jsxs(Column, {
-          children: [/* @__PURE__ */ jsx(Column, {
+  const u = J(null), D = J(null), m = Kn(t), {
+    setCurrentPanel: k,
+    currentPanel: p,
+    isCalendarVisible: b,
+    dateInFocus: w,
+    setDateInFocus: y,
+    isTimePickerVisible: M,
+    hideTimePicker: A,
+    localTime: x,
+    localDate: N
+  } = m, {
+    showCalendar: O,
+    hideCalendar: H,
+    inputLeftChangeHandler: j,
+    inputRightChangeHandler: _,
+    onChangeTime: P,
+    onChangeDate: st
+  } = Jn(t, e, m, u), {
+    onKeyDownHandler: dt,
+    onFocusRight: it,
+    onFocusLeft: K,
+    onClickDay: at,
+    onClickCalendarButton: ft,
+    onClickArrowButton: ut
+  } = Gn(st, u, O, H, m);
+  _n(t, y, u);
+  const v = C(() => {
+    const At = t || N;
+    return At ? X(void 0, At, ["singleSelected", "selected"]) : {};
+  }, [N, t]), L = g(() => {
+    H(), A();
+  }, [H, A]), Y = C(() => t ? Wn(t) : x, [t, x]), Et = Lt(b, 300), Rt = Lt(M, 300);
+  return /* @__PURE__ */ i(I, {
+    onKeyDown: dt,
+    children: /* @__PURE__ */ i(bt, {
+      arrow: !1,
+      lazy: !0,
+      disabled: h,
+      placement: St,
+      visible: b || M,
+      onClickOutside: L,
+      content: (Et || Rt) && /* @__PURE__ */ i(B, {
+        children: Et ? /* @__PURE__ */ i(F, {
+          statePerMonth: v,
+          onClickDay: at,
+          dateInFocus: w,
+          setDateInFocus: y,
+          currentPanel: p,
+          setCurrentPanel: k,
+          minDate: l,
+          maxDate: a
+        }) : Rt ? /* @__PURE__ */ E(B, {
+          children: [/* @__PURE__ */ i(B, {
             overflow: "hidden",
             height: "250px",
-            children: /* @__PURE__ */ jsx(TimePicker, {
-              value: timeValue != null ? timeValue : "",
-              onValueChange: onChangeTime
+            children: /* @__PURE__ */ i(jn, {
+              value: Y != null ? Y : "",
+              onValueChange: P
             })
-          }), /* @__PURE__ */ jsx(Space, {}), /* @__PURE__ */ jsx(Row, {
+          }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             justifyContent: "flex-end",
-            children: /* @__PURE__ */ jsx(PrimaryButton, {
+            children: /* @__PURE__ */ i(lt, {
               label: "Done",
-              onClick: hideTimePicker
+              onClick: A
             })
           })]
         }) : null
       }),
-      children: /* @__PURE__ */ jsx(DualTextInput, {
-        autoFocusLeft: autoFocus,
-        onEsc,
-        onEnter,
-        onBlur,
-        disabled,
-        separatorIcon: stenaClock,
+      children: /* @__PURE__ */ i(ae, {
+        autoFocusLeft: s,
+        onEsc: r,
+        onEnter: n,
+        onBlur: c,
+        disabled: h,
+        separatorIcon: Qt,
         typeLeft: "date",
         typeRight: "time",
         placeholderLeft: "yyyy-mm-dd",
         placeholderRight: "hh:mm",
-        onChangeLeft: inputLeftChangeHandler,
-        onChangeRight: inputRightChangeHandler,
-        onClickArrowDown: onClickArrowButton,
-        onClickCalendar: onClickCalendarButton,
-        onFocusLeft,
-        onFocusRight,
-        onClickLeft: onFocusLeft,
-        onClickRight: onFocusRight,
-        inputRefLeft: dateInputRef,
-        inputRefRight: timeInputRef,
-        valueRight: timeValue != null ? timeValue : "",
-        widthLeft,
-        widthRight,
-        minLeft: minDate,
-        maxLeft: maxDate,
-        variant
+        onChangeLeft: j,
+        onChangeRight: _,
+        onClickArrowDown: ut,
+        onClickCalendar: ft,
+        onFocusLeft: K,
+        onFocusRight: it,
+        onClickLeft: K,
+        onClickRight: it,
+        inputRefLeft: u,
+        inputRefRight: D,
+        valueRight: Y != null ? Y : "",
+        widthLeft: o,
+        widthRight: d,
+        minLeft: l,
+        maxLeft: a,
+        variant: f
       })
     })
   });
-};
-const useDateRangeEffects = (startDate, endDate, setDateInFocus, startDateInputRef, endDateInputRef) => {
-  useEffect(function moveFocusedDateWhenStartDateChanges() {
-    if (startDate) {
-      setDateInFocus(startDate);
-    }
-  }, [startDate, setDateInFocus]);
-  useEffect(function moveFocusedDateWhenEndDateChanges() {
-    if (endDate) {
-      setDateInFocus(endDate);
-    }
-  }, [endDate, setDateInFocus]);
-  useEffect(function updateStartDateFieldWhenValueChanges() {
-    if (startDateInputRef.current) {
-      if (startDate) {
-        startDateInputRef.current.valueAsDate = new Date(Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate()));
-      } else {
-        startDateInputRef.current.valueAsDate = null;
-      }
-    }
-  }, [startDate, startDateInputRef]);
-  useEffect(function updateEndDateFieldWhenValueChanges() {
-    if (endDateInputRef.current) {
-      if (endDate) {
-        endDateInputRef.current.valueAsDate = new Date(Date.UTC(endDate.getFullYear(), endDate.getMonth(), endDate.getDate()));
-      } else {
-        endDateInputRef.current.valueAsDate = null;
-      }
-    }
-  }, [endDate, endDateInputRef]);
-};
-const useDateRangeHandlers = (startDate, endDate, onValueChange, {
-  setDateInFocus,
-  showCalendarInternal,
-  hideCalendarInternal,
-  setFirstFocusedInput,
-  setCurrentPanel
+}, qn = (t, e, n, r, c) => {
+  Q(
+    function() {
+      t && n(t);
+    },
+    [t, n]
+  ), Q(
+    function() {
+      e && n(e);
+    },
+    [e, n]
+  ), Q(
+    function() {
+      r.current && (t ? r.current.valueAsDate = new Date(
+        Date.UTC(
+          t.getFullYear(),
+          t.getMonth(),
+          t.getDate()
+        )
+      ) : r.current.valueAsDate = null);
+    },
+    [t, r]
+  ), Q(
+    function() {
+      c.current && (e ? c.current.valueAsDate = new Date(
+        Date.UTC(
+          e.getFullYear(),
+          e.getMonth(),
+          e.getDate()
+        )
+      ) : c.current.valueAsDate = null);
+    },
+    [e, c]
+  );
+}, Qn = (t, e, n, {
+  setDateInFocus: r,
+  showCalendarInternal: c,
+  hideCalendarInternal: s,
+  setFirstFocusedInput: l,
+  setCurrentPanel: o
 }) => {
-  const inputLeftChangeHandler = useCallback((ev) => {
-    var _a;
-    if (ev.target.value[0] !== "0") {
-      onValueChange == null ? void 0 : onValueChange({
-        startDate: (_a = ev.target.valueAsDate) != null ? _a : void 0,
-        endDate
-      });
-    }
-  }, [onValueChange, endDate]);
-  const inputRightChangeHandler = useCallback((ev) => {
-    var _a;
-    if (ev.target.value[0] !== "0") {
-      onValueChange == null ? void 0 : onValueChange({
-        startDate,
-        endDate: (_a = ev.target.valueAsDate) != null ? _a : void 0
-      });
-    }
-  }, [onValueChange, startDate]);
-  const showCalendar = useCallback(() => {
-    if (startDate) {
-      setDateInFocus(startDate);
-    } else if (endDate) {
-      setDateInFocus(endDate);
-    } else {
-      setDateInFocus(new Date());
-    }
-    setCurrentPanel("calendar");
-    showCalendarInternal();
+  const d = g(
+    (u) => {
+      var D;
+      u.target.value[0] !== "0" && (n == null || n({
+        startDate: (D = u.target.valueAsDate) != null ? D : void 0,
+        endDate: e
+      }));
+    },
+    [n, e]
+  ), a = g(
+    (u) => {
+      var D;
+      u.target.value[0] !== "0" && (n == null || n({
+        startDate: t,
+        endDate: (D = u.target.valueAsDate) != null ? D : void 0
+      }));
+    },
+    [n, t]
+  ), f = g(() => {
+    r(t || e || new Date()), o("calendar"), c();
   }, [
-    startDate,
-    endDate,
-    setCurrentPanel,
-    showCalendarInternal,
-    setDateInFocus
-  ]);
-  const hideCalendar = useCallback(() => {
-    setFirstFocusedInput(void 0);
-    hideCalendarInternal();
-  }, [setFirstFocusedInput, hideCalendarInternal]);
+    t,
+    e,
+    o,
+    c,
+    r
+  ]), h = g(() => {
+    l(void 0), s();
+  }, [l, s]);
   return {
-    inputLeftChangeHandler,
-    inputRightChangeHandler,
-    hideCalendar,
-    setDateInFocus,
-    setCurrentPanel,
-    showCalendar
+    inputLeftChangeHandler: d,
+    inputRightChangeHandler: a,
+    hideCalendar: h,
+    setDateInFocus: r,
+    setCurrentPanel: o,
+    showCalendar: f
   };
-};
-const useInputStates = (startDate, endDate) => {
-  const [isCalendarVisible, showCalendarInternal, hideCalendarInternal] = useBoolean(false);
-  const [firstFocusedInput, setFirstFocusedInput] = useState(void 0);
-  const [focusedInput, setFocusedInput] = useState("startDate");
-  const [dateInFocus, setDateInFocus] = useState(() => {
-    const fromValue = focusedInput === "startDate" ? startDate : focusedInput === "endDate" ? endDate : void 0;
-    return fromValue != null ? fromValue : new Date();
-  });
-  const [currentPanel, setCurrentPanel] = useState("calendar");
+}, Xn = (t, e) => {
+  const [n, r, c] = Yt(!1), [s, l] = S(void 0), [o, d] = S("startDate"), [a, f] = S(() => {
+    const D = o === "startDate" ? t : o === "endDate" ? e : void 0;
+    return D != null ? D : new Date();
+  }), [h, u] = S("calendar");
   return {
-    isCalendarVisible,
-    showCalendarInternal,
-    hideCalendarInternal,
-    firstFocusedInput,
-    setFirstFocusedInput,
-    focusedInput,
-    setFocusedInput,
-    dateInFocus,
-    setDateInFocus,
-    currentPanel,
-    setCurrentPanel
+    isCalendarVisible: n,
+    showCalendarInternal: r,
+    hideCalendarInternal: c,
+    firstFocusedInput: s,
+    setFirstFocusedInput: l,
+    focusedInput: o,
+    setFocusedInput: d,
+    dateInFocus: a,
+    setDateInFocus: f,
+    currentPanel: h,
+    setCurrentPanel: u
   };
-};
-const useUserInputHandlers = (startDate, endDate, onValueChange, startDateInputRef, endDateInputRef, showCalendar, hideCalendar, {
-  firstFocusedInput,
-  setFirstFocusedInput,
-  isCalendarVisible,
-  setFocusedInput,
-  focusedInput,
-  setCurrentPanel
+}, Zn = (t, e, n, r, c, s, l, {
+  firstFocusedInput: o,
+  setFirstFocusedInput: d,
+  isCalendarVisible: a,
+  setFocusedInput: f,
+  focusedInput: h,
+  setCurrentPanel: u
 }) => {
-  const onFocusLeft = useCallback(() => {
-    if (firstFocusedInput == null) {
-      setFirstFocusedInput("startDate");
-    }
-    setFocusedInput("startDate");
-    if (!isCalendarVisible) {
-      showCalendar();
-    }
-  }, [
-    isCalendarVisible,
-    setFocusedInput,
-    showCalendar,
-    setFirstFocusedInput,
-    firstFocusedInput
-  ]);
-  const onFocusRight = useCallback(() => {
-    if (firstFocusedInput == null) {
-      setFirstFocusedInput("endDate");
-    }
-    setFocusedInput("endDate");
-    if (!isCalendarVisible) {
-      showCalendar();
-    }
+  const D = g(() => {
+    o == null && d("startDate"), f("startDate"), a || s();
   }, [
-    isCalendarVisible,
-    setFocusedInput,
-    showCalendar,
-    setFirstFocusedInput,
-    firstFocusedInput
-  ]);
-  const onClickDay = useCallback((day) => {
-    var _a, _b, _c, _d;
-    if (focusedInput === "startDate") {
-      if (endDate != null && isAfter(day.date, endDate)) {
-        onValueChange == null ? void 0 : onValueChange({
-          startDate: day.date,
-          endDate: void 0
-        });
-        setFocusedInput("endDate");
-        (_a = endDateInputRef.current) == null ? void 0 : _a.focus();
-      } else {
-        onValueChange == null ? void 0 : onValueChange({
-          startDate: day.date,
-          endDate
-        });
-        if (firstFocusedInput === "startDate") {
-          setFocusedInput("endDate");
-          (_b = endDateInputRef.current) == null ? void 0 : _b.focus();
-        } else {
-          setTimeout(hideCalendar, 50);
-        }
-      }
-    } else if (focusedInput === "endDate") {
-      if (!startDate) {
-        onValueChange == null ? void 0 : onValueChange({
-          startDate,
-          endDate: day.date
-        });
-        setFocusedInput("startDate");
-        (_c = startDateInputRef.current) == null ? void 0 : _c.focus();
-      } else if (isAfter(startDate, day.date)) {
-        onValueChange == null ? void 0 : onValueChange({
-          startDate: day.date,
-          endDate: void 0
-        });
-        setFocusedInput("endDate");
-        (_d = endDateInputRef.current) == null ? void 0 : _d.focus();
-      } else {
-        onValueChange == null ? void 0 : onValueChange({
-          startDate,
-          endDate: day.date
-        });
-        setTimeout(hideCalendar, 50);
-      }
-    }
+    a,
+    f,
+    s,
+    d,
+    o
+  ]), m = g(() => {
+    o == null && d("endDate"), f("endDate"), a || s();
   }, [
-    focusedInput,
-    onValueChange,
-    endDate,
-    firstFocusedInput,
-    setFocusedInput,
-    endDateInputRef,
-    hideCalendar,
-    startDate,
-    startDateInputRef
-  ]);
-  const onClickArrowButton = useCallback(() => {
-    setCurrentPanel("presets");
-    showCalendar();
-  }, [setCurrentPanel, showCalendar]);
-  const onClickCalendarButton = useCallback(() => {
-    var _a;
-    if (isCalendarVisible) {
-      hideCalendar();
-    } else {
-      setFocusedInput("startDate");
-      setFirstFocusedInput("startDate");
-      (_a = startDateInputRef.current) == null ? void 0 : _a.focus();
-      setCurrentPanel("calendar");
-      showCalendar();
-    }
+    a,
+    f,
+    s,
+    d,
+    o
+  ]), k = g(
+    (y) => {
+      var M, A, x, N;
+      h === "startDate" ? e != null && nt(y.date, e) ? (n == null || n({
+        startDate: y.date,
+        endDate: void 0
+      }), f("endDate"), (M = c.current) == null || M.focus()) : (n == null || n({
+        startDate: y.date,
+        endDate: e
+      }), o === "startDate" ? (f("endDate"), (A = c.current) == null || A.focus()) : setTimeout(l, 50)) : h === "endDate" && (t ? nt(t, y.date) ? (n == null || n({
+        startDate: y.date,
+        endDate: void 0
+      }), f("endDate"), (N = c.current) == null || N.focus()) : (n == null || n({
+        startDate: t,
+        endDate: y.date
+      }), setTimeout(l, 50)) : (n == null || n({
+        startDate: t,
+        endDate: y.date
+      }), f("startDate"), (x = r.current) == null || x.focus()));
+    },
+    [
+      h,
+      n,
+      e,
+      o,
+      f,
+      c,
+      l,
+      t,
+      r
+    ]
+  ), p = g(() => {
+    u("presets"), s();
+  }, [u, s]), b = g(() => {
+    var y;
+    a ? l() : (f("startDate"), d("startDate"), (y = r.current) == null || y.focus(), u("calendar"), s());
   }, [
-    isCalendarVisible,
-    hideCalendar,
-    setFocusedInput,
-    setFirstFocusedInput,
-    startDateInputRef,
-    setCurrentPanel,
-    showCalendar
-  ]);
-  const onKeyDownHandler = useCallback((ev) => {
-    if (ev.key === "Escape") {
-      hideCalendar();
-    }
-  }, [hideCalendar]);
+    a,
+    l,
+    f,
+    d,
+    r,
+    u,
+    s
+  ]), w = g(
+    (y) => {
+      y.key === "Escape" && l();
+    },
+    [l]
+  );
   return {
-    onFocusLeft,
-    onFocusRight,
-    onClickDay,
-    onClickArrowButton,
-    onClickCalendarButton,
-    onKeyDownHandler
+    onFocusLeft: D,
+    onFocusRight: m,
+    onClickDay: k,
+    onClickArrowButton: p,
+    onClickCalendarButton: b,
+    onKeyDownHandler: w
   };
 };
-const DateRangeDualTextInput = ({
-  value,
-  onValueChange,
-  autoFocus,
-  onBlur,
-  onEnter,
-  onEsc,
-  minDate,
-  maxDate = defaultMaxDate,
-  calendarProps,
-  widthLeft = 128,
-  widthRight = 128,
-  variant,
-  disabled
-}) => {
-  const {
-    startDate,
-    endDate
-  } = value || {};
-  const startDateInputRef = useRef(null);
-  const endDateInputRef = useRef(null);
-  const states = useInputStates(startDate, endDate);
-  const {
-    dateInFocus,
-    setDateInFocus,
-    isCalendarVisible,
-    currentPanel,
-    setCurrentPanel
-  } = states;
-  const {
-    showCalendar,
-    hideCalendar,
-    inputLeftChangeHandler,
-    inputRightChangeHandler
-  } = useDateRangeHandlers(startDate, endDate, onValueChange, states);
+function Tr({
+  value: t,
+  onValueChange: e,
+  autoFocus: n,
+  onBlur: r,
+  onEnter: c,
+  onEsc: s,
+  minDate: l,
+  maxDate: o = Mt,
+  calendarProps: d,
+  widthLeft: a = 128,
+  widthRight: f = 128,
+  variant: h,
+  disabled: u
+}) {
   const {
-    onKeyDownHandler,
-    onFocusRight,
-    onFocusLeft,
-    onClickDay,
-    onClickCalendarButton,
-    onClickArrowButton
-  } = useUserInputHandlers(startDate, endDate, onValueChange, startDateInputRef, endDateInputRef, showCalendar, hideCalendar, states);
-  useDateRangeEffects(startDate, endDate, setDateInFocus, startDateInputRef, endDateInputRef);
-  const startDateIsAfterEnd = useMemo(() => startDate && endDate && isAfter(startDate, endDate), [startDate, endDate]);
-  const statePerMonth = useMemo(() => buildDayStateForSingleMonth(calendarProps == null ? void 0 : calendarProps.statePerMonth, startDate, endDate, dateInFocus), [calendarProps == null ? void 0 : calendarProps.statePerMonth, startDate, endDate, dateInFocus]);
-  const delayedIsCalendarVisible = useDelayedFalse(isCalendarVisible, 300);
-  return /* @__PURE__ */ jsx(Box, {
-    onKeyDown: onKeyDownHandler,
-    children: /* @__PURE__ */ jsx(Popover, {
-      arrow: false,
-      lazy: true,
-      disabled,
-      placement: defaultPopoverPlacement,
-      onClickOutside: hideCalendar,
-      visible: isCalendarVisible,
-      content: delayedIsCalendarVisible && /* @__PURE__ */ jsx(CalendarWithMonthSwitcher, {
-        onClickDay,
-        dateInFocus,
-        setDateInFocus,
-        currentPanel,
-        setCurrentPanel,
-        minDate,
-        maxDate,
-        ...calendarProps,
-        statePerMonth
+    startDate: D,
+    endDate: m
+  } = t || {}, k = J(null), p = J(null), b = Xn(D, m), {
+    dateInFocus: w,
+    setDateInFocus: y,
+    isCalendarVisible: M,
+    currentPanel: A,
+    setCurrentPanel: x
+  } = b, {
+    showCalendar: N,
+    hideCalendar: O,
+    inputLeftChangeHandler: H,
+    inputRightChangeHandler: j
+  } = Qn(D, m, e, b), {
+    onKeyDownHandler: _,
+    onFocusRight: P,
+    onFocusLeft: st,
+    onClickDay: dt,
+    onClickCalendarButton: it,
+    onClickArrowButton: K
+  } = Zn(D, m, e, k, p, N, O, b);
+  qn(D, m, y, k, p);
+  const at = C(() => D && m && nt(D, m), [D, m]), ft = C(() => We(d == null ? void 0 : d.statePerMonth, D, m, w), [d == null ? void 0 : d.statePerMonth, D, m, w]), ut = Lt(M, 300);
+  return /* @__PURE__ */ i(I, {
+    onKeyDown: _,
+    children: /* @__PURE__ */ i(bt, {
+      arrow: !1,
+      lazy: !0,
+      disabled: u,
+      placement: St,
+      onClickOutside: O,
+      visible: M,
+      content: ut && /* @__PURE__ */ i(F, {
+        onClickDay: dt,
+        dateInFocus: w,
+        setDateInFocus: y,
+        currentPanel: A,
+        setCurrentPanel: x,
+        minDate: l,
+        maxDate: o,
+        ...d,
+        statePerMonth: ft
       }),
-      children: /* @__PURE__ */ jsx(DualTextInput, {
-        autoFocusLeft: autoFocus,
-        onEsc,
-        onEnter,
-        onBlur,
-        disabled,
-        separatorIcon: stenaArrowRight,
+      children: /* @__PURE__ */ i(ae, {
+        autoFocusLeft: n,
+        onEsc: s,
+        onEnter: c,
+        onBlur: r,
+        disabled: u,
+        separatorIcon: he,
         typeLeft: "date",
         typeRight: "date",
         placeholderLeft: "Start date",
         placeholderRight: "End date",
-        onChangeLeft: inputLeftChangeHandler,
-        onChangeRight: inputRightChangeHandler,
-        onClickArrowDown: onClickArrowButton,
-        onClickCalendar: onClickCalendarButton,
-        onFocusLeft,
-        onFocusRight,
-        onClickLeft: onFocusLeft,
-        onClickRight: onFocusRight,
-        inputRefLeft: startDateInputRef,
-        inputRefRight: endDateInputRef,
-        variant: startDateIsAfterEnd ? "error" : variant,
-        widthLeft,
-        widthRight,
-        minLeft: minDate,
-        maxLeft: maxDate,
-        minRight: minDate,
-        maxRight: maxDate
+        onChangeLeft: H,
+        onChangeRight: j,
+        onClickArrowDown: K,
+        onClickCalendar: it,
+        onFocusLeft: st,
+        onFocusRight: P,
+        onClickLeft: st,
+        onClickRight: P,
+        inputRefLeft: k,
+        inputRefRight: p,
+        variant: at ? "error" : h,
+        widthLeft: a,
+        widthRight: f,
+        minLeft: l,
+        maxLeft: o,
+        minRight: l,
+        maxRight: o
       })
     })
   });
+}
+export {
+  Ut as Calendar,
+  ce as CalendarDay,
+  Sr as DateInput,
+  mr as DateRangeCalendar,
+  Tr as DateRangeDualTextInput,
+  kr as DateRangeExclusionCalendar,
+  Mr as DateRangeInput,
+  Er as DateTextInput,
+  Ar as DateTimeInput,
+  U as Month,
+  un as MonthPicker,
+  pr as MultiDateCalendar,
+  hn as PresetPicker,
+  le as SingleDateCalendar,
+  br as SingleWeekCalendar,
+  Rr as TimeTextInput,
+  Be as WeekDay,
+  Ve as WeekDayCell,
+  Fe as WeekNumberCell,
+  yn as YearPicker,
+  X as addDayStateHighlights,
+  ne as addDayStateHighlightsOnSingleDay,
+  $e as addWeekRangeHighlights,
+  hr as addWeekStateHighlights,
+  wt as buildDayStateForDateRange,
+  Oe as buildDayStateForRange,
+  We as buildDayStateForSingleMonth,
+  Ke as calculateOverflowingMonth,
+  je as createDay,
+  kn as dateRangeToStrings,
+  Ge as dayHasHighlight,
+  V as dayHighlightSelect,
+  ct as defaultCalendarTheme,
+  Qe as defaultTextPropsProvider,
+  qe as defaultWrapperStyleProvider,
+  gr as extranetCalendarTheme,
+  _e as getDaysForWeekForDate,
+  re as getMonthInYear,
+  Jt as getMonthsInYear,
+  Je as getStartDateOfISOWeek,
+  jt as getWeekForDate,
+  ze as getWeeksForMonth,
+  se as isDateRangeInvalid,
+  ur as setDayStateValue,
+  Dr as setDayStateValueFunction,
+  Sn as stringsToDateRange,
+  yr as toggleDateStringsIfEndIsEarlierThanStart,
+  ie as toggleDatesIfEndIsEarlierThanStart,
+  wr as useDateRangeCalendarState,
+  Cn as useDateRangeExclusionSelection,
+  Mn as useDateRangeSelection,
+  Rn as useMultiDateSelection,
+  En as useSingleDateSelection,
+  An as useSingleWeekSelection
 };
-export { Calendar, CalendarDay, DateInput, DateRangeCalendar, DateRangeDualTextInput, DateRangeExclusionCalendar, DateRangeInput, DateTextInput, DateTimeInput, Month, MonthPicker, MultiDateCalendar, PresetPicker, SingleDateCalendar, SingleWeekCalendar, TimeTextInput, WeekDay, WeekDayCell, WeekNumberCell, YearPicker, addDayStateHighlights, addDayStateHighlightsOnSingleDay, addWeekRangeHighlights, addWeekStateHighlights, buildDayStateForDateRange, buildDayStateForRange, buildDayStateForSingleMonth, calculateOverflowingMonth, createDay, dateRangeToStrings, dayHasHighlight, dayHighlightSelect, defaultCalendarTheme, defaultTextPropsProvider, defaultWrapperStyleProvider, extranetCalendarTheme, getDaysForWeekForDate, getMonthInYear, getMonthsInYear, getStartDateOfISOWeek, getWeekForDate, getWeeksForMonth, isDateRangeInvalid, setDayStateValue, setDayStateValueFunction, stringsToDateRange, toggleDateStringsIfEndIsEarlierThanStart, toggleDatesIfEndIsEarlierThanStart, useDateRangeCalendarState, useDateRangeExclusionSelection, useDateRangeSelection, useMultiDateSelection, useSingleDateSelection, useSingleWeekSelection };
 //# sourceMappingURL=index.es.js.map