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

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

@@ -6,20 +6,136 @@ const b = (e) => ({
   month: t(`flex flex-col w-[${o}px]`, e?.month),
   month_caption: "hidden",
   nav: "hidden",
-  day_button: t("size-[30px]", "flex", "items-center", "justify-center", "text-sm", "font-semibold", "cursor-pointer", "rounded-full", "hover:bg-slate-100", "dark:hover:bg-metal-700", "transition-colors", "text-[#314158]", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
-  day: t("p-0", "w-[37px]", "h-[38px]", "text-center", "align-middle", e?.day),
-  selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900", e?.selected),
-  range_start: t("drp-range-start", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-1/2", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "last:before:!hidden", e?.rangeStart),
-  range_end: t("drp-range-end", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-1/2", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:!hidden", e?.rangeEnd),
-  range_middle: t("drp-range-middle", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:rounded-l-full", "last:before:rounded-r-full", "[&>button]:!text-[#314158]", "[&>button]:!bg-transparent", "[&>button]:!rounded-full", "[&>button]:relative", "[&>button]:z-10", "[&>button]:hover:!bg-blue-100", "dark:[&>button]:!text-white", "dark:[&>button]:hover:!bg-aurora-500/20", e?.rangeMiddle),
+  day_button: t(
+    "size-[30px]",
+    "flex",
+    "items-center",
+    "justify-center",
+    "text-sm",
+    "font-semibold",
+    "cursor-pointer",
+    "rounded-full",
+    "hover:bg-slate-100",
+    "dark:hover:bg-metal-700",
+    "transition-colors",
+    "text-[#314158]",
+    "dark:text-white",
+    "focus:outline-none",
+    "focus-visible:outline-none",
+    e?.dayButton
+  ),
+  day: t(
+    "p-0",
+    "w-[37px]",
+    "h-[38px]",
+    "text-center",
+    "align-middle",
+    e?.day
+  ),
+  selected: t(
+    "[&>button]:bg-blue-600",
+    "[&>button]:text-white",
+    "[&>button]:hover:bg-blue-700",
+    "dark:[&>button]:bg-aurora-500",
+    "dark:[&>button]:hover:bg-aurora-500",
+    "dark:[&>button]:text-metal-900",
+    e?.selected
+  ),
+  range_start: t(
+    "drp-range-start",
+    "[&>button]:!bg-blue-600",
+    "[&>button]:!text-white",
+    "[&>button]:!rounded-full",
+    "[&>button]:hover:!bg-blue-700",
+    "[&>button]:relative",
+    "[&>button]:z-10",
+    "dark:[&>button]:!bg-aurora-500",
+    "dark:[&>button]:hover:!bg-aurora-500",
+    "dark:[&>button]:!text-metal-900",
+    "!relative",
+    "before:absolute",
+    "before:top-[4px]",
+    "before:bottom-[4px]",
+    "before:left-1/2",
+    "before:right-0",
+    "before:!bg-[#EFF6FF]",
+    "dark:before:!bg-aurora-500/10",
+    "last:before:!hidden",
+    e?.rangeStart
+  ),
+  range_end: t(
+    "drp-range-end",
+    "[&>button]:!bg-blue-600",
+    "[&>button]:!text-white",
+    "[&>button]:!rounded-full",
+    "[&>button]:hover:!bg-blue-700",
+    "[&>button]:relative",
+    "[&>button]:z-10",
+    "dark:[&>button]:!bg-aurora-500",
+    "dark:[&>button]:hover:!bg-aurora-500",
+    "dark:[&>button]:!text-metal-900",
+    "!relative",
+    "before:absolute",
+    "before:top-[4px]",
+    "before:bottom-[4px]",
+    "before:left-0",
+    "before:right-1/2",
+    "before:!bg-[#EFF6FF]",
+    "dark:before:!bg-aurora-500/10",
+    "first:before:!hidden",
+    e?.rangeEnd
+  ),
+  range_middle: t(
+    "drp-range-middle",
+    "!relative",
+    "before:absolute",
+    "before:top-[4px]",
+    "before:bottom-[4px]",
+    "before:left-0",
+    "before:right-0",
+    "before:!bg-[#EFF6FF]",
+    "dark:before:!bg-aurora-500/10",
+    "first:before:rounded-l-full",
+    "last:before:rounded-r-full",
+    "[&>button]:!text-[#314158]",
+    "[&>button]:!bg-transparent",
+    "[&>button]:!rounded-full",
+    "[&>button]:relative",
+    "[&>button]:z-10",
+    "[&>button]:hover:!bg-blue-100",
+    "dark:[&>button]:!text-white",
+    "dark:[&>button]:hover:!bg-aurora-500/20",
+    e?.rangeMiddle
+  ),
   table: t("w-full border-collapse table-fixed", e?.table),
   weekdays: t("text-[#62748e]", "dark:text-metal-400", e?.weekdays),
   weeks: t("[&>tr>td]:p-0", "[&>tr]:h-[38px]", e?.weeks),
-  weekday: t("font-semibold", "text-xs", "uppercase", "text-[#62748e]", "dark:text-metal-400", "pb-4", "w-[37px]", e?.weekday),
-  today: t("[&>button]:text-[#155dfc]", "dark:[&>button]:text-aurora-500", e?.today),
+  weekday: t(
+    "font-semibold",
+    "text-xs",
+    "uppercase",
+    "text-[#62748e]",
+    "dark:text-metal-400",
+    "pb-4",
+    "w-[37px]",
+    e?.weekday
+  ),
+  today: t(
+    "[&>button]:text-[#155dfc]",
+    "dark:[&>button]:text-aurora-500",
+    e?.today
+  ),
   month_grid: "w-full",
-  disabled: t("[&>button]:opacity-50", "[&>button]:cursor-not-allowed", e?.disabled),
-  outside: t("[&>button]:!text-slate-400", "dark:[&>button]:!text-metal-500", e?.outside)
+  disabled: t(
+    "[&>button]:opacity-50",
+    "[&>button]:cursor-not-allowed",
+    e?.disabled
+  ),
+  outside: t(
+    "[&>button]:!text-slate-400",
+    "dark:[&>button]:!text-metal-500",
+    e?.outside
+  )
 }), o = 259, a = 32, n = 720 * 60 * 60 * 1e3, d = 56, l = 28, u = 38;
 export {
   a as GAP_WIDTH,

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

@@ -1,167 +1,142 @@
-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 { useState as f, useRef as F, useEffect as m, useMemo as U, useCallback as k } from "react";
+import { MS_PER_MONTH as W, SINGLE_MONTH_WIDTH as I } from "../constants/index.js";
+import { getNextMonth as h, getPrevMonth as g, getWeeksInMonth as w, calculateCalendarHeight as V } from "../utils/index.js";
+const y = ({
+  displayedMonths: a,
+  animationDuration: R,
+  navigationMode: M
+}) => {
+  const [o, b] = f(
+    a[0]
+  ), [i, C] = f(null), [n, S] = f(!1), [u, L] = f(!1), [O, N] = f(!0), X = F(null), d = F(!0), [l, E] = f(
+    a[1]
+  ), [s, H] = f(null), [r, D] = f(!1), [c, q] = f(!1), [$, P] = f(!0), G = F(null), _ = F(!0);
+  m(() => {
+    if (M === "independent") {
+      if (d.current) {
+        d.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);
+      if (!n) {
+        const e = o.getTime(), t = a[0].getTime();
+        if (e !== t) {
+          const T = t - e, A = Math.round(T / W);
+          if (Math.abs(A) === 1) {
+            const x = A > 0 ? "left" : "right";
+            C(x), S(!0), L(!1);
           } else
-            re(l[0]);
+            b(a[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;
+  }, [a, o, n, M]), m(() => {
+    if (M === "independent") {
+      if (_.current) {
+        _.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);
+        const e = l.getTime(), t = a[1].getTime();
+        if (e !== t) {
+          const T = t - e, A = Math.round(T / W);
+          if (Math.abs(A) === 1) {
+            const x = A > 0 ? "left" : "right";
+            H(x), D(!0), q(!1);
           } else
-            me(l[1]);
+            E(a[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);
+  }, [a, l, r, M]), m(() => {
+    n && !u && i && requestAnimationFrame(() => {
+      L(!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);
+  }, [n, u, i]), m(() => {
+    r && !c && s && requestAnimationFrame(() => {
+      q(!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(() => {
+  }, [r, c, s]), m(() => {
+    if (n && u) {
+      const e = setTimeout(() => {
+        N(!1), requestAnimationFrame(() => {
+          b((t) => i === "left" ? h(t) : g(t)), S(!1), C(null), L(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              oe(!0);
+              N(!0);
             });
           });
         });
-      }, g);
-      return () => clearTimeout(t);
+      }, R);
+      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(() => {
+  }, [
+    n,
+    u,
+    R,
+    i
+  ]), m(() => {
+    if (r && c) {
+      const e = setTimeout(() => {
+        P(!1), requestAnimationFrame(() => {
+          E((t) => s === "left" ? h(t) : g(t)), D(!1), H(null), q(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              he(!0);
+              P(!0);
             });
           });
         });
-      }, g);
-      return () => clearTimeout(t);
+      }, R);
+      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,
+  }, [
+    r,
+    c,
+    R,
+    s
+  ]);
+  const j = U(() => {
+    let e = o, t = l;
+    n && i === "left" ? e = h(o) : n && i === "right" && (e = g(o)), r && s === "left" ? t = h(l) : r && s === "right" && (t = g(l));
+    const T = Math.max(
+      w(e),
+      w(t)
+    );
+    return V(T);
+  }, [
+    o,
+    l,
+    n,
+    r,
+    i,
+    s
+  ]), p = k(() => {
+    let e = -I;
+    return n && u && (i === "left" ? e = -2 * I : i === "right" && (e = 0)), `translateX(${e}px)`;
+  }, [n, u, i]), z = k(() => {
+    let e = -I;
+    return r && c && (s === "left" ? e = -2 * I : s === "right" && (e = 0)), `translateX(${e}px)`;
+  }, [r, c, s]), B = g(o), J = h(o), K = g(l), Q = h(l);
+  return {
+    // Left month
+    leftInternalMonth: o,
+    leftPrevMonth: B,
+    leftNextMonth: J,
+    leftCarouselRef: X,
+    isLeftAnimating: n,
+    enableLeftTransition: O,
+    leftAnimateTransform: u,
+    getLeftTransform: p,
+    // Right month
+    rightInternalMonth: l,
+    rightPrevMonth: K,
+    rightNextMonth: Q,
+    rightCarouselRef: G,
     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;
+    enableRightTransition: $,
+    rightAnimateTransform: c,
+    getRightTransform: z,
+    // Shared
+    calendarHeight: j
+  };
 };
 export {
-  qe as useIndependentCarousel
+  y as useIndependentCarousel
 };

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

@@ -16,7 +16,14 @@ const tt = ({
     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);
+  }, [
+    t,
+    n,
+    m,
+    h,
+    H,
+    x
+  ]), X = 6 * W + 5 * d, T = -2 * (W + d);
   I(() => {
     if (C !== "independent") {
       if (p.current) {
@@ -68,7 +75,14 @@ const tt = ({
     animateTransform: o,
     calendarHeight: N,
     carouselTotalWidth: X,
-    monthsToRender: [w, x, m, h, H, L],
+    monthsToRender: [
+      w,
+      x,
+      m,
+      h,
+      H,
+      L
+    ],
     handlePrevMonth: $,
     handleNextMonth: j,
     getTransform: z

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

@@ -1,73 +1,107 @@
-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,
-    errorStartAfterEnd: g,
-    errorEndBeforeStart: I
-  }, e[0] = S, e[1] = I, e[2] = T, e[3] = g, e[4] = u) : u = e[4];
+import { jsxs as l, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { cn as $ } from "../../../../utils/index.js";
+import { dateTimeInputsVariants as k } from "./DateTimeInputs.variants.js";
+import { useDateTimeInputs as w } from "./hooks/useDateTimeInputs.js";
+import { StartInputFields as P } from "./components/StartInputFields/StartInputFields.js";
+import { EndInputFields as R } from "./components/EndInputFields/EndInputFields.js";
+const 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: 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;
+    showTime: d,
+    name: t,
+    disabled: i,
+    time: o,
+    startDateValue: c,
+    startDateError: V,
+    handleStartDateFocus: b,
+    handleStartDateChange: f,
+    handleStartDateBlur: C,
+    handleStartTimeChange: F,
+    endDateValue: S,
+    endDateError: I,
+    handleEndDateFocus: v,
+    handleEndDateChange: B,
+    handleEndDateBlur: x,
+    handleEndTimeChange: y,
+    startHiddenValue: j,
+    endHiddenValue: H
+  } = w({
+    errorInvalidDate: p,
+    errorDateNotAvailable: T,
+    errorStartAfterEnd: g,
+    errorEndBeforeStart: E
+  });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: $(k({ className: m }), a?.root),
+      children: [
+        /* @__PURE__ */ e(
+          P,
+          {
+            dateValue: c,
+            timeValue: o.startTime,
+            error: V,
+            disabled: i,
+            showTime: d,
+            timeFormat: r,
+            labelDate: u,
+            labelTime: n,
+            ariaLabelDate: D,
+            onDateChange: f,
+            onDateFocus: b,
+            onDateBlur: C,
+            onTimeChange: F,
+            classNames: a
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            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(L, { 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
 };