laif-ds 0.2.79 → 0.2.83

package/dist/components/ui/chat.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as b, Fragment as y, jsx as t } from "react/jsx-runtime";
-import { forwardRef as A, useRef as M, useCallback as k, useState as O } from "react";
+import { forwardRef as A, useRef as O, useCallback as k, useState as q } from "react";
 import { Button as v } from "./button.js";
 import { CopyButton as S } from "./copy-button.js";
-import { MessageInput as q } from "./message-input.js";
-import { MessageList as H } from "./message-list.js";
-import { PromptSuggestions as J } from "./prompt-suggestions.js";
-import { useAutoScroll as K } from "../../hooks/use-auto-scroll.js";
-import { cn as Q } from "../../lib/utils.js";
+import { MessageInput as H } from "./message-input.js";
+import { MessageList as J } from "./message-list.js";
+import { PromptSuggestions as K } from "./prompt-suggestions.js";
+import { useAutoScroll as Q } from "../../hooks/use-auto-scroll.js";
+import { cn as V } from "../../lib/utils.js";
 import { Typo as z } from "./typo.js";
 import j from "../../node_modules/lucide-react/dist/esm/icons/save.js";
-import V from "../../node_modules/lucide-react/dist/esm/icons/thumbs-up.js";
-import W from "../../node_modules/lucide-react/dist/esm/icons/thumbs-down.js";
-import X from "../../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
-function Y({
+import W from "../../node_modules/lucide-react/dist/esm/icons/thumbs-up.js";
+import X from "../../node_modules/lucide-react/dist/esm/icons/thumbs-down.js";
+import Y from "../../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
+function Z({
   messages: o,
   welcomeTitle: n = "Da dove iniziamo?",
   handleSubmit: i,
@@ -29,11 +29,12 @@ function Y({
   transcribeAudio: D,
   allowAttachments: L = !1,
   onEdit: B,
-  onMessageSave: d
+  onMessageSave: d,
+  placeholder: P
 }) {
-  const P = o.at(-1), T = o.length === 0, I = P?.role === "user", C = M(o);
+  const U = o.at(-1), T = o.length === 0, I = U?.role === "user", C = O(o);
   C.current = o;
-  const U = k(() => {
+  const E = k(() => {
     if (s?.(), !x) return;
     const e = [...C.current], l = e.findLast(
       (a) => a.role === "assistant"
@@ -81,7 +82,7 @@ function Y({
       );
       a !== -1 && (e[a] = p, x(e));
     }
-  }, [s, x, C]), E = k(
+  }, [s, x, C]), M = k(
     (e) => ({
       actions: N ? /* @__PURE__ */ b(y, { children: [
         /* @__PURE__ */ t("div", { className: "border-d-border border-r pr-1", children: /* @__PURE__ */ t(
@@ -109,7 +110,7 @@ function Y({
             variant: "ghost",
             className: "h-6 w-6",
             onClick: () => N(e.id, "thumbs-up"),
-            children: /* @__PURE__ */ t(V, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ t(
@@ -119,7 +120,7 @@ function Y({
             variant: "ghost",
             className: "h-6 w-6",
             onClick: () => N(e.id, "thumbs-down"),
-            children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(X, { className: "h-4 w-4" })
           }
         )
       ] }) : /* @__PURE__ */ b(y, { children: [
@@ -150,7 +151,7 @@ function Y({
     T && /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col items-center justify-center p-8", children: m && u && /* @__PURE__ */ b(y, { children: [
       /* @__PURE__ */ t(z, { variant: "h3", className: "mb-8 text-center", children: n }),
       /* @__PURE__ */ t(
-        J,
+        K,
         {
           label: "",
           append: m,
@@ -158,12 +159,12 @@ function Y({
         }
       )
     ] }) }),
-    o.length > 0 ? /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
-      H,
+    o.length > 0 ? /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(
+      J,
       {
         messages: o,
         isTyping: I,
-        messageOptions: E,
+        messageOptions: M,
         onEdit: B,
         onMessageSave: d
       }
@@ -176,31 +177,32 @@ function Y({
         isPending: w || I,
         handleSubmit: i,
         children: ({ files: e, setFiles: l }) => /* @__PURE__ */ t(
-          q,
+          H,
           {
             value: f,
             onChange: c,
             allowAttachments: L,
             files: e,
             setFiles: l,
-            stop: U,
+            stop: E,
             isGenerating: w,
-            transcribeAudio: D
+            transcribeAudio: D,
+            placeholder: P
           }
         )
       }
     )
   ] });
 }
-Y.displayName = "Chat";
-function Z({ children: o }) {
+Z.displayName = "Chat";
+function $({ children: o }) {
   const {
     containerRef: n,
     scrollToBottom: i,
     handleScroll: f,
     shouldAutoScroll: c,
     handleTouchStart: s
-  } = K();
+  } = Q();
   return /* @__PURE__ */ b(
     "div",
     {
@@ -217,7 +219,7 @@ function Z({ children: o }) {
             className: "animate-in fade-in-0 slide-in-from-bottom-1 pointer-events-auto h-8 w-8 rounded-full ease-in-out",
             size: "icon",
             variant: "ghost",
-            children: /* @__PURE__ */ t(X, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(Y, { className: "h-4 w-4" })
           }
         ) }) })
       ]
@@ -228,26 +230,26 @@ const F = A(({ className: o, ...n }, i) => /* @__PURE__ */ t(
   "div",
   {
     ref: i,
-    className: Q("flex h-full max-h-full w-full flex-col", o),
+    className: V("flex h-full max-h-full w-full flex-col", o),
     ...n
   }
 ));
 F.displayName = "ChatContainer";
 const _ = A(
   ({ children: o, handleSubmit: n, className: i }, f) => {
-    const [c, s] = O(null);
+    const [c, s] = q(null);
     return /* @__PURE__ */ t("form", { ref: f, onSubmit: (m) => {
       if (!c) {
         n(m);
         return;
       }
-      const u = $(c);
+      const u = G(c);
       n(m, { experimental_attachments: u }), s(null);
     }, className: i, children: o({ files: c, setFiles: s }) });
   }
 );
 _.displayName = "ChatForm";
-function $(o) {
+function G(o) {
   if (typeof window > "u")
     return {};
   const n = new DataTransfer();
@@ -256,8 +258,8 @@ function $(o) {
   return n.files;
 }
 export {
-  Y as Chat,
+  Z as Chat,
   F as ChatContainer,
   _ as ChatForm,
-  Z as ChatMessages
+  $ as ChatMessages
 };

package/dist/components/ui/date-picker.js

@@ -1,127 +1,143 @@
 "use client";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import * as f from "react";
-import { useCallback as L, useMemo as p, useEffect as ue } from "react";
-import { designTokens as r } from "../design-tokens.js";
-import { Calendar as X } from "./calendar.js";
-import { Icon as B } from "./icon.js";
-import { Label as fe } from "./label.js";
-import { Popover as he, PopoverTrigger as ge, PopoverContent as ve } from "./popover.js";
-import { cn as G } from "../../lib/utils.js";
-import { TimePickerColumn as k } from "./app-time-picker.js";
-import { it as be } from "../../node_modules/date-fns/locale/it.js";
-import { formatDate as H } from "../../node_modules/date-fns/format.js";
-import { isSameDay as Ce } from "../../node_modules/date-fns/isSameDay.js";
-const J = (t) => {
-  if (!Number.isFinite(t)) return 1;
-  const x = Math.trunc(t);
-  return Math.min(59, Math.max(1, x));
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import * as c from "react";
+import { useCallback as X, useMemo as H, useEffect as G } from "react";
+import { designTokens as l } from "../design-tokens.js";
+import { Calendar as J, CalendarDayButton as Ce } from "./calendar.js";
+import { Icon as K } from "./icon.js";
+import { Label as xe } from "./label.js";
+import { Popover as be, PopoverTrigger as De, PopoverContent as Me } from "./popover.js";
+import { cn as Q } from "../../lib/utils.js";
+import { TimePickerColumn as R } from "./app-time-picker.js";
+import { it as Se } from "../../node_modules/date-fns/locale/it.js";
+import { formatDate as z } from "../../node_modules/date-fns/format.js";
+import { isSameDay as O } from "../../node_modules/date-fns/isSameDay.js";
+const W = (o) => {
+  if (!Number.isFinite(o)) return 1;
+  const M = Math.trunc(o);
+  return Math.min(59, Math.max(1, M));
 };
-function Oe(t) {
+function Te(o) {
   const {
-    placeholder: x = "Seleziona data",
-    dateFormat: K,
-    className: Q,
+    placeholder: M = "Seleziona data",
+    dateFormat: Y,
+    className: Z,
     disabled: d = !1,
-    size: h = "default",
-    firstDate: P,
-    lastDate: z,
-    availableDates: O,
-    locale: u = be,
-    initialCalendarMonth: g,
-    customCalendarProps: F,
-    label: I,
-    labelClassName: U,
-    wrpClassName: W,
-    id: Y,
-    "data-testid": Z,
-    minDate: T,
-    maxDate: j,
-    numberOfMonths: $,
-    clearable: ee = !1,
-    onClear: A
-  } = t, n = t.mode === "range", v = !n && t.showTime === !0, w = !n && t.withSeconds === !0, M = n ? 1 : J(t.minuteStep), y = n ? 1 : J(t.secondStep), D = K ?? (v ? w ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy HH:mm" : "dd/MM/yyyy"), [s, b] = f.useState(
-    n ? void 0 : t.value
-  ), [i, N] = f.useState(
-    n ? t.value : void 0
-  ), [R, C] = f.useState(
-    g
-  ), [_, V] = f.useState(!1), te = (e) => {
-    const a = e ? new Date(e) : void 0;
-    v && a && s && a.setHours(
-      s.getHours(),
-      s.getMinutes(),
-      s.getSeconds()
-    ), b(a), a && C(a), !n && t.onChange && t.onChange(a), !v && a && V(!1);
-  }, ae = L(() => {
-    n ? (N(void 0), t.onChange && t.onChange(void 0)) : (b(void 0), t.onChange && t.onChange(void 0)), A?.();
-  }, [n, t.onChange, A]), ne = s?.getHours(), oe = s?.getMinutes(), se = s?.getSeconds(), ie = p(
-    () => Array.from({ length: 24 }, (e, a) => a),
+    size: v = "default",
+    firstDate: E,
+    lastDate: F,
+    availableDates: I,
+    locale: u = Se,
+    initialCalendarMonth: w,
+    customCalendarProps: S,
+    label: T,
+    labelClassName: $,
+    wrpClassName: ee,
+    id: te,
+    "data-testid": ne,
+    minDate: A,
+    maxDate: _,
+    numberOfMonths: oe,
+    clearable: ae = !1,
+    onClear: j
+  } = o, a = o.mode === "range", C = !a && o.showTime === !0, N = !a && o.withSeconds === !0, p = a ? 1 : W(o.minuteStep), k = a ? 1 : W(o.secondStep), P = Y ?? (C ? N ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy HH:mm" : "dd/MM/yyyy"), [i, x] = c.useState(
+    a ? void 0 : o.value
+  ), [n, b] = c.useState(
+    a ? o.value : void 0
+  ), [L, D] = c.useState(
+    w
+  ), [B, V] = c.useState(!1), re = (e) => {
+    const t = e ? new Date(e) : void 0;
+    C && t && i && t.setHours(
+      i.getHours(),
+      i.getMinutes(),
+      i.getSeconds()
+    ), x(t), t && D(t), !a && o.onChange && o.onChange(t), !C && t && V(!1);
+  }, ie = X(() => {
+    a ? (b(void 0), o.onChange && o.onChange(void 0)) : (x(void 0), o.onChange && o.onChange(void 0)), j?.();
+  }, [a, o.onChange, j]), se = i?.getHours(), le = i?.getMinutes(), fe = i?.getSeconds(), de = H(
+    () => Array.from({ length: 24 }, (e, t) => t),
     []
-  ), re = p(
+  ), me = H(
     () => Array.from(
-      { length: Math.floor(59 / M) + 1 },
-      (e, a) => a * M
+      { length: Math.floor(59 / p) + 1 },
+      (e, t) => t * p
     ),
-    [M]
-  ), le = p(
+    [p]
+  ), ce = H(
     () => Array.from(
-      { length: Math.floor(59 / y) + 1 },
-      (e, a) => a * y
+      { length: Math.floor(59 / k) + 1 },
+      (e, t) => t * k
     ),
-    [y]
-  ), S = L(
-    (e, a) => {
-      const m = s ? new Date(s) : /* @__PURE__ */ new Date();
-      s || m.setHours(0, 0, 0, 0), e === "hour" ? m.setHours(a) : e === "minute" ? m.setMinutes(a) : e === "second" && m.setSeconds(a), b(m), !n && t.onChange && t.onChange(m);
+    [k]
+  ), y = X(
+    (e, t) => {
+      const s = i ? new Date(i) : /* @__PURE__ */ new Date();
+      i || s.setHours(0, 0, 0, 0), e === "hour" ? s.setHours(t) : e === "minute" ? s.setMinutes(t) : e === "second" && s.setSeconds(t), x(s), !a && o.onChange && o.onChange(s);
     },
-    [s, n, t.onChange]
-  ), de = (e) => {
-    N(e), e?.from && C(e.from), n && t.onChange && t.onChange(e);
+    [i, a, o.onChange]
+  ), ue = (e, t) => {
+    let s;
+    !n || !n.from ? s = { from: t, to: void 0 } : n.from && !n.to ? t < n.from ? s = { from: t, to: void 0 } : s = { from: n.from, to: t } : n.from && n.to && (s = { from: t, to: void 0 }), b(s), s?.from && D(s.from), a && o.onChange && o.onChange(s);
   };
-  let c = [];
-  P && c.push({ before: P }), z && c.push({ after: z }), O?.length && c.push(
-    (e) => !O.some(
-      (a) => Ce(a, e)
+  let m = [];
+  E && m.push({ before: E }), F && m.push({ after: F }), I?.length && m.push(
+    (e) => !I.some(
+      (t) => O(t, e)
     )
-  ), d && (c = [!0]), ue(() => {
-    if (n) {
-      N(t.value);
-      const e = t.value?.from;
-      C(e ?? g);
+  ), d && (m = [!0]), G(() => {
+    if (a) {
+      b(o.value);
+      const e = o.value?.from;
+      D(e ?? w);
     } else
-      b(t.value), C(
-        t.value ?? g
+      x(o.value), D(
+        o.value ?? w
       );
-  }, [t.value, n, g]);
-  const ce = f.useId(), q = Y ?? ce, E = n ? !!i?.from : !!s, me = () => n && i ? /* @__PURE__ */ l("span", { children: [
-    i.from && H(i.from, D, { locale: u }),
-    i.from && i.to && " - ",
-    i.to && H(i.to, D, { locale: u })
-  ] }) : !n && s ? /* @__PURE__ */ o("span", { children: H(s, D, { locale: u }) }) : /* @__PURE__ */ o("span", { className: "text-d-muted-foreground", children: x });
-  return /* @__PURE__ */ l("div", { className: G("flex flex-col gap-1.5", W), children: [
-    I && /* @__PURE__ */ o(fe, { htmlFor: q, className: U, children: I }),
-    /* @__PURE__ */ l(he, { open: d ? !1 : _, onOpenChange: V, modal: !0, children: [
-      /* @__PURE__ */ o(ge, { asChild: !0, children: /* @__PURE__ */ l(
+  }, [o.value, a, w]);
+  const [h, g] = c.useState(
+    null
+  );
+  G(() => {
+    const e = () => {
+      h && (g(null), a && o.onChange && o.onChange(n));
+    };
+    return window.addEventListener("pointerup", e), () => window.removeEventListener("pointerup", e);
+  }, [h, a, o.onChange, n]);
+  const he = (e, t) => {
+    !a || !n || !n.from || !n.to || (O(e, n.from) ? (g("from"), t.preventDefault()) : O(e, n.to) && (g("to"), t.preventDefault()));
+  }, ge = (e) => {
+    if (!h || !n || !n.from || !n.to) return;
+    let t = { ...n };
+    h === "from" ? e <= n.to ? t.from = e : (t.from = n.to, t.to = e, g("to")) : h === "to" && (e >= n.from ? t.to = e : (t.to = n.from, t.from = e, g("from"))), b(t);
+  }, ve = c.useId(), q = te ?? ve, U = a ? !!n?.from : !!i, we = () => a && n ? /* @__PURE__ */ f("span", { children: [
+    n.from && z(n.from, P, { locale: u }),
+    n.from && n.to && " - ",
+    n.to && z(n.to, P, { locale: u })
+  ] }) : !a && i ? /* @__PURE__ */ r("span", { children: z(i, P, { locale: u }) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: M });
+  return /* @__PURE__ */ f("div", { className: Q("flex flex-col gap-1.5", ee), children: [
+    T && /* @__PURE__ */ r(xe, { htmlFor: q, className: $, children: T }),
+    /* @__PURE__ */ f(be, { open: d ? !1 : B, onOpenChange: V, modal: !0, children: [
+      /* @__PURE__ */ r(De, { asChild: !0, children: /* @__PURE__ */ f(
         "div",
         {
           id: q,
-          "data-testid": Z,
-          className: G(
-            r.input.base,
-            r.radius.default,
-            r.text.base,
-            r.interaction.disabled,
+          "data-testid": ne,
+          className: Q(
+            l.input.base,
+            l.radius.default,
+            l.text.base,
+            l.interaction.disabled,
             "flex items-center gap-2 font-normal whitespace-nowrap [&>span]:line-clamp-1",
-            r.focusRing,
-            _ && r.activeRing,
+            l.focusRing,
+            B && l.activeRing,
             "hover:border-d-ring cursor-pointer transition-colors",
-            !E && "text-d-muted-foreground",
+            !U && "text-d-muted-foreground",
             d && "cursor-not-allowed opacity-50",
-            h === "default" && r.sizes.default,
-            h === "sm" && r.sizes.sm,
-            h === "lg" && r.sizes.lg,
-            Q
+            v === "default" && l.sizes.default,
+            v === "sm" && l.sizes.sm,
+            v === "lg" && l.sizes.lg,
+            Z
           ),
           "aria-disabled": d,
           role: "button",
@@ -129,20 +145,20 @@ function Oe(t) {
           onClick: d ? void 0 : () => {
           },
           children: [
-            /* @__PURE__ */ o(B, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
-            /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: me() }),
-            ee && E && /* @__PURE__ */ o(
+            /* @__PURE__ */ r(K, { name: "Calendar", size: v === "lg" ? "sm" : "xs" }),
+            /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: we() }),
+            ae && U && /* @__PURE__ */ r(
               "div",
               {
                 role: "button",
                 className: "bg-d-accent hover:bg-d-accent/80 border-d-border flex shrink-0 cursor-pointer items-center justify-center rounded-full border p-1 transition-colors",
                 onClick: (e) => {
-                  e.stopPropagation(), e.preventDefault(), ae();
+                  e.stopPropagation(), e.preventDefault(), ie();
                 },
                 onMouseDown: (e) => e.preventDefault(),
                 "aria-label": "Clear selection",
-                children: /* @__PURE__ */ o(
-                  B,
+                children: /* @__PURE__ */ r(
+                  K,
                   {
                     name: "X",
                     size: "xs",
@@ -155,83 +171,98 @@ function Oe(t) {
         }
       ) }),
       " ",
-      /* @__PURE__ */ l(
-        ve,
+      /* @__PURE__ */ f(
+        Me,
         {
           className: "flex max-h-[500px] min-h-0 w-auto flex-row p-0 shadow",
           align: "start",
           children: [
-            n ? /* @__PURE__ */ o(
-              X,
+            a ? /* @__PURE__ */ r(
+              J,
               {
-                ...F || {},
+                ...S || {},
                 mode: "range",
-                selected: i,
-                onSelect: de,
+                selected: n,
+                onSelect: ue,
                 autoFocus: !0,
-                disabled: c,
+                disabled: m,
                 locale: u,
-                defaultMonth: R,
-                numberOfMonths: $ ?? 1,
-                minDate: T,
-                maxDate: j
+                defaultMonth: L,
+                numberOfMonths: oe ?? 1,
+                minDate: A,
+                maxDate: _,
+                components: {
+                  ...S?.components,
+                  DayButton: (e) => /* @__PURE__ */ r(
+                    Ce,
+                    {
+                      ...e,
+                      onPointerDown: (t) => {
+                        e.onPointerDown && e.onPointerDown(t), he(e.day.date, t);
+                      },
+                      onPointerEnter: (t) => {
+                        e.onPointerEnter && e.onPointerEnter(t), ge(e.day.date);
+                      }
+                    }
+                  )
+                }
               }
-            ) : /* @__PURE__ */ o(
-              X,
+            ) : /* @__PURE__ */ r(
+              J,
               {
-                ...F || {},
+                ...S || {},
                 mode: "single",
-                selected: s,
-                onSelect: te,
+                selected: i,
+                onSelect: re,
                 autoFocus: !0,
-                disabled: c,
+                disabled: m,
                 locale: u,
-                defaultMonth: R,
-                minDate: T,
-                maxDate: j
+                defaultMonth: L,
+                minDate: A,
+                maxDate: _
               }
             ),
-            v && /* @__PURE__ */ l("div", { className: "border-d-border/50 relative flex shrink-0 flex-row overflow-hidden border-l", children: [
-              /* @__PURE__ */ l(
+            C && /* @__PURE__ */ f("div", { className: "border-d-border/50 relative flex shrink-0 flex-row overflow-hidden border-l", children: [
+              /* @__PURE__ */ f(
                 "div",
                 {
                   className: "invisible flex h-0 flex-row overflow-hidden opacity-0 select-none",
                   "aria-hidden": "true",
                   children: [
-                    /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" }),
-                    /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" }),
-                    w && /* @__PURE__ */ o("div", { className: "w-12 shrink-0 sm:w-14" })
+                    /* @__PURE__ */ r("div", { className: "w-12 shrink-0 sm:w-14" }),
+                    /* @__PURE__ */ r("div", { className: "w-12 shrink-0 sm:w-14" }),
+                    N && /* @__PURE__ */ r("div", { className: "w-12 shrink-0 sm:w-14" })
                   ]
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "absolute inset-0 flex h-full w-full flex-row overflow-y-auto", children: [
-                /* @__PURE__ */ o(
-                  k,
+              /* @__PURE__ */ f("div", { className: "absolute inset-0 flex h-full w-full flex-row overflow-y-auto", children: [
+                /* @__PURE__ */ r(
+                  R,
                   {
                     type: "hour",
-                    value: ne,
-                    options: ie,
-                    onChange: (e) => S("hour", e),
+                    value: se,
+                    options: de,
+                    onChange: (e) => y("hour", e),
                     className: "flex flex-1"
                   }
                 ),
-                /* @__PURE__ */ o(
-                  k,
+                /* @__PURE__ */ r(
+                  R,
                   {
                     type: "minute",
-                    value: oe,
-                    options: re,
-                    onChange: (e) => S("minute", e),
+                    value: le,
+                    options: me,
+                    onChange: (e) => y("minute", e),
                     className: "flex flex-1"
                   }
                 ),
-                w && /* @__PURE__ */ o(
-                  k,
+                N && /* @__PURE__ */ r(
+                  R,
                   {
                     type: "second",
-                    value: se,
-                    options: le,
-                    onChange: (e) => S("second", e),
+                    value: fe,
+                    options: ce,
+                    onChange: (e) => y("second", e),
                     className: "flex flex-1"
                   }
                 )
@@ -244,5 +275,5 @@ function Oe(t) {
   ] });
 }
 export {
-  Oe as DatePicker
+  Te as DatePicker
 };