@stenajs-webui/calendar 17.27.1 → 17.28.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v17.28.1 (Fri Nov 25 2022)
+
+#### 🐛 Bug Fix
+
+- Fix variable used before declaration error [#531](https://github.com/StenaIT/stenajs-webui/pull/531) ([@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 1
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
 # v17.13.3 (Tue Aug 30 2022)
 
 #### 🏠 Internal

package/dist/index.es.js

@@ -1,6 +1,6 @@
 (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 { FlatButton as A, 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 N, 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";
@@ -275,15 +275,15 @@ const Jt = (t, e, n) => {
   backgroundColor: c,
   prefix: s
 }) => {
-  const l = /* @__PURE__ */ E(I, {
+  const l = /* @__PURE__ */ E(N, {
     width: e.width,
     height: e.height,
     justifyContent: "center",
     alignItems: "center",
-    children: [r && /* @__PURE__ */ i(I, {
+    children: [r && /* @__PURE__ */ i(N, {
       position: "absolute",
       children: r
-    }), /* @__PURE__ */ i(I, {
+    }), /* @__PURE__ */ i(N, {
       position: "absolute",
       children: /* @__PURE__ */ E(et, {
         color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
@@ -291,7 +291,7 @@ const Jt = (t, e, n) => {
       })
     })]
   });
-  return /* @__PURE__ */ i(I, {
+  return /* @__PURE__ */ i(N, {
     background: c || e.WeekNumber.backgroundColor,
     position: "relative",
     children: t ? /* @__PURE__ */ i(Pt, {
@@ -345,7 +345,7 @@ const Ve = ({
   day: e,
   theme: n
 }) => {
-  const r = /* @__PURE__ */ i(I, {
+  const r = /* @__PURE__ */ i(N, {
     width: n.width,
     height: n.height,
     justifyContent: "center",
@@ -373,7 +373,7 @@ const Ve = ({
   extraDayContent: d,
   defaultHighlights: a
 }) {
-  const f = /* @__PURE__ */ i(I, {
+  const f = /* @__PURE__ */ i(N, {
     width: "100%",
     height: "100%",
     justifyContent: "center",
@@ -443,13 +443,13 @@ function en({
 }) {
   const w = k.WeekNumber.show;
   return /* @__PURE__ */ i(mt, {
-    children: /* @__PURE__ */ E(I, {
+    children: /* @__PURE__ */ E(N, {
       alignItems: "stretch",
       children: [/* @__PURE__ */ E(R, {
         justifyContent: "space-between",
         alignItems: "center",
         height: "32px",
-        children: [/* @__PURE__ */ i(I, {
+        children: [/* @__PURE__ */ i(N, {
           alignItems: "center",
           children: D
         }), /* @__PURE__ */ E(R, {
@@ -457,7 +457,7 @@ function en({
           children: [/* @__PURE__ */ i(R, {
             width: "104px",
             justifyContent: "center",
-            children: a ? /* @__PURE__ */ i(T, {
+            children: a ? /* @__PURE__ */ i(A, {
               onClick: () => a(t),
               label: t.name
             }) : /* @__PURE__ */ i(et, {
@@ -466,14 +466,14 @@ function en({
           }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             width: "64px",
             justifyContent: "center",
-            children: f ? /* @__PURE__ */ i(T, {
+            children: f ? /* @__PURE__ */ i(A, {
               onClick: () => f(t.year),
               label: String(t.year)
             }) : /* @__PURE__ */ i(et, {
               children: t.year
             })
           })]
-        }), /* @__PURE__ */ i(I, {
+        }), /* @__PURE__ */ i(N, {
           alignItems: "center",
           children: m
         })]
@@ -481,7 +481,7 @@ function en({
         children: /* @__PURE__ */ E("tbody", {
           children: [/* @__PURE__ */ E("tr", {
             children: [w && /* @__PURE__ */ i("td", {
-              children: /* @__PURE__ */ i(I, {
+              children: /* @__PURE__ */ i(N, {
                 width: k.width,
                 height: k.height,
                 justifyContent: "center",
@@ -545,10 +545,10 @@ function cn({
   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: t.map((M, T) => /* @__PURE__ */ i(ge, {
       children: /* @__PURE__ */ i(R, {
-        children: M.map((x, N) => /* @__PURE__ */ E(vt.Fragment, {
-          children: [N > 0 && /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(en, {
+        children: M.map((x, I) => /* @__PURE__ */ E(vt.Fragment, {
+          children: [I > 0 && /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(en, {
             month: x,
             dayComponent: e,
             userDataPerWeek: n && n[x.monthString],
@@ -570,7 +570,7 @@ function cn({
           })]
         }, x.name))
       })
-    }, A))
+    }, T))
   });
 }
 function Ut(t) {
@@ -633,18 +633,18 @@ const sn = (t, e, n) => {
 }) => /* @__PURE__ */ E("div", {
   children: [t, /* @__PURE__ */ i(gt, {
     children: /* @__PURE__ */ E(R, {
-      children: [/* @__PURE__ */ i(T, {
+      children: [/* @__PURE__ */ i(A, {
         onClick: r,
         leftIcon: Vt
-      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(T, {
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
         onClick: e,
         leftIcon: Ot
       }), /* @__PURE__ */ i(gt, {
         num: 2
-      }), /* @__PURE__ */ i(T, {
+      }), /* @__PURE__ */ i(A, {
         onClick: n,
         leftIcon: $t
-      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(T, {
+      }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
         onClick: c,
         leftIcon: te
       })]
@@ -667,7 +667,7 @@ const sn = (t, e, n) => {
     children: t === n ? /* @__PURE__ */ i(lt, {
       label: r,
       onClick: () => e && e(n)
-    }) : /* @__PURE__ */ i(T, {
+    }) : /* @__PURE__ */ i(A, {
       label: r,
       onClick: () => e && e(n)
     })
@@ -712,14 +712,14 @@ const sn = (t, e, n) => {
       justifyContent: "space-between",
       alignItems: "center",
       width: "200px",
-      children: [/* @__PURE__ */ i(T, {
+      children: [/* @__PURE__ */ i(A, {
         size: "small",
         leftIcon: Ot,
         disabled: e === 0,
         onClick: () => n(e - 1)
       }), /* @__PURE__ */ i(et, {
         children: c.label
-      }), /* @__PURE__ */ i(T, {
+      }), /* @__PURE__ */ i(A, {
         size: "small",
         leftIcon: $t,
         disabled: e === r.length - 1,
@@ -749,7 +749,7 @@ const sn = (t, e, n) => {
     children: t === n ? /* @__PURE__ */ i(lt, {
       label: r,
       onClick: () => e == null ? void 0 : e(n)
-    }) : /* @__PURE__ */ i(T, {
+    }) : /* @__PURE__ */ i(A, {
       label: r,
       onClick: () => e == null ? void 0 : e(n)
     })
@@ -768,7 +768,7 @@ const sn = (t, e, n) => {
   }, [t]), /* @__PURE__ */ E(R, {
     children: [/* @__PURE__ */ i(B, {
       justifyContent: "center",
-      children: /* @__PURE__ */ i(T, {
+      children: /* @__PURE__ */ i(A, {
         leftIcon: Ne,
         onClick: () => c(r - 3)
       })
@@ -782,7 +782,7 @@ const sn = (t, e, n) => {
       }, l[0]))
     }), /* @__PURE__ */ i(B, {
       justifyContent: "center",
-      children: /* @__PURE__ */ i(T, {
+      children: /* @__PURE__ */ i(A, {
         leftIcon: He,
         onClick: () => c(r + 3)
       })
@@ -845,7 +845,7 @@ const sn = (t, e, n) => {
         }
       });
     default:
-      return /* @__PURE__ */ i(I, {
+      return /* @__PURE__ */ i(N, {
         children: /* @__PURE__ */ i(lt, {
           label: "Show calendar",
           onClick: () => c("calendar")
@@ -897,11 +897,11 @@ function F({
           onSelectPreset: l,
           headerLeftContent: /* @__PURE__ */ E(R, {
             alignItems: "center",
-            children: [!o && /* @__PURE__ */ i(T, {
+            children: [!o && /* @__PURE__ */ i(A, {
               size: "small",
               onClick: u,
               leftIcon: Vt
-            }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(T, {
+            }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(A, {
               size: "small",
               onClick: f,
               leftIcon: Ot
@@ -909,11 +909,11 @@ function F({
           }),
           headerRightContent: /* @__PURE__ */ E(R, {
             alignItems: "center",
-            children: [/* @__PURE__ */ i(T, {
+            children: [/* @__PURE__ */ i(A, {
               size: "small",
               onClick: a,
               leftIcon: $t
-            }), /* @__PURE__ */ i($, {}), !o && /* @__PURE__ */ i(T, {
+            }), /* @__PURE__ */ i($, {}), !o && /* @__PURE__ */ i(A, {
               size: "small",
               onClick: h,
               leftIcon: te
@@ -1239,7 +1239,7 @@ const St = "bottom", de = () => {
     tippyRef: y,
     onChangePanel: M
   } = de();
-  return /* @__PURE__ */ i(I, {
+  return /* @__PURE__ */ i(N, {
     width: h,
     children: /* @__PURE__ */ i(bt, {
       arrow: !1,
@@ -1264,7 +1264,7 @@ const St = "bottom", de = () => {
         type: "date",
         contentRight: /* @__PURE__ */ i(R, {
           alignItems: "center",
-          children: /* @__PURE__ */ i(T, {
+          children: /* @__PURE__ */ i(A, {
             size: "small",
             disabled: m,
             leftIcon: ht,
@@ -1324,38 +1324,38 @@ function Mr({
   maxDate: h = Mt,
   disabled: u
 }) {
-  const [D, m] = S(() => {
+  const [D, m] = S("calendar"), {
+    hideCalendar: k,
+    showCalendarEndDate: p,
+    showCalendarStartDate: b,
+    showingCalendar: w,
+    focusedInput: y,
+    startDateInputRef: M,
+    endDateInputRef: T,
+    onClickDay: x,
+    startDateIsAfterEnd: I
+  } = Hn(c, s), [O, Y] = 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 (_ = y && (c == null ? void 0 : c[y])) != null ? _ : new Date();
+  }), 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,
+    visible: w,
     zIndex: l,
     placement: St,
     appendTo: r != null ? r : "parent",
-    onClickOutside: b,
+    onClickOutside: k,
     content: /* @__PURE__ */ i(F, {
       ...a,
-      dateInFocus: D,
-      setDateInFocus: m,
+      dateInFocus: O,
+      setDateInFocus: Y,
       statePerMonth: j,
       theme: d,
-      onClickDay: O,
-      currentPanel: k,
-      setCurrentPanel: p,
+      onClickDay: x,
+      currentPanel: D,
+      setCurrentPanel: m,
       minDate: f,
       maxDate: h
     }),
@@ -1363,28 +1363,28 @@ function Mr({
       alignItems: "center",
       children: [/* @__PURE__ */ i(rt, {
         iconLeft: ht,
-        onFocus: y,
+        onFocus: b,
         value: c != null && c.startDate ? W(c.startDate, t) : "",
         placeholder: e,
         width: o,
         disabled: u,
-        inputRef: x,
+        inputRef: M,
         size: 9,
-        variant: H ? "error" : void 0
+        variant: I ? "error" : void 0
       }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(qt, {
         icon: Ue,
         color: ee("--lhds-color-ui-500"),
         size: 14
       }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(rt, {
         iconLeft: ht,
-        onFocus: w,
+        onFocus: p,
         value: c != null && c.endDate ? W(c.endDate, t) : "",
         placeholder: n,
         width: o,
         disabled: u,
-        inputRef: N,
+        inputRef: T,
         size: 9,
-        variant: H ? "error" : void 0
+        variant: I ? "error" : void 0
       })]
     })
   });
@@ -1412,14 +1412,14 @@ const Er = ({
     onChangePanel: y
   } = de(), M = g(() => {
     b(!p);
-  }, [b, p]), A = g(() => {
+  }, [b, p]), T = g(() => {
     b(!1);
   }, [b]), x = g((P) => {
     c && c(P);
-  }, [c]), N = g((P) => {
+  }, [c]), I = 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, {
+  }, [x, n, e, b, p]), O = !!o && !/^[-/\\.0-9]+$/.test(o), Y = !!o && xe(ot(o, n, new Date())), _ = !!o && o.length >= n.length && !Y || O;
+  return /* @__PURE__ */ i(N, {
     width: d,
     children: /* @__PURE__ */ i(bt, {
       arrow: !1,
@@ -1428,13 +1428,13 @@ const Er = ({
       zIndex: a,
       appendTo: l != null ? l : "parent",
       placement: St,
-      onClickOutside: A,
+      onClickOutside: T,
       tippyRef: w,
       content: /* @__PURE__ */ i(le, {
         ...t,
-        onChange: N,
+        onChange: I,
         onChangePanel: y,
-        value: o && H ? ot(o, n, new Date()) : void 0,
+        value: o && Y ? ot(o, n, new Date()) : void 0,
         minDate: u,
         maxDate: D,
         theme: f
@@ -1446,7 +1446,7 @@ const Er = ({
         contentRight: h ? void 0 : /* @__PURE__ */ i(R, {
           alignItems: "center",
           indent: 0.5,
-          children: /* @__PURE__ */ i(T, {
+          children: /* @__PURE__ */ i(A, {
             size: "small",
             disabled: k.disabled,
             leftIcon: ht,
@@ -1579,11 +1579,11 @@ const Er = ({
   maxRight: w,
   onClickLeft: y,
   onClickRight: M,
-  onClickCalendar: A,
+  onClickCalendar: T,
   onClickArrowDown: x,
-  onBlurLeft: N,
+  onBlurLeft: I,
   onBlurRight: O,
-  onFocusLeft: H,
+  onFocusLeft: Y,
   onFocusRight: j,
   inputRefLeft: _,
   inputRefRight: P,
@@ -1596,18 +1596,18 @@ const Er = ({
   widthRight: ut,
   disabled: v
 }) => {
-  const L = J(0), Y = C(() => Ie((G) => {
+  const L = J(0), H = 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, {
+    L.current++, H(L.current), Y && Y(G);
+  }, [Y, L, H]), Rt = g((G) => {
+    L.current++, H(L.current), j && j(G);
+  }, [j, L, H]), At = g((G) => {
+    L.current--, H(L.current), I && I(G);
+  }, [I, L, H]), ue = g((G) => {
+    L.current--, H(L.current), O && O(G);
+  }, [O, L, H]);
+  return /* @__PURE__ */ i(N, {
     children: /* @__PURE__ */ E(Ye, {
       disableContentPaddingRight: !0,
       disabled: v,
@@ -1616,9 +1616,9 @@ const Er = ({
         alignItems: "center",
         children: [/* @__PURE__ */ i(gt, {
           num: 0.5,
-          children: /* @__PURE__ */ i(T, {
+          children: /* @__PURE__ */ i(A, {
             leftIcon: ht,
-            onClick: A,
+            onClick: T,
             disabled: v,
             size: "small"
           })
@@ -1630,7 +1630,7 @@ const Er = ({
             })
           }), /* @__PURE__ */ i(gt, {
             num: 0.5,
-            children: /* @__PURE__ */ i(T, {
+            children: /* @__PURE__ */ i(A, {
               leftIcon: De,
               onClick: x,
               disabled: v,
@@ -1639,7 +1639,7 @@ const Er = ({
           })]
         }) : null]
       }),
-      children: [/* @__PURE__ */ i(I, {
+      children: [/* @__PURE__ */ i(N, {
         width: ft,
         children: /* @__PURE__ */ i(rt, {
           onEsc: n,
@@ -1669,7 +1669,7 @@ const Er = ({
           size: 12,
           color: ee("--lhds-color-ui-500")
         })
-      }), /* @__PURE__ */ i(I, {
+      }), /* @__PURE__ */ i(N, {
         width: ut,
         children: /* @__PURE__ */ i(rt, {
           onEsc: n,
@@ -1760,7 +1760,7 @@ const Er = ({
     children: n ? /* @__PURE__ */ i(lt, {
       label: String(e),
       onClick: () => t && t(e)
-    }) : /* @__PURE__ */ i(T, {
+    }) : /* @__PURE__ */ i(A, {
       label: String(e),
       onClick: () => t && t(e)
     })
@@ -1849,8 +1849,8 @@ const Er = ({
       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);
+        const { minute: M, hour: T } = Tt(o);
+        y.setHours(T != null ? T : 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);
@@ -1973,12 +1973,12 @@ const Er = ({
     dateInFocus: w,
     setDateInFocus: y,
     isTimePickerVisible: M,
-    hideTimePicker: A,
+    hideTimePicker: T,
     localTime: x,
-    localDate: N
+    localDate: I
   } = m, {
     showCalendar: O,
-    hideCalendar: H,
+    hideCalendar: Y,
     inputLeftChangeHandler: j,
     inputRightChangeHandler: _,
     onChangeTime: P,
@@ -1990,15 +1990,15 @@ const Er = ({
     onClickDay: at,
     onClickCalendarButton: ft,
     onClickArrowButton: ut
-  } = Gn(st, u, O, H, m);
+  } = Gn(st, u, O, Y, m);
   _n(t, y, u);
   const v = C(() => {
-    const At = t || N;
+    const At = t || I;
     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, {
+  }, [I, t]), L = g(() => {
+    Y(), T();
+  }, [Y, T]), H = C(() => t ? Wn(t) : x, [t, x]), Et = Lt(b, 300), Rt = Lt(M, 300);
+  return /* @__PURE__ */ i(N, {
     onKeyDown: dt,
     children: /* @__PURE__ */ i(bt, {
       arrow: !1,
@@ -2022,14 +2022,14 @@ const Er = ({
             overflow: "hidden",
             height: "250px",
             children: /* @__PURE__ */ i(jn, {
-              value: Y != null ? Y : "",
+              value: H != null ? H : "",
               onValueChange: P
             })
           }), /* @__PURE__ */ i($, {}), /* @__PURE__ */ i(R, {
             justifyContent: "flex-end",
             children: /* @__PURE__ */ i(lt, {
               label: "Done",
-              onClick: A
+              onClick: T
             })
           })]
         }) : null
@@ -2055,7 +2055,7 @@ const Er = ({
         onClickRight: it,
         inputRefLeft: u,
         inputRefRight: D,
-        valueRight: Y != null ? Y : "",
+        valueRight: H != null ? H : "",
         widthLeft: o,
         widthRight: d,
         minLeft: l,
@@ -2186,17 +2186,17 @@ const Er = ({
     o
   ]), k = g(
     (y) => {
-      var M, A, x, N;
+      var M, T, x, I;
       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({
+      }), o === "startDate" ? (f("endDate"), (T = c.current) == null || T.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({
+      }), f("endDate"), (I = c.current) == null || I.focus()) : (n == null || n({
         startDate: t,
         endDate: y.date
       }), setTimeout(l, 50)) : (n == null || n({
@@ -2265,12 +2265,12 @@ function Tr({
     dateInFocus: w,
     setDateInFocus: y,
     isCalendarVisible: M,
-    currentPanel: A,
+    currentPanel: T,
     setCurrentPanel: x
   } = b, {
-    showCalendar: N,
+    showCalendar: I,
     hideCalendar: O,
-    inputLeftChangeHandler: H,
+    inputLeftChangeHandler: Y,
     inputRightChangeHandler: j
   } = Qn(D, m, e, b), {
     onKeyDownHandler: _,
@@ -2279,10 +2279,10 @@ function Tr({
     onClickDay: dt,
     onClickCalendarButton: it,
     onClickArrowButton: K
-  } = Zn(D, m, e, k, p, N, O, b);
+  } = Zn(D, m, e, k, p, I, 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, {
+  return /* @__PURE__ */ i(N, {
     onKeyDown: _,
     children: /* @__PURE__ */ i(bt, {
       arrow: !1,
@@ -2295,7 +2295,7 @@ function Tr({
         onClickDay: dt,
         dateInFocus: w,
         setDateInFocus: y,
-        currentPanel: A,
+        currentPanel: T,
         setCurrentPanel: x,
         minDate: l,
         maxDate: o,
@@ -2313,7 +2313,7 @@ function Tr({
         typeRight: "date",
         placeholderLeft: "Start date",
         placeholderRight: "End date",
-        onChangeLeft: H,
+        onChangeLeft: Y,
         onChangeRight: j,
         onClickArrowDown: K,
         onClickCalendar: it,