@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.variants.js

@@ -1,9 +1,35 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t(["flex", "gap-8", "w-full", "px-1"]), n = t(["flex", "gap-2", "items-center", "w-66.5"]), p = t(["flex", "flex-col", "gap-2", "w-38"]), l = t(["flex", "flex-col", "gap-2", "flex-1"]), r = t(["text-sm", "font-medium", "text-slate-500", "dark:text-metal-400", "leading-5"]);
+import { t as a } from "../../../../dist-DtEbXv47.js";
+var t = a([
+  "flex",
+  "gap-8",
+  "w-full",
+  "px-1"
+]), r = a([
+  "flex",
+  "gap-2",
+  "items-center",
+  "w-66.5"
+]), p = a([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "w-38"
+]), l = a([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "flex-1"
+]), i = a([
+  "text-sm",
+  "font-medium",
+  "text-slate-500",
+  "dark:text-metal-400",
+  "leading-5"
+]);
 export {
   p as dateInputWrapperVariants,
-  n as dateTimeGroupVariants,
-  a as dateTimeInputsVariants,
-  r as inputLabelVariants,
+  r as dateTimeGroupVariants,
+  t as dateTimeInputsVariants,
+  i as inputLabelVariants,
   l as timeInputWrapperVariants
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js

@@ -1,57 +1,45 @@
-import { jsxs as I, jsx as f } from "react/jsx-runtime";
-import { c as G } from "../../../../../../compiler-runtime-DA41awpA.js";
-import { cn as c } from "../../../../../../utils/index.js";
-import { Input as P } from "../../../../../Input/Input.js";
-import { TimePicker as R } from "../../../../../TimePicker/TimePicker.js";
-import { Typography as j } from "../../../../../Typography/Typography.js";
-import { dateTimeGroupVariants as $, dateInputWrapperVariants as q, inputLabelVariants as B, timeInputWrapperVariants as z } from "../../DateTimeInputs.variants.js";
-const A = (k) => {
-  const e = G.c(39), {
-    dateValue: b,
-    timeValue: h,
-    error: g,
-    disabled: l,
-    showTime: a,
-    timeFormat: w,
-    labelDate: C,
-    labelTime: L,
-    ariaLabelDate: y,
-    onDateChange: v,
-    onDateFocus: N,
-    onDateBlur: T,
-    onTimeChange: W,
-    classNames: t
-  } = k, D = w === void 0 ? "24" : w, x = C === void 0 ? "End date" : C, F = L === void 0 ? "Time" : L, V = y === void 0 ? "End date" : y;
-  let i;
-  e[0] !== t?.group || e[1] !== a ? (i = c($(), !a && "w-auto flex-1", t?.group), e[0] = t?.group, e[1] = a, e[2] = i) : i = e[2];
-  let r;
-  e[3] !== t?.dateWrapper || e[4] !== a ? (r = c(q(), !a && "w-full flex-1", t?.dateWrapper), e[3] = t?.dateWrapper, e[4] = a, e[5] = r) : r = e[5];
-  let o;
-  e[6] !== t?.label ? (o = c(B(), t?.label), e[6] = t?.label, e[7] = o) : o = e[7];
-  let n;
-  e[8] !== x || e[9] !== o ? (n = /* @__PURE__ */ f(j, { component: "label", className: o, children: x }), e[8] = x, e[9] = o, e[10] = n) : n = e[10];
-  const E = t?.input;
-  let s;
-  e[11] !== E ? (s = c(E), e[11] = E, e[12] = s) : s = e[12];
-  let m;
-  e[13] !== V || e[14] !== b || e[15] !== l || e[16] !== g || e[17] !== T || e[18] !== v || e[19] !== N || e[20] !== s ? (m = /* @__PURE__ */ f(P, { value: b, onChange: v, onFocus: N, onBlur: T, error: g, disabled: l, className: s, "aria-label": V }), e[13] = V, e[14] = b, e[15] = l, e[16] = g, e[17] = T, e[18] = v, e[19] = N, e[20] = s, e[21] = m) : m = e[21];
-  let p;
-  e[22] !== m || e[23] !== r || e[24] !== n ? (p = /* @__PURE__ */ I("div", { className: r, children: [
-    n,
-    m
-  ] }), e[22] = m, e[23] = r, e[24] = n, e[25] = p) : p = e[25];
-  let d;
-  e[26] !== t?.label || e[27] !== t?.timeWrapper || e[28] !== l || e[29] !== F || e[30] !== W || e[31] !== a || e[32] !== D || e[33] !== h ? (d = a && /* @__PURE__ */ I("div", { className: c(z(), t?.timeWrapper), children: [
-    /* @__PURE__ */ f(j, { component: "label", className: c(B(), t?.label), children: F }),
-    /* @__PURE__ */ f(R, { mode: "input", showList: !0, format: D, time: h, onChange: W, disabled: l, name: "end time" })
-  ] }), e[26] = t?.label, e[27] = t?.timeWrapper, e[28] = l, e[29] = F, e[30] = W, e[31] = a, e[32] = D, e[33] = h, e[34] = d) : d = e[34];
-  let u;
-  return e[35] !== p || e[36] !== d || e[37] !== i ? (u = /* @__PURE__ */ I("div", { className: i, children: [
-    p,
-    d
-  ] }), e[35] = p, e[36] = d, e[37] = i, e[38] = u) : u = e[38], u;
-};
-A.displayName = "EndInputFields";
+import { t as I } from "../../../../../../Input-GBMxM3Z7.js";
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
+import { Typography as p } from "../../../../../Typography/Typography.js";
+import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as E, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+var y = ({ dateValue: l, timeValue: m, error: d, disabled: i, showTime: t, timeFormat: u = "24", labelDate: c = "End date", labelTime: f = "Time", ariaLabelDate: s = "End date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: e }) => /* @__PURE__ */ n("div", {
+  className: r(V(), !t && "w-auto flex-1", e?.group),
+  children: [/* @__PURE__ */ n("div", {
+    className: r(E(), !t && "w-full flex-1", e?.dateWrapper),
+    children: [/* @__PURE__ */ a(p, {
+      component: "label",
+      className: r(o(), e?.label),
+      children: c
+    }), /* @__PURE__ */ a(I, {
+      value: l,
+      onChange: h,
+      onFocus: b,
+      onBlur: v,
+      error: d,
+      disabled: i,
+      className: r(e?.input),
+      "aria-label": s
+    })]
+  }), t && /* @__PURE__ */ n("div", {
+    className: r(W(), e?.timeWrapper),
+    children: [/* @__PURE__ */ a(p, {
+      component: "label",
+      className: r(o(), e?.label),
+      children: f
+    }), /* @__PURE__ */ a(g, {
+      mode: "input",
+      showList: !0,
+      format: u,
+      time: m,
+      onChange: x,
+      disabled: i,
+      name: "end time"
+    })]
+  })]
+});
+y.displayName = "EndInputFields";
 export {
-  A as EndInputFields
+  y as EndInputFields
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js

@@ -1,57 +1,45 @@
-import { jsxs as w, jsx as f } from "react/jsx-runtime";
-import { c as E } from "../../../../../../compiler-runtime-DA41awpA.js";
-import { cn as d } from "../../../../../../utils/index.js";
-import { Input as G } from "../../../../../Input/Input.js";
-import { TimePicker as P } from "../../../../../TimePicker/TimePicker.js";
-import { Typography as j } from "../../../../../Typography/Typography.js";
-import { dateTimeGroupVariants as R, dateInputWrapperVariants as $, inputLabelVariants as B, timeInputWrapperVariants as q } from "../../DateTimeInputs.variants.js";
-const z = (k) => {
-  const e = E.c(39), {
-    dateValue: b,
-    timeValue: h,
-    error: g,
-    disabled: l,
-    showTime: a,
-    timeFormat: C,
-    labelDate: L,
-    labelTime: S,
-    ariaLabelDate: y,
-    onDateChange: v,
-    onDateFocus: N,
-    onDateBlur: T,
-    onTimeChange: W,
-    classNames: t
-  } = k, D = C === void 0 ? "24" : C, x = L === void 0 ? "Start date" : L, F = S === void 0 ? "Time" : S, V = y === void 0 ? "Start date" : y;
-  let r;
-  e[0] !== t?.group || e[1] !== a ? (r = d(R(), !a && "w-auto flex-1", t?.group), e[0] = t?.group, e[1] = a, e[2] = r) : r = e[2];
-  let i;
-  e[3] !== t?.dateWrapper || e[4] !== a ? (i = d($(), !a && "w-full flex-1", t?.dateWrapper), e[3] = t?.dateWrapper, e[4] = a, e[5] = i) : i = e[5];
-  let o;
-  e[6] !== t?.label ? (o = d(B(), t?.label), e[6] = t?.label, e[7] = o) : o = e[7];
-  let s;
-  e[8] !== x || e[9] !== o ? (s = /* @__PURE__ */ f(j, { component: "label", className: o, children: x }), e[8] = x, e[9] = o, e[10] = s) : s = e[10];
-  const I = t?.input;
-  let m;
-  e[11] !== I ? (m = d(I), e[11] = I, e[12] = m) : m = e[12];
-  let n;
-  e[13] !== V || e[14] !== b || e[15] !== l || e[16] !== g || e[17] !== T || e[18] !== v || e[19] !== N || e[20] !== m ? (n = /* @__PURE__ */ f(G, { value: b, onChange: v, onFocus: N, onBlur: T, error: g, disabled: l, className: m, "aria-label": V }), e[13] = V, e[14] = b, e[15] = l, e[16] = g, e[17] = T, e[18] = v, e[19] = N, e[20] = m, e[21] = n) : n = e[21];
-  let p;
-  e[22] !== n || e[23] !== i || e[24] !== s ? (p = /* @__PURE__ */ w("div", { className: i, children: [
-    s,
-    n
-  ] }), e[22] = n, e[23] = i, e[24] = s, e[25] = p) : p = e[25];
-  let c;
-  e[26] !== t?.label || e[27] !== t?.timeWrapper || e[28] !== l || e[29] !== F || e[30] !== W || e[31] !== a || e[32] !== D || e[33] !== h ? (c = a && /* @__PURE__ */ w("div", { className: d(q(), t?.timeWrapper), children: [
-    /* @__PURE__ */ f(j, { component: "label", className: d(B(), t?.label), children: F }),
-    /* @__PURE__ */ f(P, { mode: "input", showList: !0, format: D, time: h, onChange: W, disabled: l, name: "start time" })
-  ] }), e[26] = t?.label, e[27] = t?.timeWrapper, e[28] = l, e[29] = F, e[30] = W, e[31] = a, e[32] = D, e[33] = h, e[34] = c) : c = e[34];
-  let u;
-  return e[35] !== p || e[36] !== c || e[37] !== r ? (u = /* @__PURE__ */ w("div", { className: r, children: [
-    p,
-    c
-  ] }), e[35] = p, e[36] = c, e[37] = r, e[38] = u) : u = e[38], u;
-};
-z.displayName = "StartInputFields";
+import { t as I } from "../../../../../../Input-GBMxM3Z7.js";
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
+import { Typography as n } from "../../../../../Typography/Typography.js";
+import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as S, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+var y = ({ dateValue: l, timeValue: m, error: u, disabled: p, showTime: e, timeFormat: d = "24", labelDate: c = "Start date", labelTime: f = "Time", ariaLabelDate: s = "Start date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: t }) => /* @__PURE__ */ i("div", {
+  className: r(V(), !e && "w-auto flex-1", t?.group),
+  children: [/* @__PURE__ */ i("div", {
+    className: r(S(), !e && "w-full flex-1", t?.dateWrapper),
+    children: [/* @__PURE__ */ a(n, {
+      component: "label",
+      className: r(o(), t?.label),
+      children: c
+    }), /* @__PURE__ */ a(I, {
+      value: l,
+      onChange: h,
+      onFocus: b,
+      onBlur: v,
+      error: u,
+      disabled: p,
+      className: r(t?.input),
+      "aria-label": s
+    })]
+  }), e && /* @__PURE__ */ i("div", {
+    className: r(W(), t?.timeWrapper),
+    children: [/* @__PURE__ */ a(n, {
+      component: "label",
+      className: r(o(), t?.label),
+      children: f
+    }), /* @__PURE__ */ a(g, {
+      mode: "input",
+      showList: !0,
+      format: d,
+      time: m,
+      onChange: x,
+      disabled: p,
+      name: "start time"
+    })]
+  })]
+});
+y.displayName = "StartInputFields";
 export {
-  z as StartInputFields
+  y as StartInputFields
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/components/index.js

@@ -1,6 +1,6 @@
-import { EndInputFields as e } from "./EndInputFields/EndInputFields.js";
+import { EndInputFields as r } from "./EndInputFields/EndInputFields.js";
 import { StartInputFields as p } from "./StartInputFields/StartInputFields.js";
 export {
-  e as EndInputFields,
+  r as EndInputFields,
   p as StartInputFields
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/hooks/index.js

@@ -1,4 +1,4 @@
-import { useDateTimeInputs as m } from "./useDateTimeInputs.js";
+import { useDateTimeInputs as t } from "./useDateTimeInputs.js";
 export {
-  m as useDateTimeInputs
+  t as useDateTimeInputs
 };

package/dist/components/DateRangePicker/components/DateTimeInputs/hooks/useDateTimeInputs.js

@@ -1,213 +1,181 @@
-import { c as gt } from "../../../../../compiler-runtime-DA41awpA.js";
-import { useRef as ut, useState as z, useEffect as Dt } from "react";
-import { useDateRangePicker as Et } from "../../../contexts/date-range-picker.hook.js";
-import { combineDateAndTime as pt, formatDateToDisplayString as E, formatDateToString as G, parseDateString as d, parseDisplayDateString as S, autoFormatDateInput as vt } from "../../../utils/validation.js";
-import { isDateSelectable as J } from "../../../utils/disabled-dates.js";
-const Rt = (Tt) => {
-  const t = gt.c(81), {
-    errorInvalidDate: D,
-    errorDateNotAvailable: p,
-    errorStartAfterEnd: K,
-    errorEndBeforeStart: L
-  } = Tt, {
-    range: e,
-    time: i,
-    timeFormat: O,
-    showTime: Q,
-    name: U,
-    disabled: W,
-    blockedDays: X,
-    blockedMonths: Y,
-    minDate: Z,
-    maxDate: tt,
-    setRange: s,
-    setTime: v
-  } = Et();
-  let b;
-  t[0] !== X || t[1] !== Y || t[2] !== tt || t[3] !== Z ? (b = {
-    blockedDays: X,
-    blockedMonths: Y,
-    minDate: Z,
-    maxDate: tt
-  }, t[0] = X, t[1] = Y, t[2] = tt, t[3] = Z, t[4] = b) : b = t[4];
-  const f = b, h = ut(!1), V = ut(!1);
-  let R;
-  t[5] !== e.from ? (R = () => E(e.from), t[5] = e.from, t[6] = R) : R = t[6];
-  const [r, T] = z(R);
-  let y;
-  t[7] !== e.to ? (y = () => E(e.to), t[7] = e.to, t[8] = y) : y = t[8];
-  const [o, g] = z(y), [et, m] = z(), [rt, u] = z();
-  let P, C;
-  t[9] !== e.from ? (P = () => {
-    h.current || T(E(e.from));
-  }, C = [e.from], t[9] = e.from, t[10] = P, t[11] = C) : (P = t[10], C = t[11]), Dt(P, C);
-  let F, k;
-  t[12] !== e.to ? (F = () => {
-    V.current || g(E(e.to));
-  }, k = [e.to], t[12] = e.to, t[13] = F, t[14] = k) : (F = t[13], k = t[14]), Dt(F, k);
-  let w;
-  t[15] !== e.from || t[16] !== r ? (w = () => {
-    if (h.current = !0, m(void 0), e.from)
-      T(G(e.from));
+import { useDateRangePicker as $ } from "../../../contexts/date-range-picker.hook.js";
+import { isDateSelectable as C } from "../../../utils/disabled-dates.js";
+import { autoFormatDateInput as B, combineDateAndTime as j, formatDateToDisplayString as T, formatDateToString as P, parseDateString as i, parseDisplayDateString as g } from "../../../utils/validation.js";
+import { useCallback as f, useEffect as q, useMemo as k, useRef as z, useState as R } from "react";
+var et = ({ errorInvalidDate: E, errorDateNotAvailable: V, errorStartAfterEnd: F, errorEndBeforeStart: b }) => {
+  const { range: t, time: u, timeFormat: G, showTime: J, name: K, disabled: L, blockedDays: w, blockedMonths: x, minDate: H, maxDate: M, setRange: n, setTime: y } = $(), c = k(() => ({
+    blockedDays: w,
+    blockedMonths: x,
+    minDate: H,
+    maxDate: M
+  }), [
+    w,
+    x,
+    H,
+    M
+  ]), v = z(!1), h = z(!1), [o, D] = R(() => T(t.from)), [s, p] = R(() => T(t.to)), [O, m] = R(), [Q, l] = R();
+  q(() => {
+    v.current || D(T(t.from));
+  }, [t.from]), q(() => {
+    h.current || p(T(t.to));
+  }, [t.to]);
+  const U = f(() => {
+    if (v.current = !0, m(void 0), t.from) D(P(t.from));
     else {
-      const a = d(r) || S(r);
-      a && T(G(a));
+      const e = i(o) || g(o);
+      e && D(P(e));
     }
-  }, t[15] = e.from, t[16] = r, t[17] = w) : w = t[17];
-  const ot = w;
-  let x;
-  t[18] !== o || t[19] !== e || t[20] !== f || t[21] !== s || t[22] !== r ? (x = (a) => {
-    const c = a.target.value, n = vt(c, r);
-    T(n), m(void 0);
-    const l = d(n);
-    if (l && J(l, f)) {
-      const _ = e.to || d(o) || S(o);
-      if (_ && l > _)
-        return;
-      s({
-        ...e,
-        from: l
+  }, [t.from, o]), W = f((e) => {
+    const d = e.target.value, r = B(d, o);
+    D(r), m(void 0);
+    const a = i(r);
+    if (a && C(a, c)) {
+      const S = t.to || i(s) || g(s);
+      if (S && a > S) return;
+      n({
+        ...t,
+        from: a
       });
     }
-  }, t[18] = o, t[19] = e, t[20] = f, t[21] = s, t[22] = r, t[23] = x) : x = t[23];
-  const at = x;
-  let A;
-  t[24] !== o || t[25] !== p || t[26] !== D || t[27] !== K || t[28] !== e || t[29] !== f || t[30] !== s ? (A = (a) => {
-    const c = a.currentTarget.value.trim();
-    if (c === "") {
-      h.current = !1, m(void 0), T(""), s({
-        ...e,
+  }, [
+    o,
+    s,
+    t,
+    n,
+    c
+  ]), X = f((e) => {
+    const d = e.currentTarget.value.trim();
+    if (d === "") {
+      v.current = !1, m(void 0), D(""), n({
+        ...t,
         from: void 0
       });
       return;
     }
-    const n = d(c);
-    if (!n) {
-      m(D);
+    const r = i(d);
+    if (!r) {
+      m(E);
       return;
     }
-    if (!J(n, f)) {
-      m(p);
+    if (!C(r, c)) {
+      m(V);
       return;
     }
-    const l = d(o) || S(o);
-    if (l && n > l) {
-      m(K), V.current = !0, s({
+    const a = i(s) || g(s);
+    if (a && r > a) {
+      m(F), h.current = !0, n({
         from: void 0,
         to: void 0
       });
       return;
     }
-    h.current = !1, m(void 0), s({
-      ...e,
-      from: n
-    }), T(E(n));
-  }, t[24] = o, t[25] = p, t[26] = D, t[27] = K, t[28] = e, t[29] = f, t[30] = s, t[31] = A) : A = t[31];
-  const nt = A;
-  let B;
-  t[32] !== o || t[33] !== e.to ? (B = () => {
-    if (V.current = !0, u(void 0), e.to)
-      g(G(e.to));
+    v.current = !1, m(void 0), n({
+      ...t,
+      from: r
+    }), D(T(r));
+  }, [
+    t,
+    n,
+    c,
+    E,
+    V,
+    F,
+    s
+  ]), Y = f(() => {
+    if (h.current = !0, l(void 0), t.to) p(P(t.to));
     else {
-      const a = d(o) || S(o);
-      a && g(G(a));
+      const e = i(s) || g(s);
+      e && p(P(e));
     }
-  }, t[32] = o, t[33] = e.to, t[34] = B) : B = t[34];
-  const st = B;
-  let I;
-  t[35] !== o || t[36] !== e || t[37] !== f || t[38] !== s || t[39] !== r ? (I = (a) => {
-    const c = a.target.value, n = vt(c, o);
-    g(n), u(void 0);
-    const l = d(n);
-    if (l && J(l, f)) {
-      const _ = e.from || d(r) || S(r);
-      if (_ && l < _)
-        return;
-      s({
-        ...e,
-        to: l
+  }, [t.to, s]), Z = f((e) => {
+    const d = e.target.value, r = B(d, s);
+    p(r), l(void 0);
+    const a = i(r);
+    if (a && C(a, c)) {
+      const S = t.from || i(o) || g(o);
+      if (S && a < S) return;
+      n({
+        ...t,
+        to: a
       });
     }
-  }, t[35] = o, t[36] = e, t[37] = f, t[38] = s, t[39] = r, t[40] = I) : I = t[40];
-  const it = I;
-  let H;
-  t[41] !== p || t[42] !== L || t[43] !== D || t[44] !== e || t[45] !== f || t[46] !== s || t[47] !== r ? (H = (a) => {
-    const c = a.currentTarget.value.trim();
-    if (c === "") {
-      V.current = !1, u(void 0), g(""), s({
-        ...e,
+  }, [
+    s,
+    o,
+    t,
+    n,
+    c
+  ]), _ = f((e) => {
+    const d = e.currentTarget.value.trim();
+    if (d === "") {
+      h.current = !1, l(void 0), p(""), n({
+        ...t,
         to: void 0
       });
       return;
     }
-    const n = d(c);
-    if (!n) {
-      u(D);
+    const r = i(d);
+    if (!r) {
+      l(E);
       return;
     }
-    if (!J(n, f)) {
-      u(p);
+    if (!C(r, c)) {
+      l(V);
       return;
     }
-    const l = d(r) || S(r);
-    if (l && n < l) {
-      u(L), h.current = !0, s({
+    const a = i(o) || g(o);
+    if (a && r < a) {
+      l(b), v.current = !0, n({
         from: void 0,
         to: void 0
       });
       return;
     }
-    V.current = !1, u(void 0), s({
-      ...e,
-      to: n
-    }), g(E(n));
-  }, t[41] = p, t[42] = L, t[43] = D, t[44] = e, t[45] = f, t[46] = s, t[47] = r, t[48] = H) : H = t[48];
-  const lt = H;
-  let M;
-  t[49] !== v || t[50] !== i ? (M = (a) => {
-    v({
-      ...i,
-      startTime: a
-    });
-  }, t[49] = v, t[50] = i, t[51] = M) : M = t[51];
-  const ft = M;
-  let N;
-  t[52] !== v || t[53] !== i ? (N = (a) => {
-    v({
-      ...i,
-      endTime: a
-    });
-  }, t[52] = v, t[53] = i, t[54] = N) : N = t[54];
-  const dt = N;
-  let $;
-  t[55] !== e.from || t[56] !== i.startTime ? ($ = pt(e.from, i.startTime), t[55] = e.from, t[56] = i.startTime, t[57] = $) : $ = t[57];
-  const ct = $;
-  let j;
-  t[58] !== e.to || t[59] !== i.endTime ? (j = pt(e.to, i.endTime), t[58] = e.to, t[59] = i.endTime, t[60] = j) : j = t[60];
-  const mt = j;
-  let q;
-  return t[61] !== W || t[62] !== rt || t[63] !== o || t[64] !== mt || t[65] !== lt || t[66] !== it || t[67] !== st || t[68] !== dt || t[69] !== nt || t[70] !== at || t[71] !== ot || t[72] !== ft || t[73] !== U || t[74] !== Q || t[75] !== et || t[76] !== r || t[77] !== ct || t[78] !== i || t[79] !== O ? (q = {
-    timeFormat: O,
-    showTime: Q,
-    name: U,
-    disabled: W,
-    time: i,
-    startDateValue: r,
-    startDateError: et,
-    handleStartDateFocus: ot,
-    handleStartDateChange: at,
-    handleStartDateBlur: nt,
-    handleStartTimeChange: ft,
-    endDateValue: o,
-    endDateError: rt,
-    handleEndDateFocus: st,
-    handleEndDateChange: it,
-    handleEndDateBlur: lt,
-    handleEndTimeChange: dt,
-    startHiddenValue: ct,
-    endHiddenValue: mt
-  }, t[61] = W, t[62] = rt, t[63] = o, t[64] = mt, t[65] = lt, t[66] = it, t[67] = st, t[68] = dt, t[69] = nt, t[70] = at, t[71] = ot, t[72] = ft, t[73] = U, t[74] = Q, t[75] = et, t[76] = r, t[77] = ct, t[78] = i, t[79] = O, t[80] = q) : q = t[80], q;
+    h.current = !1, l(void 0), n({
+      ...t,
+      to: r
+    }), p(T(r));
+  }, [
+    t,
+    n,
+    c,
+    E,
+    V,
+    b,
+    o
+  ]);
+  return {
+    timeFormat: G,
+    showTime: J,
+    name: K,
+    disabled: L,
+    time: u,
+    startDateValue: o,
+    startDateError: O,
+    handleStartDateFocus: U,
+    handleStartDateChange: W,
+    handleStartDateBlur: X,
+    handleStartTimeChange: f((e) => {
+      y({
+        ...u,
+        startTime: e
+      });
+    }, [u, y]),
+    endDateValue: s,
+    endDateError: Q,
+    handleEndDateFocus: Y,
+    handleEndDateChange: Z,
+    handleEndDateBlur: _,
+    handleEndTimeChange: f((e) => {
+      y({
+        ...u,
+        endTime: e
+      });
+    }, [u, y]),
+    startHiddenValue: k(() => j(t.from, u.startTime), [t.from, u.startTime]),
+    endHiddenValue: k(() => j(t.to, u.endTime), [t.to, u.endTime])
+  };
 };
 export {
-  Rt as useDateTimeInputs
+  et as useDateTimeInputs
 };