@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/esm/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import * as f from "react";
 import { Calendar as ge } from "../../packages/ui/src/components/calendar.js";
 import { Popover as ve, PopoverTrigger as we, PopoverContent as he } from "../../packages/ui/src/components/popover.js";
@@ -39,39 +39,39 @@ import { enUS as ke, vi as Se } from "date-fns/locale";
 import { DATE_FORMAT as _ } from "../../constants/common.js";
 import Re from "../Button/Button.js";
 import Oe from "../Input/Input.js";
-function Fe(t, i = _, o) {
-  return t ? B(t, i, o ? { locale: o } : void 0) : "";
+function Fe(t, s = _, o) {
+  return t ? B(t, s, o ? { locale: o } : void 0) : "";
 }
-const z = (t, i = _) => {
-  const o = Ne(t, i, /* @__PURE__ */ new Date());
+const z = (t, s = _) => {
+  const o = Ne(t, s, /* @__PURE__ */ new Date());
   return Pe(o) ? o : void 0;
 };
 function Ie(t) {
-  return t.replace(/dd|MM|yyyy/g, (i) => {
-    switch (i) {
+  return t.replace(/dd|MM|yyyy/g, (s) => {
+    switch (s) {
       case "dd":
       case "MM":
         return "99";
       case "yyyy":
         return "9999";
       default:
-        return i;
+        return s;
     }
-  }).replace(/d|M|y/g, (i) => {
-    switch (i) {
+  }).replace(/d|M|y/g, (s) => {
+    switch (s) {
       case "d":
       case "M":
         return "9";
       case "y":
         return "9";
       default:
-        return i;
+        return s;
     }
   });
 }
 function Dr({
   value: t,
-  onChange: i,
+  onChange: s,
   onSelect: o,
   calendarClassName: q,
   side: G = "bottom",
@@ -96,93 +96,93 @@ function Dr({
   hourInterval: re = 1,
   minuteInterval: te = 1,
   secondInterval: oe = 1,
-  disabledTimes: ie,
-  disabledTimeRanges: ne,
-  showNowButton: ae = !1,
-  nowButtonLabel: se = "Now",
-  timePickerLabel: le,
-  openOnFocus: de = !0,
-  ...n
+  disabledTimes: se,
+  disabledTimeRanges: ie,
+  showNowButton: ne = !1,
+  nowButtonLabel: ae = "Now",
+  timePickerLabel: de,
+  openOnFocus: le = !0,
+  ...i
 }) {
   let m, O;
   typeof y == "string" ? (m = y, O = y) : (m = y.input, O = y.output);
   let C;
   N === !0 ? C = Ie(m) : typeof N == "string" && (C = N);
-  const F = R && c ? g : c ? `${m} ${g}` : m, T = t ? z(t, F) : void 0, [b, D] = f.useState(!1), [s, l] = f.useState(T), [ce, v] = f.useState(T), [w, u] = f.useState(t || ""), me = f.useRef(null), I = f.useRef(!1), V = P?.locale ? P?.locale : Q === "en" ? ke : Se, A = x ? X : k;
+  const F = R && c ? g : c ? `${m} ${g}` : m, T = t ? z(t, F) : void 0, [b, D] = f.useState(!1), [a, d] = f.useState(T), [ce, v] = f.useState(T), [w, u] = f.useState(t || ""), me = f.useRef(null), I = f.useRef(!1), V = P?.locale ? P?.locale : Q === "en" ? ke : Se, A = x ? X : k;
   f.useEffect(() => {
     if (t !== w && !I.current) {
       u(t || "");
       const e = t ? z(t, F) : void 0;
-      e ? (l(e), v(e)) : t || (l(void 0), v(void 0));
+      e ? (d(e), v(e)) : t || (d(void 0), v(void 0));
     }
   }, [t, w, F]);
-  const d = (e) => {
+  const l = (e) => {
     if (!e) return "";
     let r = Fe(e, O, V);
     return c && (r += ` ${B(e, g)}`), r;
   }, ue = (e) => {
-    l(e), u(d(e)), o?.(e, d(e));
+    d(e), u(l(e)), o?.(e, l(e));
   }, pe = (e) => {
     if (!e) {
-      u(""), l(void 0), o?.(void 0, void 0);
+      u(""), d(void 0), o?.(void 0, void 0);
       return;
     }
     u(e);
     const r = z(e, m);
-    r ? (l(r), v(r), o?.(r, d(r))) : (l(void 0), o?.(void 0, void 0));
+    r ? (d(r), v(r), o?.(r, l(r))) : (d(void 0), o?.(void 0, void 0));
   }, fe = (e, r, H) => {
     if (!H) {
-      i?.(e, r, void 0);
+      s?.(e, r, void 0);
       return;
     }
-    const p = new Date(s || /* @__PURE__ */ new Date());
+    const p = new Date(a || /* @__PURE__ */ new Date());
     p.setHours(
       H.getHours(),
       H.getMinutes(),
       H.getSeconds(),
       0
-    ), l(p), u(d(p)), o?.(p, d(p)), i?.(e, d(p), p);
+    ), d(p), u(l(p)), o?.(p, l(p)), s?.(e, l(p), p);
   }, U = S ? S({
     value: w,
-    date: s,
+    date: a,
     onSelect: ue,
     onChange: pe
   }) : /* @__PURE__ */ h(
     Re,
     {
       variant: "ghost",
-      className: "!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors",
-      size: n.size,
+      className: "ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",
+      size: i.size,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           Ce,
           {
             className: M({
-              "size-3": n.size === "xs" || n.size === "sm",
-              "size-3.5": !n.size || n.size === "normal",
-              "size-4": n.size === "lg" || n.size === "xl"
+              "ds:size-3": i.size === "xs" || i.size === "sm",
+              "ds:size-3.5": !i.size || i.size === "normal",
+              "ds:size-4": i.size === "lg" || i.size === "xl"
             })
           }
         ),
-        /* @__PURE__ */ a("span", { className: "sr-only", children: "Select date" })
+        /* @__PURE__ */ n("span", { className: "ds:sr-only", children: "Select date" })
       ]
     }
   ), j = /* @__PURE__ */ h(
     "div",
     {
       className: M(
-        "flex items-stretch mx-auto w-full",
-        c && !R ? "gap-0 md:max-w-lg" : "",
+        "ds:flex ds:items-stretch ds:mx-auto ds:w-full",
+        c && !R ? "ds:gap-0 ds:md:max-w-lg" : "",
         // mode === "drawer" ? "mb-6" : "",
-        x ? "max-w-md md:max-w-md lg:max-w-lg" : ""
+        x ? "ds:max-w-md ds:md:max-w-md ds:lg:max-w-lg" : ""
       ),
       children: [
-        !R && /* @__PURE__ */ a(
+        !R && /* @__PURE__ */ n(
           ge,
           {
             ...P,
             mode: "single",
-            selected: s,
+            selected: a,
             captionLayout: "dropdown",
             month: ce,
             onMonthChange: v,
@@ -191,12 +191,12 @@ function Dr({
             color: L,
             onSelect: (e) => {
               let r = e;
-              e && s && c && (r = new Date(e), r.setHours(
-                s.getHours(),
-                s.getMinutes(),
-                s.getSeconds(),
-                s.getMilliseconds()
-              )), l(r), u(d(r)), o?.(r, d(r)), W && !c && D(!1);
+              e && a && c && (r = new Date(e), r.setHours(
+                a.getHours(),
+                a.getMinutes(),
+                a.getSeconds(),
+                a.getMilliseconds()
+              )), d(r), u(l(r)), o?.(r, l(r)), W && !c && D(!1);
             },
             locale: V,
             formatters: {
@@ -204,20 +204,20 @@ function Dr({
             },
             showOutsideDays: Y,
             className: M(
-              "my-auto bg-transparent mx-auto",
+              "ds:my-auto ds:bg-transparent ds:mx-auto",
               {
-                "[--cell-size:clamp(0px,calc(100vw/7.5),52px)] mb-8 bg-transparent": x && !c || k === "drawer",
-                "[--cell-size:clamp(0px,calc(100vw/7.5),34px)]": !x && k !== "drawer",
-                "w-full": A === "drawer" && c
+                "ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent": x && !c || k === "drawer",
+                "ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]": !x && k !== "drawer",
+                "ds:w-full": A === "drawer" && c
               },
               q
             )
           }
         ),
-        c && /* @__PURE__ */ a("div", { className: "border-l border-border", children: /* @__PURE__ */ a(
+        c && /* @__PURE__ */ n("div", { className: "ds:border-l ds:border-border", children: /* @__PURE__ */ n(
           He,
           {
-            value: s ? B(s, g) : void 0,
+            value: a ? B(a, g) : void 0,
             format: g,
             onChange: fe,
             showHours: !0,
@@ -227,11 +227,11 @@ function Dr({
             hourInterval: re,
             minuteInterval: te,
             secondInterval: oe,
-            disabledTimes: ie,
-            disabledTimeRanges: ne,
-            showNowButton: ae,
-            nowButtonLabel: se,
-            timeLabel: le,
+            disabledTimes: se,
+            disabledTimeRanges: ie,
+            showNowButton: ne,
+            nowButtonLabel: ae,
+            timeLabel: de,
             standalone: !1,
             color: L,
             isOpen: b
@@ -240,13 +240,13 @@ function Dr({
       ]
     }
   ), E = /* @__PURE__ */ h(ve, { open: b, onOpenChange: D, children: [
-    /* @__PURE__ */ a(we, { asChild: !0, disabled: n.disabled, children: U }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ n(we, { asChild: !0, disabled: i.disabled, children: U }),
+    /* @__PURE__ */ n(
       he,
       {
         className: M(
-          "w-auto overflow-hidden p-0",
-          "backdrop-blur bg-background/50"
+          "ds:w-auto ds:overflow-hidden ds:p-0",
+          "ds:backdrop-blur ds:bg-background/50"
         ),
         side: G,
         align: J,
@@ -254,28 +254,28 @@ function Dr({
       }
     )
   ] }), K = /* @__PURE__ */ h(ye, { open: b, onOpenChange: D, children: [
-    /* @__PURE__ */ a(be, { asChild: !0, children: U }),
+    /* @__PURE__ */ n(be, { asChild: !0, children: U }),
     /* @__PURE__ */ h(
       De,
       {
         className: M(
-          "w-auto overflow-hidden p-0",
-          "backdrop-blur bg-background"
+          "ds:w-auto ds:overflow-hidden ds:p-0",
+          "ds:backdrop-blur ds:bg-background"
         ),
         children: [
-          /* @__PURE__ */ h(Me, { className: "sr-only", children: [
-            /* @__PURE__ */ a(xe, { children: "Select date" }),
-            /* @__PURE__ */ a(ze, { children: "Set date" })
+          /* @__PURE__ */ h(Me, { className: "ds:sr-only", children: [
+            /* @__PURE__ */ n(xe, { children: "Select date" }),
+            /* @__PURE__ */ n(ze, { children: "Set date" })
           ] }),
           j
         ]
       }
     )
   ] });
-  return S ? A === "drawer" ? K : E : /* @__PURE__ */ a(
+  return S ? A === "drawer" ? K : E : /* @__PURE__ */ n(
     Oe,
     {
-      ...n,
+      ...i,
       ref: me,
       type: "text",
       clearable: !0,
@@ -284,18 +284,18 @@ function Dr({
       onChange: (e) => {
         I.current = !0, u(e.target.value);
         const r = z(e.target.value, m);
-        r ? (l(r), v(r), o?.(r, d(r)), i?.(e, d(r), r)) : (o?.(void 0, void 0), i?.(e, void 0, void 0));
+        r ? (d(r), v(r), o?.(r, l(r)), s?.(e, l(r), r)) : (o?.(void 0, void 0), s?.(e, void 0, void 0));
       },
       onFocus: (e) => {
-        de && !b && !C && D(!0), n.onFocus?.(e);
+        le && !b && !C && D(!0), i.onFocus?.(e);
       },
       onBlur: (e) => {
         setTimeout(() => {
-          I.current = !1, b || !z(w, m) && w && (u(""), l(void 0), v(void 0), o?.(void 0, void 0));
-        }, 150), n.onBlur?.(e);
+          I.current = !1, b || !z(w, m) && w && (u(""), d(void 0), v(void 0), o?.(void 0, void 0));
+        }, 150), i.onBlur?.(e);
       },
       onKeyDown: (e) => {
-        e.key === "ArrowDown" && (e.preventDefault(), D(!0)), n.onKeyDown?.(e);
+        e.key === "ArrowDown" && (e.preventDefault(), D(!0)), i.onKeyDown?.(e);
       },
       suffixIcon: A === "drawer" ? K : E
     }

package/dist/esm/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport {\n  TimePicker,\n  type TimePickerMode,\n  type DisabledTimeRange,\n} from \"./TimePicker\";\nimport { CalendarIcon } from \"lucide-react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type DatePickerRenderProps = {\n  value: string;\n  date?: Date;\n  onSelect: (date?: Date) => void;\n  onChange: (text?: string) => void;\n};\n\nexport type DatePickerProps = Omit<\n  InputProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"mask\" | \"children\"\n> & {\n  value?: string;\n  onChange?: (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    date?: Date\n  ) => void;\n  onSelect?: (date?: Date, value?: string) => void;\n  calendarClassName?: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  size?: VariantProps<typeof Input>[\"size\"];\n  format?: FormatType;\n  language?: \"vi\" | \"en\";\n  mask?: boolean | string;\n  closeOnSelect?: boolean;\n  calendarConfig?: CalendarProps;\n  desktopMode?: \"popover\" | \"drawer\";\n  mobileMode?: \"popover\" | \"drawer\";\n  showOutsideDays?: boolean;\n  children?: (props: DatePickerRenderProps) => React.ReactNode;\n  showTime?: boolean;\n  timeFormat?: \"HH:mm\" | \"HH:mm:ss\";\n  hideDate?: boolean;\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n\n  // TimePicker configuration options\n  timePickerMode?: TimePickerMode; // Display mode: 'wheel' (default), 'select', 'compact'\n  hourInterval?: number; // Hour interval (e.g., 1, 2, 3) - defaults to 1\n  minuteInterval?: number; // Minute interval (e.g., 5, 10, 15, 30) - defaults to 1\n  secondInterval?: number; // Second interval (e.g., 5, 10, 15, 30) - defaults to 1\n  disabledTimes?: string[]; // Array of disabled times in \"HH:mm\" or \"HH:mm:ss\" format\n  disabledTimeRanges?: DisabledTimeRange[]; // Array of disabled time ranges\n  showNowButton?: boolean; // Show \"Now\" button to select current time\n  nowButtonLabel?: string; // Label for \"Now\" button (defaults to \"Now\")\n  timePickerLabel?:\n    | boolean\n    | { hours?: string; minutes?: string; seconds?: string };\n  openOnFocus?: boolean; // Auto open datepicker when input is focused (default: true)\n};\n\nexport function DatePicker({\n  value,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  calendarConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  showOutsideDays = true,\n  children,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  // TimePicker props\n  timePickerMode = \"wheel\",\n  hourInterval = 1,\n  minuteInterval = 1,\n  secondInterval = 1,\n  disabledTimes,\n  disabledTimeRanges,\n  showNowButton = false,\n  nowButtonLabel = \"Now\",\n  timePickerLabel,\n  openOnFocus = true,\n  ...props\n}: DatePickerProps) {\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n  // If mask is false or undefined, maskToUse remains undefined\n\n  // Parse initial value with correct format\n  // - hideDate + showTime: time only (e.g., \"HH:mm\")\n  // - showTime: date + time (e.g., \"dd/MM/yyyy HH:mm\")\n  // - default: date only (e.g., \"dd/MM/yyyy\")\n  const fullFormat =\n    hideDate && showTime\n      ? timeFormat\n      : showTime\n        ? `${inputFormat} ${timeFormat}`\n        : inputFormat;\n\n  const initialDate = value ? parseDate(value, fullFormat) : undefined;\n\n  const [open, setOpen] = React.useState(false);\n  const [date, setDate] = React.useState<Date | undefined>(initialDate);\n  const [month, setMonth] = React.useState<Date | undefined>(initialDate);\n  const [inputValue, setInputValue] = React.useState(value || \"\");\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const isUserTyping = React.useRef(false);\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  const mode = isMobile ? mobileMode : desktopMode;\n\n  // Sync inputValue when value prop changes from outside\n  React.useEffect(() => {\n    if (value !== inputValue && !isUserTyping.current) {\n      setInputValue(value || \"\");\n      const parsedDate = value ? parseDate(value, fullFormat) : undefined;\n      if (parsedDate) {\n        setDate(parsedDate);\n        setMonth(parsedDate);\n      } else if (!value) {\n        // Clear states if value is empty\n        setDate(undefined);\n        setMonth(undefined);\n      }\n    }\n  }, [value, inputValue, fullFormat]);\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (date?: Date) => {\n    setDate(date);\n    setInputValue(formatDateTimeValue(date));\n    onSelect?.(date, formatDateTimeValue(date));\n  };\n\n  const handleChangeForRenderProp = (text?: string) => {\n    if (!text) {\n      setInputValue(\"\");\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n      return;\n    }\n    setInputValue(text);\n    const parsedDate = parseDate(text, inputFormat);\n    if (parsedDate) {\n      setDate(parsedDate);\n      setMonth(parsedDate);\n      onSelect?.(parsedDate, formatDateTimeValue(parsedDate));\n    } else {\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n    }\n  };\n\n  const handleTimeChange = (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    newDate?: Date\n  ) => {\n    if (!newDate) {\n      // Handle clear/invalid time\n      onChange?.(event, value, undefined);\n      return;\n    }\n\n    // Merge: keep date (year, month, day) from Calendar, take time (hours, minutes, seconds) from TimePicker\n    const mergedDate = new Date(date || new Date());\n    mergedDate.setHours(\n      newDate.getHours(),\n      newDate.getMinutes(),\n      newDate.getSeconds(),\n      0\n    );\n\n    setDate(mergedDate);\n    setInputValue(formatDateTimeValue(mergedDate));\n    onSelect?.(mergedDate, formatDateTimeValue(mergedDate));\n    onChange?.(event, formatDateTimeValue(mergedDate), mergedDate);\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      value: inputValue,\n      date,\n      onSelect: handleSelectForRenderProp,\n      onChange: handleChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors\"\n      size={props.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"size-3.5\": !props.size || props.size === \"normal\",\n          \"size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"sr-only\">Select date</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\n        \"flex items-stretch mx-auto w-full\",\n        showTime && !hideDate ? \"gap-0 md:max-w-lg\" : \"\",\n        // mode === \"drawer\" ? \"mb-6\" : \"\",\n        isMobile ? \"max-w-md md:max-w-md lg:max-w-lg\" : \"\"\n      )}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"single\"\n          selected={date}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedDate) => {\n            // Preserve time from current date when selecting new date\n            let newDate = selectedDate;\n            if (selectedDate && date && showTime) {\n              newDate = new Date(selectedDate);\n              newDate.setHours(\n                date.getHours(),\n                date.getMinutes(),\n                date.getSeconds(),\n                date.getMilliseconds()\n              );\n            }\n            setDate(newDate);\n            setInputValue(formatDateTimeValue(newDate));\n            onSelect?.(newDate, formatDateTimeValue(newDate));\n            if (closeOnSelect && !showTime) setOpen(false);\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"my-auto bg-transparent mx-auto\",\n            {\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),52px)] mb-8 bg-transparent\":\n                (isMobile && !showTime) || desktopMode === \"drawer\",\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n              \"w-full\": mode === \"drawer\" && showTime,\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"border-l border-border\">\n          <TimePicker\n            value={date ? dfFormat(date, timeFormat) : undefined}\n            format={timeFormat}\n            onChange={handleTimeChange}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            mode={timePickerMode}\n            hourInterval={hourInterval}\n            minuteInterval={minuteInterval}\n            secondInterval={secondInterval}\n            disabledTimes={disabledTimes}\n            disabledTimeRanges={disabledTimeRanges}\n            showNowButton={showNowButton}\n            nowButtonLabel={nowButtonLabel}\n            timeLabel={timePickerLabel}\n            standalone={false}\n            color={color}\n            isOpen={open}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"sr-only\">\n          <DrawerTitle>Select date</DrawerTitle>\n          <DrawerDescription>Set date</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Default input rendering\n  return (\n    <Input\n      {...props}\n      ref={inputRef}\n      type=\"text\"\n      clearable\n      value={inputValue}\n      mask={maskToUse}\n      onChange={(e) => {\n        isUserTyping.current = true;\n        setInputValue(e.target.value);\n        const date = parseDate(e.target.value, inputFormat);\n        if (date) {\n          setDate(date);\n          setMonth(date);\n          onSelect?.(date, formatDateTimeValue(date));\n          onChange?.(e, formatDateTimeValue(date), date);\n        } else {\n          onSelect?.(undefined, undefined);\n          onChange?.(e, undefined, undefined);\n        }\n      }}\n      onFocus={(e) => {\n        // Don't auto-open if mask is enabled - user wants to type directly\n        if (openOnFocus && !open && !maskToUse) {\n          setOpen(true);\n        }\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        // Don't clear value when picker is open - user might be interacting with it\n        // The onBlur fires when focus moves to the picker\n        setTimeout(() => {\n          isUserTyping.current = false;\n          // Only validate and clear if picker is closed\n          if (!open) {\n            const parsedDate = parseDate(inputValue, inputFormat);\n            if (!parsedDate && inputValue) {\n              setInputValue(\"\");\n              setDate(undefined);\n              setMonth(undefined);\n              onSelect?.(undefined, undefined);\n            }\n          }\n        }, 150);\n        props.onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          setOpen(true);\n        }\n        props.onKeyDown?.(e);\n      }}\n      suffixIcon={mode === \"drawer\" ? drawPicker : popPicker}\n    />\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","DatePicker","value","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","calendarConfig","desktopMode","mobileMode","showOutsideDays","children","showTime","timeFormat","hideDate","numberOfMonths","variant","color","timePickerMode","hourInterval","minuteInterval","secondInterval","disabledTimes","disabledTimeRanges","showNowButton","nowButtonLabel","timePickerLabel","openOnFocus","props","maskToUse","fullFormat","initialDate","open","setOpen","React","setDate","month","setMonth","inputValue","setInputValue","inputRef","isUserTyping","_locale","enUS","vi","mode","isMobile","parsedDate","formatDateTimeValue","d","result","handleSelectForRenderProp","handleChangeForRenderProp","text","handleTimeChange","event","newDate","mergedDate","triggerComponent","jsxs","Button","jsx","CalendarIcon","cn","calendarSelection","Calendar","selectedDate","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Input"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarProps,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport {\n  TimePicker,\n  type TimePickerMode,\n  type DisabledTimeRange,\n} from \"./TimePicker\";\nimport { CalendarIcon } from \"lucide-react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type DatePickerRenderProps = {\n  value: string;\n  date?: Date;\n  onSelect: (date?: Date) => void;\n  onChange: (text?: string) => void;\n};\n\nexport type DatePickerProps = Omit<\n  InputProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"mask\" | \"children\"\n> & {\n  value?: string;\n  onChange?: (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    date?: Date\n  ) => void;\n  onSelect?: (date?: Date, value?: string) => void;\n  calendarClassName?: string;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  size?: VariantProps<typeof Input>[\"size\"];\n  format?: FormatType;\n  language?: \"vi\" | \"en\";\n  mask?: boolean | string;\n  closeOnSelect?: boolean;\n  calendarConfig?: CalendarProps;\n  desktopMode?: \"popover\" | \"drawer\";\n  mobileMode?: \"popover\" | \"drawer\";\n  showOutsideDays?: boolean;\n  children?: (props: DatePickerRenderProps) => React.ReactNode;\n  showTime?: boolean;\n  timeFormat?: \"HH:mm\" | \"HH:mm:ss\";\n  hideDate?: boolean;\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n\n  // TimePicker configuration options\n  timePickerMode?: TimePickerMode; // Display mode: 'wheel' (default), 'select', 'compact'\n  hourInterval?: number; // Hour interval (e.g., 1, 2, 3) - defaults to 1\n  minuteInterval?: number; // Minute interval (e.g., 5, 10, 15, 30) - defaults to 1\n  secondInterval?: number; // Second interval (e.g., 5, 10, 15, 30) - defaults to 1\n  disabledTimes?: string[]; // Array of disabled times in \"HH:mm\" or \"HH:mm:ss\" format\n  disabledTimeRanges?: DisabledTimeRange[]; // Array of disabled time ranges\n  showNowButton?: boolean; // Show \"Now\" button to select current time\n  nowButtonLabel?: string; // Label for \"Now\" button (defaults to \"Now\")\n  timePickerLabel?:\n    | boolean\n    | { hours?: string; minutes?: string; seconds?: string };\n  openOnFocus?: boolean; // Auto open datepicker when input is focused (default: true)\n};\n\nexport function DatePicker({\n  value,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  calendarConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  showOutsideDays = true,\n  children,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  // TimePicker props\n  timePickerMode = \"wheel\",\n  hourInterval = 1,\n  minuteInterval = 1,\n  secondInterval = 1,\n  disabledTimes,\n  disabledTimeRanges,\n  showNowButton = false,\n  nowButtonLabel = \"Now\",\n  timePickerLabel,\n  openOnFocus = true,\n  ...props\n}: DatePickerProps) {\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n  // If mask is false or undefined, maskToUse remains undefined\n\n  // Parse initial value with correct format\n  // - hideDate + showTime: time only (e.g., \"HH:mm\")\n  // - showTime: date + time (e.g., \"dd/MM/yyyy HH:mm\")\n  // - default: date only (e.g., \"dd/MM/yyyy\")\n  const fullFormat =\n    hideDate && showTime\n      ? timeFormat\n      : showTime\n        ? `${inputFormat} ${timeFormat}`\n        : inputFormat;\n\n  const initialDate = value ? parseDate(value, fullFormat) : undefined;\n\n  const [open, setOpen] = React.useState(false);\n  const [date, setDate] = React.useState<Date | undefined>(initialDate);\n  const [month, setMonth] = React.useState<Date | undefined>(initialDate);\n  const [inputValue, setInputValue] = React.useState(value || \"\");\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const isUserTyping = React.useRef(false);\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  const mode = isMobile ? mobileMode : desktopMode;\n\n  // Sync inputValue when value prop changes from outside\n  React.useEffect(() => {\n    if (value !== inputValue && !isUserTyping.current) {\n      setInputValue(value || \"\");\n      const parsedDate = value ? parseDate(value, fullFormat) : undefined;\n      if (parsedDate) {\n        setDate(parsedDate);\n        setMonth(parsedDate);\n      } else if (!value) {\n        // Clear states if value is empty\n        setDate(undefined);\n        setMonth(undefined);\n      }\n    }\n  }, [value, inputValue, fullFormat]);\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (date?: Date) => {\n    setDate(date);\n    setInputValue(formatDateTimeValue(date));\n    onSelect?.(date, formatDateTimeValue(date));\n  };\n\n  const handleChangeForRenderProp = (text?: string) => {\n    if (!text) {\n      setInputValue(\"\");\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n      return;\n    }\n    setInputValue(text);\n    const parsedDate = parseDate(text, inputFormat);\n    if (parsedDate) {\n      setDate(parsedDate);\n      setMonth(parsedDate);\n      onSelect?.(parsedDate, formatDateTimeValue(parsedDate));\n    } else {\n      setDate(undefined);\n      onSelect?.(undefined, undefined);\n    }\n  };\n\n  const handleTimeChange = (\n    event?: React.ChangeEvent<HTMLInputElement>,\n    value?: string,\n    newDate?: Date\n  ) => {\n    if (!newDate) {\n      // Handle clear/invalid time\n      onChange?.(event, value, undefined);\n      return;\n    }\n\n    // Merge: keep date (year, month, day) from Calendar, take time (hours, minutes, seconds) from TimePicker\n    const mergedDate = new Date(date || new Date());\n    mergedDate.setHours(\n      newDate.getHours(),\n      newDate.getMinutes(),\n      newDate.getSeconds(),\n      0\n    );\n\n    setDate(mergedDate);\n    setInputValue(formatDateTimeValue(mergedDate));\n    onSelect?.(mergedDate, formatDateTimeValue(mergedDate));\n    onChange?.(event, formatDateTimeValue(mergedDate), mergedDate);\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      value: inputValue,\n      date,\n      onSelect: handleSelectForRenderProp,\n      onChange: handleChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors\"\n      size={props.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"ds:size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"ds:size-3.5\": !props.size || props.size === \"normal\",\n          \"ds:size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"ds:sr-only\">Select date</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\n        \"ds:flex ds:items-stretch ds:mx-auto ds:w-full\",\n        showTime && !hideDate ? \"ds:gap-0 ds:md:max-w-lg\" : \"\",\n        // mode === \"drawer\" ? \"mb-6\" : \"\",\n        isMobile ? \"ds:max-w-md ds:md:max-w-md ds:lg:max-w-lg\" : \"\"\n      )}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"single\"\n          selected={date}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedDate) => {\n            // Preserve time from current date when selecting new date\n            let newDate = selectedDate;\n            if (selectedDate && date && showTime) {\n              newDate = new Date(selectedDate);\n              newDate.setHours(\n                date.getHours(),\n                date.getMinutes(),\n                date.getSeconds(),\n                date.getMilliseconds()\n              );\n            }\n            setDate(newDate);\n            setInputValue(formatDateTimeValue(newDate));\n            onSelect?.(newDate, formatDateTimeValue(newDate));\n            if (closeOnSelect && !showTime) setOpen(false);\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"ds:my-auto ds:bg-transparent ds:mx-auto\",\n            {\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent\":\n                (isMobile && !showTime) || desktopMode === \"drawer\",\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n              \"ds:w-full\": mode === \"drawer\" && showTime,\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"ds:border-l ds:border-border\">\n          <TimePicker\n            value={date ? dfFormat(date, timeFormat) : undefined}\n            format={timeFormat}\n            onChange={handleTimeChange}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            mode={timePickerMode}\n            hourInterval={hourInterval}\n            minuteInterval={minuteInterval}\n            secondInterval={secondInterval}\n            disabledTimes={disabledTimes}\n            disabledTimeRanges={disabledTimeRanges}\n            showNowButton={showNowButton}\n            nowButtonLabel={nowButtonLabel}\n            timeLabel={timePickerLabel}\n            standalone={false}\n            color={color}\n            isOpen={open}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"ds:sr-only\">\n          <DrawerTitle>Select date</DrawerTitle>\n          <DrawerDescription>Set date</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Default input rendering\n  return (\n    <Input\n      {...props}\n      ref={inputRef}\n      type=\"text\"\n      clearable\n      value={inputValue}\n      mask={maskToUse}\n      onChange={(e) => {\n        isUserTyping.current = true;\n        setInputValue(e.target.value);\n        const date = parseDate(e.target.value, inputFormat);\n        if (date) {\n          setDate(date);\n          setMonth(date);\n          onSelect?.(date, formatDateTimeValue(date));\n          onChange?.(e, formatDateTimeValue(date), date);\n        } else {\n          onSelect?.(undefined, undefined);\n          onChange?.(e, undefined, undefined);\n        }\n      }}\n      onFocus={(e) => {\n        // Don't auto-open if mask is enabled - user wants to type directly\n        if (openOnFocus && !open && !maskToUse) {\n          setOpen(true);\n        }\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        // Don't clear value when picker is open - user might be interacting with it\n        // The onBlur fires when focus moves to the picker\n        setTimeout(() => {\n          isUserTyping.current = false;\n          // Only validate and clear if picker is closed\n          if (!open) {\n            const parsedDate = parseDate(inputValue, inputFormat);\n            if (!parsedDate && inputValue) {\n              setInputValue(\"\");\n              setDate(undefined);\n              setMonth(undefined);\n              onSelect?.(undefined, undefined);\n            }\n          }\n        }, 150);\n        props.onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          setOpen(true);\n        }\n        props.onKeyDown?.(e);\n      }}\n      suffixIcon={mode === \"drawer\" ? drawPicker : popPicker}\n    />\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","DatePicker","value","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","calendarConfig","desktopMode","mobileMode","showOutsideDays","children","showTime","timeFormat","hideDate","numberOfMonths","variant","color","timePickerMode","hourInterval","minuteInterval","secondInterval","disabledTimes","disabledTimeRanges","showNowButton","nowButtonLabel","timePickerLabel","openOnFocus","props","maskToUse","fullFormat","initialDate","open","setOpen","React","setDate","month","setMonth","inputValue","setInputValue","inputRef","isUserTyping","_locale","enUS","vi","mode","isMobile","parsedDate","formatDateTimeValue","d","result","handleSelectForRenderProp","handleChangeForRenderProp","text","handleTimeChange","event","newDate","mergedDate","triggerComponent","jsxs","Button","jsx","CalendarIcon","cn","calendarSelection","Calendar","selectedDate","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Input"],"mappings":"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"}