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

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.js

@@ -1,167 +1,144 @@
-import { c as pe } from "../../../../../compiler-runtime-DA41awpA.js";
-import { useState as h, useRef as G, useEffect as T } from "react";
-import { MS_PER_MONTH as Te, SINGLE_MONTH_WIDTH as j } from "../constants/index.js";
-import { getNextMonth as d, getPrevMonth as M, getWeeksInMonth as de, calculateCalendarHeight as Fe } from "../utils/index.js";
-const qe = (Me) => {
-  const e = pe.c(88), {
-    displayedMonths: l,
-    animationDuration: g,
-    navigationMode: u
-  } = Me, [n, re] = h(l[0]), [f, le] = h(null), [i, fe] = h(!1), [o, z] = h(!1), [B, oe] = h(!0), Ae = G(null), ae = G(!0), [s, me] = h(l[1]), [a, ue] = h(null), [r, ce] = h(!1), [m, J] = h(!1), [K, he] = h(!0), Re = G(null), ge = G(!0);
-  let F;
-  e[0] !== l[0] || e[1] !== i || e[2] !== n || e[3] !== u ? (F = () => {
-    if (u === "independent") {
-      if (ae.current) {
-        ae.current = !1;
+import { r as k } from "../../../../../constants-D96yCePL.js";
+import { calculateCalendarHeight as p, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as w } from "../utils/index.js";
+import { useCallback as O, useEffect as g, useMemo as z, useRef as I, useState as s } from "react";
+var U = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
+  const [o, b] = s(u[0]), [i, x] = s(null), [r, C] = s(!1), [a, L] = s(!1), [W, S] = s(!0), T = I(null), N = I(!0), [l, E] = s(u[1]), [f, D] = s(null), [n, P] = s(!1), [c, H] = s(!1), [X, _] = s(!0), A = I(null), d = I(!0);
+  g(() => {
+    if (F === "independent") {
+      if (N.current) {
+        N.current = !1;
         return;
       }
-      if (!i) {
-        const t = n.getTime(), c = l[0].getTime();
-        if (t !== c) {
-          const ie = c - t, p = Math.round(ie / Te);
-          if (Math.abs(p) === 1) {
-            const se = p > 0 ? "left" : "right";
-            le(se), fe(!0), z(!1);
-          } else
-            re(l[0]);
+      if (!r) {
+        const e = o.getTime(), t = u[0].getTime();
+        if (e !== t) {
+          const q = t - e, R = Math.round(q / k);
+          Math.abs(R) === 1 ? (x(R > 0 ? "left" : "right"), C(!0), L(!1)) : b(u[0]);
         }
       }
     }
-  }, e[0] = l[0], e[1] = i, e[2] = n, e[3] = u, e[4] = F) : F = e[4];
-  let I;
-  e[5] !== l || e[6] !== i || e[7] !== n || e[8] !== u ? (I = [l, n, i, u], e[5] = l, e[6] = i, e[7] = n, e[8] = u, e[9] = I) : I = e[9], T(F, I);
-  let L;
-  e[10] !== l[1] || e[11] !== r || e[12] !== u || e[13] !== s ? (L = () => {
-    if (u === "independent") {
-      if (ge.current) {
-        ge.current = !1;
+  }, [
+    u,
+    o,
+    r,
+    F
+  ]), g(() => {
+    if (F === "independent") {
+      if (d.current) {
+        d.current = !1;
         return;
       }
-      if (!r) {
-        const t = s.getTime(), c = l[1].getTime();
-        if (t !== c) {
-          const ie = c - t, p = Math.round(ie / Te);
-          if (Math.abs(p) === 1) {
-            const se = p > 0 ? "left" : "right";
-            ue(se), ce(!0), J(!1);
-          } else
-            me(l[1]);
+      if (!n) {
+        const e = l.getTime(), t = u[1].getTime();
+        if (e !== t) {
+          const q = t - e, R = Math.round(q / k);
+          Math.abs(R) === 1 ? (D(R > 0 ? "left" : "right"), P(!0), H(!1)) : E(u[1]);
         }
       }
     }
-  }, e[10] = l[1], e[11] = r, e[12] = u, e[13] = s, e[14] = L) : L = e[14];
-  let _;
-  e[15] !== l || e[16] !== r || e[17] !== u || e[18] !== s ? (_ = [l, s, r, u], e[15] = l, e[16] = r, e[17] = u, e[18] = s, e[19] = _) : _ = e[19], T(L, _);
-  let x, q;
-  e[20] !== i || e[21] !== o || e[22] !== f ? (x = () => {
-    i && !o && f && requestAnimationFrame(() => {
-      z(!0);
-    });
-  }, q = [i, o, f], e[20] = i, e[21] = o, e[22] = f, e[23] = x, e[24] = q) : (x = e[23], q = e[24]), T(x, q);
-  let D, S;
-  e[25] !== r || e[26] !== m || e[27] !== a ? (D = () => {
-    r && !m && a && requestAnimationFrame(() => {
-      J(!0);
-    });
-  }, S = [r, m, a], e[25] = r, e[26] = m, e[27] = a, e[28] = D, e[29] = S) : (D = e[28], S = e[29]), T(D, S);
-  let b, C;
-  e[30] !== g || e[31] !== i || e[32] !== o || e[33] !== f ? (C = () => {
-    if (i && o) {
-      const t = setTimeout(() => {
-        oe(!1), requestAnimationFrame(() => {
-          re((c) => f === "left" ? d(c) : M(c)), fe(!1), le(null), z(!1), requestAnimationFrame(() => {
+  }, [
+    u,
+    l,
+    n,
+    F
+  ]), g(() => {
+    r && !a && i && (T.current && T.current.offsetHeight, requestAnimationFrame(() => {
+      L(!0);
+    }));
+  }, [
+    r,
+    a,
+    i
+  ]), g(() => {
+    n && !c && f && (A.current && A.current.offsetHeight, requestAnimationFrame(() => {
+      H(!0);
+    }));
+  }, [
+    n,
+    c,
+    f
+  ]), g(() => {
+    if (r && a) {
+      const e = setTimeout(() => {
+        S(!1), requestAnimationFrame(() => {
+          T.current && T.current.offsetHeight, b((t) => i === "left" ? m(t) : h(t)), C(!1), x(null), L(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              oe(!0);
+              S(!0);
             });
           });
         });
-      }, g);
-      return () => clearTimeout(t);
+      }, M);
+      return () => clearTimeout(e);
     }
-  }, b = [i, o, g, f], e[30] = g, e[31] = i, e[32] = o, e[33] = f, e[34] = b, e[35] = C) : (b = e[34], C = e[35]), T(C, b);
-  let E, N;
-  e[36] !== g || e[37] !== r || e[38] !== m || e[39] !== a ? (E = () => {
-    if (r && m) {
-      const t = setTimeout(() => {
-        he(!1), requestAnimationFrame(() => {
-          me((c) => a === "left" ? d(c) : M(c)), ce(!1), ue(null), J(!1), requestAnimationFrame(() => {
+  }, [
+    r,
+    a,
+    M,
+    i
+  ]), g(() => {
+    if (n && c) {
+      const e = setTimeout(() => {
+        _(!1), requestAnimationFrame(() => {
+          A.current && A.current.offsetHeight, E((t) => f === "left" ? m(t) : h(t)), P(!1), D(null), H(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              he(!0);
+              _(!0);
             });
           });
         });
-      }, g);
-      return () => clearTimeout(t);
+      }, M);
+      return () => clearTimeout(e);
     }
-  }, N = [r, m, g, a], e[36] = g, e[37] = r, e[38] = m, e[39] = a, e[40] = E, e[41] = N) : (E = e[40], N = e[41]), T(E, N);
-  let A = n, R = s;
-  if (i && f === "left") {
-    let t;
-    e[42] !== n ? (t = d(n), e[42] = n, e[43] = t) : t = e[43], A = t;
-  } else if (i && f === "right") {
-    let t;
-    e[44] !== n ? (t = M(n), e[44] = n, e[45] = t) : t = e[45], A = t;
-  }
-  if (r && a === "left") {
-    let t;
-    e[46] !== s ? (t = d(s), e[46] = s, e[47] = t) : t = e[47], R = t;
-  } else if (r && a === "right") {
-    let t;
-    e[48] !== s ? (t = M(s), e[48] = s, e[49] = t) : t = e[49], R = t;
-  }
-  let H;
-  e[50] !== A ? (H = de(A), e[50] = A, e[51] = H) : H = e[51];
-  let P;
-  e[52] !== R ? (P = de(R), e[52] = R, e[53] = P) : P = e[53];
-  const Q = Math.max(H, P);
-  let W;
-  e[54] !== Q ? (W = Fe(Q), e[54] = Q, e[55] = W) : W = e[55];
-  const U = W;
-  let $;
-  e[56] !== i || e[57] !== o || e[58] !== f ? ($ = () => {
-    let t = -j;
-    return i && o && (f === "left" ? t = -2 * j : f === "right" && (t = 0)), `translateX(${t}px)`;
-  }, e[56] = i, e[57] = o, e[58] = f, e[59] = $) : $ = e[59];
-  const V = $;
-  let k;
-  e[60] !== r || e[61] !== m || e[62] !== a ? (k = () => {
-    let t = -j;
-    return r && m && (a === "left" ? t = -2 * j : a === "right" && (t = 0)), `translateX(${t}px)`;
-  }, e[60] = r, e[61] = m, e[62] = a, e[63] = k) : k = e[63];
-  const Y = k;
-  let v;
-  e[64] !== n ? (v = M(n), e[64] = n, e[65] = v) : v = e[65];
-  const Z = v;
-  let w;
-  e[66] !== n ? (w = d(n), e[66] = n, e[67] = w) : w = e[67];
-  const ee = w;
-  let O;
-  e[68] !== s ? (O = M(s), e[68] = s, e[69] = O) : O = e[69];
-  const te = O;
-  let X;
-  e[70] !== s ? (X = d(s), e[70] = s, e[71] = X) : X = e[71];
-  const ne = X;
-  let y;
-  return e[72] !== U || e[73] !== B || e[74] !== K || e[75] !== V || e[76] !== Y || e[77] !== i || e[78] !== r || e[79] !== o || e[80] !== n || e[81] !== ee || e[82] !== Z || e[83] !== m || e[84] !== s || e[85] !== ne || e[86] !== te ? (y = {
-    leftInternalMonth: n,
-    leftPrevMonth: Z,
-    leftNextMonth: ee,
-    leftCarouselRef: Ae,
-    isLeftAnimating: i,
-    enableLeftTransition: B,
-    leftAnimateTransform: o,
-    getLeftTransform: V,
-    rightInternalMonth: s,
-    rightPrevMonth: te,
-    rightNextMonth: ne,
-    rightCarouselRef: Re,
-    isRightAnimating: r,
-    enableRightTransition: K,
-    rightAnimateTransform: m,
-    getRightTransform: Y,
-    calendarHeight: U
-  }, e[72] = U, e[73] = B, e[74] = K, e[75] = V, e[76] = Y, e[77] = i, e[78] = r, e[79] = o, e[80] = n, e[81] = ee, e[82] = Z, e[83] = m, e[84] = s, e[85] = ne, e[86] = te, e[87] = y) : y = e[87], y;
+  }, [
+    n,
+    c,
+    M,
+    f
+  ]);
+  const $ = z(() => {
+    let e = o, t = l;
+    return r && i === "left" ? e = m(o) : r && i === "right" && (e = h(o)), n && f === "left" ? t = m(l) : n && f === "right" && (t = h(l)), p(Math.max(w(e), w(t)));
+  }, [
+    o,
+    l,
+    r,
+    n,
+    i,
+    f
+  ]), G = O(() => {
+    let e = -259;
+    return r && a && (i === "left" ? e = -2 * 259 : i === "right" && (e = 0)), `translateX(${e}px)`;
+  }, [
+    r,
+    a,
+    i
+  ]), j = O(() => {
+    let e = -259;
+    return n && c && (f === "left" ? e = -2 * 259 : f === "right" && (e = 0)), `translateX(${e}px)`;
+  }, [
+    n,
+    c,
+    f
+  ]);
+  return {
+    leftInternalMonth: o,
+    leftPrevMonth: h(o),
+    leftNextMonth: m(o),
+    leftCarouselRef: T,
+    isLeftAnimating: r,
+    enableLeftTransition: W,
+    leftAnimateTransform: a,
+    getLeftTransform: G,
+    rightInternalMonth: l,
+    rightPrevMonth: h(l),
+    rightNextMonth: m(l),
+    rightCarouselRef: A,
+    isRightAnimating: n,
+    enableRightTransition: X,
+    rightAnimateTransform: c,
+    getRightTransform: j,
+    calendarHeight: $
+  };
 };
 export {
-  qe as useIndependentCarousel
+  U as useIndependentCarousel
 };

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.js

@@ -1,79 +1,108 @@
-import { useState as f, useRef as b, useMemo as K, useEffect as I, useCallback as R } from "react";
-import { MS_PER_MONTH as Q, SINGLE_MONTH_WIDTH as W, GAP_WIDTH as d } from "../constants/index.js";
-import { getPrevMonth as M, getNextMonth as g, getWeeksInMonth as U, calculateCalendarHeight as V } from "../utils/index.js";
-const tt = ({
-  displayedMonths: l,
-  animationDuration: F,
-  disabled: c,
-  canNavigatePrev: _,
-  canNavigateNext: q,
-  navigationMode: C,
-  navigatePrevMonth: D,
-  navigateNextMonth: E
-}) => {
-  const [n, u] = f(null), [t, a] = f(!1), [o, i] = f(!1), [G, S] = f(!0), [s, k] = f(l), P = b(null), p = b(!0), A = W + d, w = M(M(s[0])), x = M(s[0]), m = s[0], h = s[1], H = g(s[1]), L = g(g(s[1])), N = K(() => {
+import { r as z } from "../../../../../constants-D96yCePL.js";
+import { calculateCalendarHeight as B, getNextMonth as g, getPrevMonth as A, getWeeksInMonth as J } from "../utils/index.js";
+import { useCallback as F, useEffect as R, useMemo as K, useRef as b, useState as l } from "react";
+var y = ({ displayedMonths: u, animationDuration: W, disabled: c, canNavigatePrev: _, canNavigateNext: q, navigationMode: C, navigatePrevMonth: D, navigateNextMonth: E }) => {
+  const [n, a] = l(null), [t, m] = l(!1), [s, i] = l(!1), [k, S] = l(!0), [r, d] = l(u), f = b(null), p = b(!0), H = 291, G = A(A(r[0])), I = A(r[0]), h = r[0], T = r[1], x = g(r[1]), P = g(g(r[1])), w = K(() => {
     let e;
-    t && n === "left" ? e = [h, H] : t && n === "right" ? e = [x, m] : e = [m, h];
-    const r = Math.max(...e.map(U));
-    return V(r);
-  }, [t, n, m, h, H, x]), X = 6 * W + 5 * d, T = -2 * (W + d);
-  I(() => {
+    return t && n === "left" ? e = [T, x] : t && n === "right" ? e = [I, h] : e = [h, T], B(Math.max(...e.map(J)));
+  }, [
+    t,
+    n,
+    h,
+    T,
+    x,
+    I
+  ]), L = 6 * 259 + 160, M = -2 * 291;
+  R(() => {
     if (C !== "independent") {
       if (p.current) {
         p.current = !1;
         return;
       }
       if (!t) {
-        const e = s[0].getTime(), r = l[0].getTime();
-        if (e !== r) {
-          const B = r - e, O = Math.round(B / Q);
-          if (Math.abs(O) === 1) {
-            const J = O > 0 ? "left" : "right";
-            u(J), a(!0), i(!1);
-          } else
-            k(l);
+        const e = r[0].getTime(), o = u[0].getTime();
+        if (e !== o) {
+          const j = o - e, O = Math.round(j / z);
+          Math.abs(O) === 1 ? (a(O > 0 ? "left" : "right"), m(!0), i(!1)) : d(u);
         }
       }
     }
-  }, [l, s, t, C]), I(() => {
-    t && !o && n && requestAnimationFrame(() => {
+  }, [
+    u,
+    r,
+    t,
+    C
+  ]), R(() => {
+    t && !s && n && (f.current && f.current.offsetHeight, requestAnimationFrame(() => {
       i(!0);
-    });
-  }, [t, o, n]), I(() => {
-    if (t && o) {
+    }));
+  }, [
+    t,
+    s,
+    n
+  ]), R(() => {
+    if (t && s) {
       const e = setTimeout(() => {
         S(!1), requestAnimationFrame(() => {
-          k((r) => n === "left" ? [r[1], g(r[1])] : [M(r[0]), r[0]]), a(!1), u(null), i(!1), requestAnimationFrame(() => {
+          f.current && f.current.offsetHeight, d((o) => n === "left" ? [o[1], g(o[1])] : [A(o[0]), o[0]]), m(!1), a(null), i(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
               S(!0);
             });
           });
         });
-      }, F);
+      }, W);
       return () => clearTimeout(e);
     }
-  }, [t, o, F, n]);
-  const $ = R(() => {
-    t || c || !_ || (u("right"), a(!0), i(!1), D());
-  }, [t, c, _, D]), j = R(() => {
-    t || c || !q || (u("left"), a(!0), i(!1), E());
-  }, [t, c, q, E]), z = R(() => {
-    let e = T;
-    return t && o && (n === "left" ? e = T - A : n === "right" && (e = T + A)), `translateX(${e}px)`;
-  }, [T, t, o, n, A]);
+  }, [
+    t,
+    s,
+    W,
+    n
+  ]);
+  const N = F(() => {
+    t || c || !_ || (a("right"), m(!0), i(!1), D());
+  }, [
+    t,
+    c,
+    _,
+    D
+  ]), X = F(() => {
+    t || c || !q || (a("left"), m(!0), i(!1), E());
+  }, [
+    t,
+    c,
+    q,
+    E
+  ]), $ = F(() => {
+    let e = M;
+    return t && s && (n === "left" ? e = M - H : n === "right" && (e = M + H)), `translateX(${e}px)`;
+  }, [
+    M,
+    t,
+    s,
+    n,
+    H
+  ]);
   return {
-    carouselRef: P,
+    carouselRef: f,
     isAnimating: t,
-    enableTransition: G,
-    animateTransform: o,
-    calendarHeight: N,
-    carouselTotalWidth: X,
-    monthsToRender: [w, x, m, h, H, L],
-    handlePrevMonth: $,
-    handleNextMonth: j,
-    getTransform: z
+    enableTransition: k,
+    animateTransform: s,
+    calendarHeight: w,
+    carouselTotalWidth: L,
+    monthsToRender: [
+      G,
+      I,
+      h,
+      T,
+      x,
+      P
+    ],
+    handlePrevMonth: N,
+    handleNextMonth: X,
+    getTransform: $
   };
 };
 export {
-  tt as useTogetherCarousel
+  y as useTogetherCarousel
 };

package/dist/components/DateRangePicker/components/CalendarPanel/utils/index.js

@@ -1,11 +1,11 @@
-import { MONTH_HEADER_HEIGHT as l, WEEKDAY_HEADER_HEIGHT as g, WEEK_ROW_HEIGHT as D } from "../constants/index.js";
-const h = (t) => {
-  const e = t.getFullYear(), n = t.getMonth(), o = new Date(e, n, 1), a = new Date(e, n + 1, 0), s = o.getDay(), r = a.getDate(), c = s + r;
-  return Math.ceil(c / 7);
-}, H = (t) => l + g + t * D, M = (t) => new Date(t.getFullYear(), t.getMonth() - 1, 1), u = (t) => new Date(t.getFullYear(), t.getMonth() + 1, 1);
+import "../../../../../constants-D96yCePL.js";
+var E = (t) => {
+  const e = t.getFullYear(), a = t.getMonth(), n = new Date(e, a, 1), r = new Date(e, a + 1, 0), o = n.getDay() + r.getDate();
+  return Math.ceil(o / 7);
+}, H = (t) => 84 + t * 38, h = (t) => new Date(t.getFullYear(), t.getMonth() - 1, 1), c = (t) => new Date(t.getFullYear(), t.getMonth() + 1, 1);
 export {
   H as calculateCalendarHeight,
-  u as getNextMonth,
-  M as getPrevMonth,
-  h as getWeeksInMonth
+  c as getNextMonth,
+  h as getPrevMonth,
+  E as getWeeksInMonth
 };

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

@@ -1,73 +1,64 @@
-import { jsx as b, jsxs as Q, Fragment as W } from "react/jsx-runtime";
-import { c as X } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as Y } from "../../../../utils/index.js";
-import { dateTimeInputsVariants as Z } from "./DateTimeInputs.variants.js";
-import { useDateTimeInputs as _ } from "./hooks/useDateTimeInputs.js";
-import { StartInputFields as ee } from "./components/StartInputFields/StartInputFields.js";
-import { EndInputFields as te } from "./components/EndInputFields/EndInputFields.js";
-const ae = (U) => {
-  const e = X.c(47), {
-    className: h,
-    labelStartDate: w,
-    labelEndDate: P,
-    labelTime: q,
-    ariaLabelStartDate: z,
-    ariaLabelEndDate: G,
-    errorInvalidDate: J,
-    errorDateNotAvailable: K,
-    errorStartAfterEnd: M,
-    errorEndBeforeStart: O,
-    classNames: t
-  } = U, p = w === void 0 ? "Start date" : w, f = P === void 0 ? "End date" : P, a = q === void 0 ? "Time" : q, E = z === void 0 ? "Start date" : z, v = G === void 0 ? "End date" : G, T = J === void 0 ? "Invalid date" : J, S = K === void 0 ? "Date is not available" : K, g = M === void 0 ? "Start date must be before end date" : M, I = O === void 0 ? "End date must be after start date" : O;
-  let u;
-  e[0] !== S || e[1] !== I || e[2] !== T || e[3] !== g ? (u = {
-    errorInvalidDate: T,
-    errorDateNotAvailable: S,
+import { t as L } from "../../../../utils-DHuiYnx1.js";
+import { dateTimeInputsVariants as $ } from "./DateTimeInputs.variants.js";
+import { EndInputFields as k } from "./components/EndInputFields/EndInputFields.js";
+import { StartInputFields as w } from "./components/StartInputFields/StartInputFields.js";
+import { useDateTimeInputs as P } from "./hooks/useDateTimeInputs.js";
+import { Fragment as R, jsx as e, jsxs as l } from "react/jsx-runtime";
+var q = ({ className: m, labelStartDate: u = "Start date", labelEndDate: s = "End date", labelTime: n = "Time", ariaLabelStartDate: D = "Start date", ariaLabelEndDate: h = "End date", errorInvalidDate: p = "Invalid date", errorDateNotAvailable: T = "Date is not available", errorStartAfterEnd: g = "Start date must be before end date", errorEndBeforeStart: E = "End date must be after start date", classNames: a }) => {
+  const { timeFormat: r, showTime: d, name: t, disabled: i, time: o, startDateValue: V, startDateError: b, handleStartDateFocus: c, handleStartDateChange: f, handleStartDateBlur: C, handleStartTimeChange: F, endDateValue: S, endDateError: I, handleEndDateFocus: v, handleEndDateChange: B, handleEndDateBlur: x, handleEndTimeChange: y, startHiddenValue: j, endHiddenValue: H } = P({
+    errorInvalidDate: p,
+    errorDateNotAvailable: T,
     errorStartAfterEnd: g,
-    errorEndBeforeStart: I
-  }, e[0] = S, e[1] = I, e[2] = T, e[3] = g, e[4] = u) : u = e[4];
-  const {
-    timeFormat: r,
-    showTime: n,
-    name: D,
-    disabled: o,
-    time: l,
-    startDateValue: V,
-    startDateError: C,
-    handleStartDateFocus: F,
-    handleStartDateChange: B,
-    handleStartDateBlur: L,
-    handleStartTimeChange: N,
-    endDateValue: x,
-    endDateError: A,
-    handleEndDateFocus: y,
-    handleEndDateChange: $,
-    handleEndDateBlur: j,
-    handleEndTimeChange: H,
-    startHiddenValue: R,
-    endHiddenValue: k
-  } = _(u);
-  let i;
-  e[5] !== h || e[6] !== t?.root ? (i = Y(Z({
-    className: h
-  }), t?.root), e[5] = h, e[6] = t?.root, e[7] = i) : i = e[7];
-  let d;
-  e[8] !== E || e[9] !== t || e[10] !== o || e[11] !== L || e[12] !== B || e[13] !== F || e[14] !== N || e[15] !== p || e[16] !== a || e[17] !== n || e[18] !== C || e[19] !== V || e[20] !== l.startTime || e[21] !== r ? (d = /* @__PURE__ */ b(ee, { dateValue: V, timeValue: l.startTime, error: C, disabled: o, showTime: n, timeFormat: r, labelDate: p, labelTime: a, ariaLabelDate: E, onDateChange: B, onDateFocus: F, onDateBlur: L, onTimeChange: N, classNames: t }), e[8] = E, e[9] = t, e[10] = o, e[11] = L, e[12] = B, e[13] = F, e[14] = N, e[15] = p, e[16] = a, e[17] = n, e[18] = C, e[19] = V, e[20] = l.startTime, e[21] = r, e[22] = d) : d = e[22];
-  let s;
-  e[23] !== v || e[24] !== t || e[25] !== o || e[26] !== A || e[27] !== x || e[28] !== j || e[29] !== $ || e[30] !== y || e[31] !== H || e[32] !== f || e[33] !== a || e[34] !== n || e[35] !== l.endTime || e[36] !== r ? (s = /* @__PURE__ */ b(te, { dateValue: x, timeValue: l.endTime, error: A, disabled: o, showTime: n, timeFormat: r, labelDate: f, labelTime: a, ariaLabelDate: v, onDateChange: $, onDateFocus: y, onDateBlur: j, onTimeChange: H, classNames: t }), e[23] = v, e[24] = t, e[25] = o, e[26] = A, e[27] = x, e[28] = j, e[29] = $, e[30] = y, e[31] = H, e[32] = f, e[33] = a, e[34] = n, e[35] = l.endTime, e[36] = r, e[37] = s) : s = e[37];
-  let m;
-  e[38] !== k || e[39] !== D || e[40] !== R ? (m = D && /* @__PURE__ */ Q(W, { children: [
-    /* @__PURE__ */ b("input", { type: "hidden", name: `${D}-start`, value: R }),
-    /* @__PURE__ */ b("input", { type: "hidden", name: `${D}-end`, value: k })
-  ] }), e[38] = k, e[39] = D, e[40] = R, e[41] = m) : m = e[41];
-  let c;
-  return e[42] !== i || e[43] !== d || e[44] !== s || e[45] !== m ? (c = /* @__PURE__ */ Q("div", { className: i, children: [
-    d,
-    s,
-    m
-  ] }), e[42] = i, e[43] = d, e[44] = s, e[45] = m, e[46] = c) : c = e[46], c;
+    errorEndBeforeStart: E
+  });
+  return /* @__PURE__ */ l("div", {
+    className: L($({ className: m }), a?.root),
+    children: [
+      /* @__PURE__ */ e(w, {
+        dateValue: V,
+        timeValue: o.startTime,
+        error: b,
+        disabled: i,
+        showTime: d,
+        timeFormat: r,
+        labelDate: u,
+        labelTime: n,
+        ariaLabelDate: D,
+        onDateChange: f,
+        onDateFocus: c,
+        onDateBlur: C,
+        onTimeChange: F,
+        classNames: a
+      }),
+      /* @__PURE__ */ e(k, {
+        dateValue: S,
+        timeValue: o.endTime,
+        error: I,
+        disabled: i,
+        showTime: d,
+        timeFormat: r,
+        labelDate: s,
+        labelTime: n,
+        ariaLabelDate: h,
+        onDateChange: B,
+        onDateFocus: v,
+        onDateBlur: x,
+        onTimeChange: y,
+        classNames: a
+      }),
+      t && /* @__PURE__ */ l(R, { children: [/* @__PURE__ */ e("input", {
+        type: "hidden",
+        name: `${t}-start`,
+        value: j
+      }), /* @__PURE__ */ e("input", {
+        type: "hidden",
+        name: `${t}-end`,
+        value: H
+      })] })
+    ]
+  });
 };
-ae.displayName = "DateRangePickerDateTimeInputs";
+q.displayName = "DateRangePickerDateTimeInputs";
 export {
-  ae as DateTimeInputs
+  q as DateTimeInputs
 };