@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/LMDatePicker-DSv28BFH.js

@@ -0,0 +1,566 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback, useMemo } from "react";
+import { createPortal } from "react-dom";
+import { c as clampComponentSize, a as SIZE_INPUT_CONFIG, b as SIZE_TEXT_CLASSES, C as COMPONENT_SIZE_ORDER } from "./componentSizes-CdWNL526.js";
+const CalendarIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) });
+const ClearIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
+const ChevronLeftIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
+const ChevronRightIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
+const DoubleChevronLeftIcon = () => /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 19l-7-7 7-7" }),
+  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 19l-7-7 7-7" })
+] });
+const DoubleChevronRightIcon = () => /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 5l7 7-7 7" }),
+  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7" })
+] });
+const WEEKDAYS = ["日", "一", "二", "三", "四", "五", "六"];
+const MONTHS = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"];
+const timeScrollbarStyles = `
+  .lm-time-scrollbar::-webkit-scrollbar {
+    width: 4px;
+  }
+  .lm-time-scrollbar::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .lm-time-scrollbar::-webkit-scrollbar-thumb {
+    background: var(--lm-border-default);
+    border-radius: 4px;
+  }
+  .lm-time-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: var(--lm-text-tertiary);
+  }
+  .lm-time-scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: var(--lm-border-default) transparent;
+  }
+`;
+const TIME_COLUMN_HEIGHT = 252;
+const TimeColumn = ({ options, value, onChange, listRef }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref: listRef,
+    className: "flex-1 overflow-y-auto lm-time-scrollbar",
+    style: {
+      height: `${TIME_COLUMN_HEIGHT}px`,
+      maxHeight: `${TIME_COLUMN_HEIGHT}px`
+    },
+    children: options.map((opt) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `
+          w-full h-8 text-sm flex items-center justify-center rounded-md
+          transition-colors duration-150
+          hover:bg-(--lm-bg-hover)
+        `,
+        style: {
+          backgroundColor: opt === value ? "var(--lm-primary-500)" : "transparent",
+          color: opt === value ? "white" : "var(--lm-text-primary)"
+        },
+        onClick: () => onChange(opt),
+        children: String(opt).padStart(2, "0")
+      },
+      opt
+    ))
+  }
+);
+const formatDate = (date, format) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+  return format.replace("YYYY", String(year)).replace("MM", month).replace("DD", day).replace("HH", hours).replace("mm", minutes).replace("ss", seconds);
+};
+const parseDate = (value) => {
+  if (!value) return null;
+  if (value instanceof Date) return value;
+  const parsed = new Date(value);
+  return isNaN(parsed.getTime()) ? null : parsed;
+};
+const LMDatePicker = ({
+  value,
+  defaultValue,
+  onChange,
+  format: formatProp,
+  placeholder = "请选择日期",
+  disabled = false,
+  size = "md",
+  allowClear = true,
+  disabledDate,
+  picker: _picker = "date",
+  error = false,
+  errorMessage,
+  className = "",
+  showTime = false
+}) => {
+  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER);
+  const inputConfig = SIZE_INPUT_CONFIG[resolvedSize];
+  const timeOptions = typeof showTime === "object" ? showTime : {};
+  const {
+    showHour = true,
+    showMinute = true,
+    showSecond = true,
+    hourStep = 1,
+    minuteStep = 1,
+    secondStep = 1
+  } = timeOptions;
+  const hasTime = showTime !== false;
+  const format = formatProp || (hasTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
+  const [isOpen, setIsOpen] = useState(false);
+  const [internalValue, setInternalValue] = useState(() => parseDate(defaultValue));
+  const [viewDate, setViewDate] = useState(() => parseDate(defaultValue) || /* @__PURE__ */ new Date());
+  const [position, setPosition] = useState({ top: 0, left: 0 });
+  const [isHovered, setIsHovered] = useState(false);
+  const [tempDate, setTempDate] = useState(null);
+  const [userModifiedTime, setUserModifiedTime] = useState(null);
+  const triggerRef = useRef(null);
+  const dropdownRef = useRef(null);
+  const hourListRef = useRef(null);
+  const minuteListRef = useRef(null);
+  const secondListRef = useRef(null);
+  const selectedDate = value !== void 0 ? parseDate(value) : internalValue;
+  const displayValue = selectedDate ? formatDate(selectedDate, format) : "";
+  const tempHour = (userModifiedTime == null ? void 0 : userModifiedTime.hour) ?? (selectedDate == null ? void 0 : selectedDate.getHours()) ?? 0;
+  const tempMinute = (userModifiedTime == null ? void 0 : userModifiedTime.minute) ?? (selectedDate == null ? void 0 : selectedDate.getMinutes()) ?? 0;
+  const tempSecond = (userModifiedTime == null ? void 0 : userModifiedTime.second) ?? (selectedDate == null ? void 0 : selectedDate.getSeconds()) ?? 0;
+  const prevSelectedDateRef = useRef(selectedDate);
+  if (prevSelectedDateRef.current !== selectedDate) {
+    prevSelectedDateRef.current = selectedDate;
+    if (userModifiedTime !== null) {
+      setUserModifiedTime(null);
+    }
+  }
+  useEffect(() => {
+    if (isOpen && hasTime) {
+      setTimeout(() => {
+        const scrollToSelected = (ref, value2, step) => {
+          if (ref.current) {
+            const index = Math.floor(value2 / step);
+            const itemHeight = 32;
+            ref.current.scrollTop = index * itemHeight;
+          }
+        };
+        scrollToSelected(hourListRef, tempHour, hourStep);
+        scrollToSelected(minuteListRef, tempMinute, minuteStep);
+        scrollToSelected(secondListRef, tempSecond, secondStep);
+      }, 50);
+    }
+  }, [isOpen, hasTime, tempHour, tempMinute, tempSecond, hourStep, minuteStep, secondStep]);
+  const updatePosition = useCallback(() => {
+    if (!triggerRef.current || !dropdownRef.current) return;
+    const triggerRect = triggerRef.current.getBoundingClientRect();
+    const dropdownRect = dropdownRef.current.getBoundingClientRect();
+    const scrollY = window.scrollY;
+    const scrollX = window.scrollX;
+    let top = triggerRect.bottom + scrollY + 4;
+    let left = triggerRect.left + scrollX;
+    if (left + dropdownRect.width > window.innerWidth + scrollX) {
+      left = window.innerWidth + scrollX - dropdownRect.width - 8;
+    }
+    if (top + dropdownRect.height > window.innerHeight + scrollY) {
+      top = triggerRect.top + scrollY - dropdownRect.height - 4;
+    }
+    setPosition({ top, left });
+  }, []);
+  useEffect(() => {
+    if (isOpen) {
+      updatePosition();
+    }
+  }, [isOpen, updatePosition]);
+  useEffect(() => {
+    if (isOpen) {
+      const handleClickOutside = (e) => {
+        if (triggerRef.current && !triggerRef.current.contains(e.target) && dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+          setIsOpen(false);
+        }
+      };
+      const handleScroll = () => updatePosition();
+      document.addEventListener("mousedown", handleClickOutside);
+      window.addEventListener("scroll", handleScroll, true);
+      window.addEventListener("resize", handleScroll);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+        window.removeEventListener("scroll", handleScroll, true);
+        window.removeEventListener("resize", handleScroll);
+      };
+    }
+  }, [isOpen, updatePosition]);
+  const handleDateSelect = (date) => {
+    if (disabledDate == null ? void 0 : disabledDate(date)) return;
+    if (hasTime) {
+      setTempDate(date);
+      const newDate = new Date(date);
+      newDate.setHours(tempHour, tempMinute, tempSecond);
+      setTempDate(newDate);
+    } else {
+      const newDate = new Date(date);
+      if (value === void 0) {
+        setInternalValue(newDate);
+      }
+      onChange == null ? void 0 : onChange(newDate, formatDate(newDate, format));
+      setIsOpen(false);
+    }
+  };
+  const handleTimeChange = (type, val) => {
+    setUserModifiedTime((prev) => ({
+      hour: type === "hour" ? val : (prev == null ? void 0 : prev.hour) ?? tempHour,
+      minute: type === "minute" ? val : (prev == null ? void 0 : prev.minute) ?? tempMinute,
+      second: type === "second" ? val : (prev == null ? void 0 : prev.second) ?? tempSecond
+    }));
+  };
+  const handleConfirm = () => {
+    const baseDate = tempDate || selectedDate || /* @__PURE__ */ new Date();
+    const newDate = new Date(baseDate);
+    newDate.setHours(tempHour, tempMinute, tempSecond);
+    if (value === void 0) {
+      setInternalValue(newDate);
+    }
+    onChange == null ? void 0 : onChange(newDate, formatDate(newDate, format));
+    setIsOpen(false);
+  };
+  const handleNow = () => {
+    const now = /* @__PURE__ */ new Date();
+    setUserModifiedTime({
+      hour: now.getHours(),
+      minute: now.getMinutes(),
+      second: now.getSeconds()
+    });
+    setTempDate(now);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    if (value === void 0) {
+      setInternalValue(null);
+    }
+    onChange == null ? void 0 : onChange(null, "");
+  };
+  const handlePrevMonth = () => {
+    setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() - 1, 1));
+  };
+  const handleNextMonth = () => {
+    setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() + 1, 1));
+  };
+  const handlePrevYear = () => {
+    setViewDate((prev) => new Date(prev.getFullYear() - 1, prev.getMonth(), 1));
+  };
+  const handleNextYear = () => {
+    setViewDate((prev) => new Date(prev.getFullYear() + 1, prev.getMonth(), 1));
+  };
+  const calendarDays = useMemo(() => {
+    const year = viewDate.getFullYear();
+    const month = viewDate.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const days = [];
+    const firstDayOfWeek = firstDay.getDay();
+    for (let i = firstDayOfWeek - 1; i >= 0; i--) {
+      const date = new Date(year, month, -i);
+      days.push({ date, isCurrentMonth: false });
+    }
+    for (let i = 1; i <= lastDay.getDate(); i++) {
+      const date = new Date(year, month, i);
+      days.push({ date, isCurrentMonth: true });
+    }
+    const remainingDays = 42 - days.length;
+    for (let i = 1; i <= remainingDays; i++) {
+      const date = new Date(year, month + 1, i);
+      days.push({ date, isCurrentMonth: false });
+    }
+    return days;
+  }, [viewDate]);
+  const isToday = (date) => {
+    const today = /* @__PURE__ */ new Date();
+    return date.getFullYear() === today.getFullYear() && date.getMonth() === today.getMonth() && date.getDate() === today.getDate();
+  };
+  const isSelected = (date) => {
+    const checkDate = hasTime && tempDate ? tempDate : selectedDate;
+    if (!checkDate) return false;
+    return date.getFullYear() === checkDate.getFullYear() && date.getMonth() === checkDate.getMonth() && date.getDate() === checkDate.getDate();
+  };
+  const getInputStyles = () => {
+    const base = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      borderColor: error ? "var(--lm-error-300)" : "var(--lm-border-default)",
+      color: "var(--lm-text-primary)"
+    };
+    if (disabled) {
+      return {
+        ...base,
+        backgroundColor: "var(--lm-bg-disabled)",
+        cursor: "not-allowed",
+        opacity: 0.6
+      };
+    }
+    return base;
+  };
+  const getDayStyles = (day) => {
+    const isDisabled = disabledDate == null ? void 0 : disabledDate(day.date);
+    const selected = isSelected(day.date);
+    const today = isToday(day.date);
+    if (isDisabled) {
+      return {
+        color: "var(--lm-text-disabled)",
+        cursor: "not-allowed"
+      };
+    }
+    if (selected) {
+      return {
+        backgroundColor: "var(--lm-primary-500)",
+        color: "white"
+      };
+    }
+    if (today) {
+      return {
+        color: "var(--lm-primary-600)",
+        fontWeight: 600
+      };
+    }
+    if (!day.isCurrentMonth) {
+      return {
+        color: "var(--lm-text-tertiary)"
+      };
+    }
+    return {
+      color: "var(--lm-text-primary)"
+    };
+  };
+  const generateTimeOptions = (max, step) => {
+    const options = [];
+    for (let i = 0; i < max; i += step) {
+      options.push(i);
+    }
+    return options;
+  };
+  const hourOptions = generateTimeOptions(24, hourStep);
+  const minuteOptions = generateTimeOptions(60, minuteStep);
+  const secondOptions = generateTimeOptions(60, secondStep);
+  const calendar = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: dropdownRef,
+      className: "rounded-xl border backdrop-blur-md shadow-lg p-3",
+      style: {
+        position: "absolute",
+        top: position.top,
+        left: position.left,
+        zIndex: 1e3,
+        backgroundColor: "var(--lm-bg-elevated)",
+        borderColor: "var(--lm-border-default)",
+        width: hasTime ? "460px" : "280px"
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: timeScrollbarStyles }),
+        /* @__PURE__ */ jsxs("div", { className: hasTime ? "flex gap-3" : "", children: [
+          /* @__PURE__ */ jsxs("div", { className: "shrink-0", style: { width: "256px" }, children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
+                  onClick: handlePrevYear,
+                  style: { color: "var(--lm-text-secondary)" },
+                  children: /* @__PURE__ */ jsx(DoubleChevronLeftIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
+                  onClick: handlePrevMonth,
+                  style: { color: "var(--lm-text-secondary)" },
+                  children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "font-medium",
+                  style: { color: "var(--lm-text-primary)" },
+                  children: [
+                    viewDate.getFullYear(),
+                    " 年 ",
+                    MONTHS[viewDate.getMonth()]
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
+                  onClick: handleNextMonth,
+                  style: { color: "var(--lm-text-secondary)" },
+                  children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
+                  onClick: handleNextYear,
+                  style: { color: "var(--lm-text-secondary)" },
+                  children: /* @__PURE__ */ jsx(DoubleChevronRightIcon, {})
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: WEEKDAYS.map((day) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "text-center text-xs font-medium py-1",
+                style: { color: "var(--lm-text-tertiary)" },
+                children: day
+              },
+              day
+            )) }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: calendarDays.map((day, index) => {
+              const isDisabled = disabledDate == null ? void 0 : disabledDate(day.date);
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: `
+                    w-8 h-8 rounded-lg text-sm flex items-center justify-center
+                    transition-colors duration-150
+                    ${!isDisabled ? "hover:bg-(--lm-bg-hover)" : ""}
+                  `,
+                  style: getDayStyles(day),
+                  onClick: () => handleDateSelect(day.date),
+                  disabled: isDisabled,
+                  children: day.date.getDate()
+                },
+                index
+              );
+            }) })
+          ] }),
+          hasTime && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "border-l pl-3 flex flex-col",
+              style: { borderColor: "var(--lm-border-light)", width: "170px" },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "text-xs font-medium mb-2 text-center shrink-0",
+                    style: { color: "var(--lm-text-tertiary)" },
+                    children: "选择时间"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                  showHour && /* @__PURE__ */ jsx(
+                    TimeColumn,
+                    {
+                      options: hourOptions,
+                      value: tempHour,
+                      onChange: (val) => handleTimeChange("hour", val),
+                      listRef: hourListRef
+                    }
+                  ),
+                  showMinute && /* @__PURE__ */ jsx(
+                    TimeColumn,
+                    {
+                      options: minuteOptions,
+                      value: tempMinute,
+                      onChange: (val) => handleTimeChange("minute", val),
+                      listRef: minuteListRef
+                    }
+                  ),
+                  showSecond && /* @__PURE__ */ jsx(
+                    TimeColumn,
+                    {
+                      options: secondOptions,
+                      value: tempSecond,
+                      onChange: (val) => handleTimeChange("second", val),
+                      listRef: secondListRef
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 pt-3 border-t flex items-center justify-between", style: { borderColor: "var(--lm-border-light)" }, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "py-1.5 px-3 text-sm rounded-lg hover:bg-(--lm-bg-hover) transition-colors",
+              style: { color: "var(--lm-primary-600)" },
+              onClick: hasTime ? handleNow : () => handleDateSelect(/* @__PURE__ */ new Date()),
+              children: hasTime ? "此刻" : "今天"
+            }
+          ),
+          hasTime && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "py-1.5 px-4 text-sm rounded-lg transition-colors",
+              style: {
+                backgroundColor: "var(--lm-primary-500)",
+                color: "white"
+              },
+              onClick: handleConfirm,
+              children: "确定"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: `inline-block ${className}`, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: triggerRef,
+        className: `
+          ${inputConfig.padding} ${inputConfig.height} ${inputConfig.fontSize}
+          rounded-xl border backdrop-blur-md
+          flex items-center gap-2
+          transition-all duration-200
+          ${disabled ? "" : "cursor-pointer"}
+        `,
+        style: getInputStyles(),
+        onClick: () => !disabled && setIsOpen(!isOpen),
+        onMouseEnter: () => setIsHovered(true),
+        onMouseLeave: () => setIsHovered(false),
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "flex-1 truncate",
+              style: { color: displayValue ? "var(--lm-text-primary)" : "var(--lm-text-tertiary)" },
+              children: displayValue || placeholder
+            }
+          ),
+          allowClear && displayValue && isHovered && !disabled ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "shrink-0 p-0.5 rounded hover:bg-(--lm-bg-hover)",
+              style: { color: "var(--lm-text-tertiary)" },
+              onClick: handleClear,
+              children: /* @__PURE__ */ jsx(ClearIcon, {})
+            }
+          ) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "shrink-0",
+              style: { color: "var(--lm-text-tertiary)" },
+              children: /* @__PURE__ */ jsx(CalendarIcon, {})
+            }
+          )
+        ]
+      }
+    ),
+    error && errorMessage && /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: `mt-1 ${SIZE_TEXT_CLASSES[resolvedSize]}`,
+        style: { color: "var(--lm-error-500)" },
+        children: errorMessage
+      }
+    ),
+    isOpen && typeof document !== "undefined" && createPortal(calendar, document.body)
+  ] });
+};
+export {
+  LMDatePicker as L
+};
+//# sourceMappingURL=LMDatePicker-DSv28BFH.js.map

package/dist/LMDatePicker-DSv28BFH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMDatePicker-DSv28BFH.js","sources":["../src/components/Form/LMDatePicker/LMDatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react'\nimport { createPortal } from 'react-dom'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_TEXT_CLASSES,\n  SIZE_INPUT_CONFIG,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface TimePickerOptions {\n  /** Show hour selector */\n  showHour?: boolean\n  /** Show minute selector */\n  showMinute?: boolean\n  /** Show second selector */\n  showSecond?: boolean\n  /** Hour step */\n  hourStep?: number\n  /** Minute step */\n  minuteStep?: number\n  /** Second step */\n  secondStep?: number\n  /** Use 12-hour format */\n  use12Hours?: boolean\n}\n\nexport interface LMDatePickerProps {\n  /** Selected date value */\n  value?: Date | string | null\n  /** Default value */\n  defaultValue?: Date | string\n  /** Change handler */\n  onChange?: (date: Date | null, dateString: string) => void\n  /** Date format */\n  format?: string\n  /** Placeholder */\n  placeholder?: string\n  /** Disabled state */\n  disabled?: boolean\n  /** Component size */\n  size?: ComponentSize\n  /** Allow clear */\n  allowClear?: boolean\n  /** Disable specific dates */\n  disabledDate?: (date: Date) => boolean\n  /** Picker type (reserved for future use) */\n  picker?: 'date' | 'month' | 'year'\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Custom class name */\n  className?: string\n  /** Enable time picker */\n  showTime?: boolean | TimePickerOptions\n}\n\nconst CalendarIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n  </svg>\n)\n\nconst ClearIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nconst ChevronLeftIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" />\n  </svg>\n)\n\nconst ChevronRightIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" />\n  </svg>\n)\n\nconst DoubleChevronLeftIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M18 19l-7-7 7-7\" />\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M11 19l-7-7 7-7\" />\n  </svg>\n)\n\nconst DoubleChevronRightIcon: React.FC = () => (\n  <svg className=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 5l7 7-7 7\" />\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13 5l7 7-7 7\" />\n  </svg>\n)\n\nconst WEEKDAYS = ['日', '一', '二', '三', '四', '五', '六']\nconst MONTHS = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']\n\n// Scrollbar styles for time columns\nconst timeScrollbarStyles = `\n  .lm-time-scrollbar::-webkit-scrollbar {\n    width: 4px;\n  }\n  .lm-time-scrollbar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  .lm-time-scrollbar::-webkit-scrollbar-thumb {\n    background: var(--lm-border-default);\n    border-radius: 4px;\n  }\n  .lm-time-scrollbar::-webkit-scrollbar-thumb:hover {\n    background: var(--lm-text-tertiary);\n  }\n  .lm-time-scrollbar {\n    scrollbar-width: thin;\n    scrollbar-color: var(--lm-border-default) transparent;\n  }\n`\n\n// Fixed height for time columns to match calendar height\nconst TIME_COLUMN_HEIGHT = 252\n\n// TimeColumn component moved outside to avoid re-creation during render\nconst TimeColumn: React.FC<{\n  options: number[]\n  value: number\n  onChange: (val: number) => void\n  listRef: React.RefObject<HTMLDivElement | null>\n}> = ({ options, value, onChange, listRef }) => (\n  <div\n    ref={listRef as React.RefObject<HTMLDivElement>}\n    className=\"flex-1 overflow-y-auto lm-time-scrollbar\"\n    style={{\n      height: `${TIME_COLUMN_HEIGHT}px`,\n      maxHeight: `${TIME_COLUMN_HEIGHT}px`,\n    }}\n  >\n    {options.map((opt) => (\n      <button\n        key={opt}\n        className={`\n          w-full h-8 text-sm flex items-center justify-center rounded-md\n          transition-colors duration-150\n          hover:bg-(--lm-bg-hover)\n        `}\n        style={{\n          backgroundColor: opt === value ? 'var(--lm-primary-500)' : 'transparent',\n          color: opt === value ? 'white' : 'var(--lm-text-primary)',\n        }}\n        onClick={() => onChange(opt)}\n      >\n        {String(opt).padStart(2, '0')}\n      </button>\n    ))}\n  </div>\n)\n\nconst formatDate = (date: Date, format: string): string => {\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, '0')\n  const day = String(date.getDate()).padStart(2, '0')\n  const hours = String(date.getHours()).padStart(2, '0')\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n    .replace('HH', hours)\n    .replace('mm', minutes)\n    .replace('ss', seconds)\n}\n\nconst parseDate = (value: Date | string | null | undefined): Date | null => {\n  if (!value) return null\n  if (value instanceof Date) return value\n  const parsed = new Date(value)\n  return isNaN(parsed.getTime()) ? null : parsed\n}\n\nconst LMDatePicker: React.FC<LMDatePickerProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  format: formatProp,\n  placeholder = '请选择日期',\n  disabled = false,\n  size = 'md',\n  allowClear = true,\n  disabledDate,\n  picker: _picker = 'date',\n  error = false,\n  errorMessage,\n  className = '',\n  showTime = false,\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const inputConfig = SIZE_INPUT_CONFIG[resolvedSize]\n\n  // Parse time options\n  const timeOptions: TimePickerOptions = typeof showTime === 'object' ? showTime : {}\n  const {\n    showHour = true,\n    showMinute = true,\n    showSecond = true,\n    hourStep = 1,\n    minuteStep = 1,\n    secondStep = 1,\n  } = timeOptions\n  const hasTime = showTime !== false\n\n  // Auto-determine format\n  const format = formatProp || (hasTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD')\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [internalValue, setInternalValue] = useState<Date | null>(() => parseDate(defaultValue))\n  const [viewDate, setViewDate] = useState<Date>(() => parseDate(defaultValue) || new Date())\n  const [position, setPosition] = useState({ top: 0, left: 0 })\n  const [isHovered, setIsHovered] = useState(false)\n\n  // Time state for pending selection\n  const [tempDate, setTempDate] = useState<Date | null>(null)\n  // Track user-modified time separately from selected date time\n  const [userModifiedTime, setUserModifiedTime] = useState<{hour: number, minute: number, second: number} | null>(null)\n\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const hourListRef = useRef<HTMLDivElement>(null)\n  const minuteListRef = useRef<HTMLDivElement>(null)\n  const secondListRef = useRef<HTMLDivElement>(null)\n\n  const selectedDate = value !== undefined ? parseDate(value) : internalValue\n\n  const displayValue = selectedDate ? formatDate(selectedDate, format) : ''\n\n  // Derive temp time values - use user modified values if set, otherwise from selectedDate\n  const tempHour = userModifiedTime?.hour ?? selectedDate?.getHours() ?? 0\n  const tempMinute = userModifiedTime?.minute ?? selectedDate?.getMinutes() ?? 0\n  const tempSecond = userModifiedTime?.second ?? selectedDate?.getSeconds() ?? 0\n\n  // Reset user modified time when panel closes or selection changes\n  const prevSelectedDateRef = useRef(selectedDate)\n  if (prevSelectedDateRef.current !== selectedDate) {\n    prevSelectedDateRef.current = selectedDate\n    if (userModifiedTime !== null) {\n      setUserModifiedTime(null)\n    }\n  }\n\n  // Scroll time columns to selected values when panel opens\n  useEffect(() => {\n    if (isOpen && hasTime) {\n      setTimeout(() => {\n        const scrollToSelected = (ref: React.RefObject<HTMLDivElement | null>, value: number, step: number) => {\n          if (ref.current) {\n            const index = Math.floor(value / step)\n            const itemHeight = 32 // height of each item (h-8)\n            ref.current.scrollTop = index * itemHeight\n          }\n        }\n        scrollToSelected(hourListRef, tempHour, hourStep)\n        scrollToSelected(minuteListRef, tempMinute, minuteStep)\n        scrollToSelected(secondListRef, tempSecond, secondStep)\n      }, 50)\n    }\n  }, [isOpen, hasTime, tempHour, tempMinute, tempSecond, hourStep, minuteStep, secondStep])\n\n  // Update position\n  const updatePosition = useCallback(() => {\n    if (!triggerRef.current || !dropdownRef.current) return\n\n    const triggerRect = triggerRef.current.getBoundingClientRect()\n    const dropdownRect = dropdownRef.current.getBoundingClientRect()\n    const scrollY = window.scrollY\n    const scrollX = window.scrollX\n\n    let top = triggerRect.bottom + scrollY + 4\n    let left = triggerRect.left + scrollX\n\n    // Boundary check\n    if (left + dropdownRect.width > window.innerWidth + scrollX) {\n      left = window.innerWidth + scrollX - dropdownRect.width - 8\n    }\n    if (top + dropdownRect.height > window.innerHeight + scrollY) {\n      top = triggerRect.top + scrollY - dropdownRect.height - 4\n    }\n\n    setPosition({ top, left })\n  }, [])\n\n  useEffect(() => {\n    if (isOpen) {\n      updatePosition()\n    }\n  }, [isOpen, updatePosition])\n\n  useEffect(() => {\n    if (isOpen) {\n      const handleClickOutside = (e: MouseEvent) => {\n        if (\n          triggerRef.current &&\n          !triggerRef.current.contains(e.target as Node) &&\n          dropdownRef.current &&\n          !dropdownRef.current.contains(e.target as Node)\n        ) {\n          setIsOpen(false)\n        }\n      }\n\n      const handleScroll = () => updatePosition()\n\n      document.addEventListener('mousedown', handleClickOutside)\n      window.addEventListener('scroll', handleScroll, true)\n      window.addEventListener('resize', handleScroll)\n\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n        window.removeEventListener('scroll', handleScroll, true)\n        window.removeEventListener('resize', handleScroll)\n      }\n    }\n  }, [isOpen, updatePosition])\n\n  const handleDateSelect = (date: Date) => {\n    if (disabledDate?.(date)) return\n\n    if (hasTime) {\n      // When time picker is enabled, store temp date and wait for confirm\n      setTempDate(date)\n      const newDate = new Date(date)\n      newDate.setHours(tempHour, tempMinute, tempSecond)\n      setTempDate(newDate)\n    } else {\n      // No time picker, confirm immediately\n      const newDate = new Date(date)\n      if (value === undefined) {\n        setInternalValue(newDate)\n      }\n      onChange?.(newDate, formatDate(newDate, format))\n      setIsOpen(false)\n    }\n  }\n\n  const handleTimeChange = (type: 'hour' | 'minute' | 'second', val: number) => {\n    setUserModifiedTime(prev => ({\n      hour: type === 'hour' ? val : (prev?.hour ?? tempHour),\n      minute: type === 'minute' ? val : (prev?.minute ?? tempMinute),\n      second: type === 'second' ? val : (prev?.second ?? tempSecond),\n    }))\n  }\n\n  const handleConfirm = () => {\n    const baseDate = tempDate || selectedDate || new Date()\n    const newDate = new Date(baseDate)\n    newDate.setHours(tempHour, tempMinute, tempSecond)\n\n    if (value === undefined) {\n      setInternalValue(newDate)\n    }\n    onChange?.(newDate, formatDate(newDate, format))\n    setIsOpen(false)\n  }\n\n  const handleNow = () => {\n    const now = new Date()\n    setUserModifiedTime({\n      hour: now.getHours(),\n      minute: now.getMinutes(),\n      second: now.getSeconds(),\n    })\n    setTempDate(now)\n  }\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (value === undefined) {\n      setInternalValue(null)\n    }\n    onChange?.(null, '')\n  }\n\n  const handlePrevMonth = () => {\n    setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() - 1, 1))\n  }\n\n  const handleNextMonth = () => {\n    setViewDate((prev) => new Date(prev.getFullYear(), prev.getMonth() + 1, 1))\n  }\n\n  const handlePrevYear = () => {\n    setViewDate((prev) => new Date(prev.getFullYear() - 1, prev.getMonth(), 1))\n  }\n\n  const handleNextYear = () => {\n    setViewDate((prev) => new Date(prev.getFullYear() + 1, prev.getMonth(), 1))\n  }\n\n  // Generate calendar days\n  const calendarDays = useMemo(() => {\n    const year = viewDate.getFullYear()\n    const month = viewDate.getMonth()\n\n    const firstDay = new Date(year, month, 1)\n    const lastDay = new Date(year, month + 1, 0)\n\n    const days: { date: Date; isCurrentMonth: boolean }[] = []\n\n    // Previous month days\n    const firstDayOfWeek = firstDay.getDay()\n    for (let i = firstDayOfWeek - 1; i >= 0; i--) {\n      const date = new Date(year, month, -i)\n      days.push({ date, isCurrentMonth: false })\n    }\n\n    // Current month days\n    for (let i = 1; i <= lastDay.getDate(); i++) {\n      const date = new Date(year, month, i)\n      days.push({ date, isCurrentMonth: true })\n    }\n\n    // Next month days\n    const remainingDays = 42 - days.length\n    for (let i = 1; i <= remainingDays; i++) {\n      const date = new Date(year, month + 1, i)\n      days.push({ date, isCurrentMonth: false })\n    }\n\n    return days\n  }, [viewDate])\n\n  const isToday = (date: Date) => {\n    const today = new Date()\n    return (\n      date.getFullYear() === today.getFullYear() &&\n      date.getMonth() === today.getMonth() &&\n      date.getDate() === today.getDate()\n    )\n  }\n\n  const isSelected = (date: Date) => {\n    // In time picker mode, check tempDate first for pending selection\n    const checkDate = hasTime && tempDate ? tempDate : selectedDate\n    if (!checkDate) return false\n    return (\n      date.getFullYear() === checkDate.getFullYear() &&\n      date.getMonth() === checkDate.getMonth() &&\n      date.getDate() === checkDate.getDate()\n    )\n  }\n\n  const getInputStyles = (): React.CSSProperties => {\n    const base: React.CSSProperties = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      borderColor: error ? 'var(--lm-error-300)' : 'var(--lm-border-default)',\n      color: 'var(--lm-text-primary)',\n    }\n\n    if (disabled) {\n      return {\n        ...base,\n        backgroundColor: 'var(--lm-bg-disabled)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      }\n    }\n\n    return base\n  }\n\n  const getDayStyles = (day: { date: Date; isCurrentMonth: boolean }): React.CSSProperties => {\n    const isDisabled = disabledDate?.(day.date)\n    const selected = isSelected(day.date)\n    const today = isToday(day.date)\n\n    if (isDisabled) {\n      return {\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n      }\n    }\n\n    if (selected) {\n      return {\n        backgroundColor: 'var(--lm-primary-500)',\n        color: 'white',\n      }\n    }\n\n    if (today) {\n      return {\n        color: 'var(--lm-primary-600)',\n        fontWeight: 600,\n      }\n    }\n\n    if (!day.isCurrentMonth) {\n      return {\n        color: 'var(--lm-text-tertiary)',\n      }\n    }\n\n    return {\n      color: 'var(--lm-text-primary)',\n    }\n  }\n\n  // Generate time options\n  const generateTimeOptions = (max: number, step: number) => {\n    const options: number[] = []\n    for (let i = 0; i < max; i += step) {\n      options.push(i)\n    }\n    return options\n  }\n\n  const hourOptions = generateTimeOptions(24, hourStep)\n  const minuteOptions = generateTimeOptions(60, minuteStep)\n  const secondOptions = generateTimeOptions(60, secondStep)\n\n  const calendar = (\n    <div\n      ref={dropdownRef}\n      className=\"rounded-xl border backdrop-blur-md shadow-lg p-3\"\n      style={{\n        position: 'absolute',\n        top: position.top,\n        left: position.left,\n        zIndex: 1000,\n        backgroundColor: 'var(--lm-bg-elevated)',\n        borderColor: 'var(--lm-border-default)',\n        width: hasTime ? '460px' : '280px',\n      }}\n    >\n      <style>{timeScrollbarStyles}</style>\n      <div className={hasTime ? 'flex gap-3' : ''}>\n        {/* Calendar Panel */}\n        <div className=\"shrink-0\" style={{ width: '256px' }}>\n          {/* Header */}\n          <div className=\"flex items-center justify-between mb-3\">\n            <button\n              className=\"p-1 rounded hover:bg-(--lm-bg-hover) transition-colors\"\n              onClick={handlePrevYear}\n              style={{ color: 'var(--lm-text-secondary)' }}\n            >\n              <DoubleChevronLeftIcon />\n            </button>\n            <button\n              className=\"p-1 rounded hover:bg-(--lm-bg-hover) transition-colors\"\n              onClick={handlePrevMonth}\n              style={{ color: 'var(--lm-text-secondary)' }}\n            >\n              <ChevronLeftIcon />\n            </button>\n            <span\n              className=\"font-medium\"\n              style={{ color: 'var(--lm-text-primary)' }}\n            >\n              {viewDate.getFullYear()} 年 {MONTHS[viewDate.getMonth()]}\n            </span>\n            <button\n              className=\"p-1 rounded hover:bg-(--lm-bg-hover) transition-colors\"\n              onClick={handleNextMonth}\n              style={{ color: 'var(--lm-text-secondary)' }}\n            >\n              <ChevronRightIcon />\n            </button>\n            <button\n              className=\"p-1 rounded hover:bg-(--lm-bg-hover) transition-colors\"\n              onClick={handleNextYear}\n              style={{ color: 'var(--lm-text-secondary)' }}\n            >\n              <DoubleChevronRightIcon />\n            </button>\n          </div>\n\n          {/* Weekdays */}\n          <div className=\"grid grid-cols-7 gap-1 mb-2\">\n            {WEEKDAYS.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-medium py-1\"\n                style={{ color: 'var(--lm-text-tertiary)' }}\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Days */}\n          <div className=\"grid grid-cols-7 gap-1\">\n            {calendarDays.map((day, index) => {\n              const isDisabled = disabledDate?.(day.date)\n              return (\n                <button\n                  key={index}\n                  className={`\n                    w-8 h-8 rounded-lg text-sm flex items-center justify-center\n                    transition-colors duration-150\n                    ${!isDisabled ? 'hover:bg-(--lm-bg-hover)' : ''}\n                  `}\n                  style={getDayStyles(day)}\n                  onClick={() => handleDateSelect(day.date)}\n                  disabled={isDisabled}\n                >\n                  {day.date.getDate()}\n                </button>\n              )\n            })}\n          </div>\n        </div>\n\n        {/* Time Picker Panel */}\n        {hasTime && (\n          <div\n            className=\"border-l pl-3 flex flex-col\"\n            style={{ borderColor: 'var(--lm-border-light)', width: '170px' }}\n          >\n            <div\n              className=\"text-xs font-medium mb-2 text-center shrink-0\"\n              style={{ color: 'var(--lm-text-tertiary)' }}\n            >\n              选择时间\n            </div>\n            <div className=\"flex gap-1\">\n              {showHour && (\n                <TimeColumn\n                  options={hourOptions}\n                  value={tempHour}\n                  onChange={(val) => handleTimeChange('hour', val)}\n                  listRef={hourListRef}\n                />\n              )}\n              {showMinute && (\n                <TimeColumn\n                  options={minuteOptions}\n                  value={tempMinute}\n                  onChange={(val) => handleTimeChange('minute', val)}\n                  listRef={minuteListRef}\n                />\n              )}\n              {showSecond && (\n                <TimeColumn\n                  options={secondOptions}\n                  value={tempSecond}\n                  onChange={(val) => handleTimeChange('second', val)}\n                  listRef={secondListRef}\n                />\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Footer */}\n      <div className=\"mt-3 pt-3 border-t flex items-center justify-between\" style={{ borderColor: 'var(--lm-border-light)' }}>\n        <button\n          className=\"py-1.5 px-3 text-sm rounded-lg hover:bg-(--lm-bg-hover) transition-colors\"\n          style={{ color: 'var(--lm-primary-600)' }}\n          onClick={hasTime ? handleNow : () => handleDateSelect(new Date())}\n        >\n          {hasTime ? '此刻' : '今天'}\n        </button>\n        {hasTime && (\n          <button\n            className=\"py-1.5 px-4 text-sm rounded-lg transition-colors\"\n            style={{\n              backgroundColor: 'var(--lm-primary-500)',\n              color: 'white',\n            }}\n            onClick={handleConfirm}\n          >\n            确定\n          </button>\n        )}\n      </div>\n    </div>\n  )\n\n  return (\n    <div className={`inline-block ${className}`}>\n      <div\n        ref={triggerRef}\n        className={`\n          ${inputConfig.padding} ${inputConfig.height} ${inputConfig.fontSize}\n          rounded-xl border backdrop-blur-md\n          flex items-center gap-2\n          transition-all duration-200\n          ${disabled ? '' : 'cursor-pointer'}\n        `}\n        style={getInputStyles()}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        <span\n          className=\"flex-1 truncate\"\n          style={{ color: displayValue ? 'var(--lm-text-primary)' : 'var(--lm-text-tertiary)' }}\n        >\n          {displayValue || placeholder}\n        </span>\n\n        {allowClear && displayValue && isHovered && !disabled ? (\n          <span\n            className=\"shrink-0 p-0.5 rounded hover:bg-(--lm-bg-hover)\"\n            style={{ color: 'var(--lm-text-tertiary)' }}\n            onClick={handleClear}\n          >\n            <ClearIcon />\n          </span>\n        ) : (\n          <span\n            className=\"shrink-0\"\n            style={{ color: 'var(--lm-text-tertiary)' }}\n          >\n            <CalendarIcon />\n          </span>\n        )}\n      </div>\n\n      {/* Error message */}\n      {error && errorMessage && (\n        <p\n          className={`mt-1 ${SIZE_TEXT_CLASSES[resolvedSize]}`}\n          style={{ color: 'var(--lm-error-500)' }}\n        >\n          {errorMessage}\n        </p>\n      )}\n\n      {/* Calendar dropdown */}\n      {isOpen && typeof document !== 'undefined' && createPortal(calendar, document.body)}\n    </div>\n  )\n}\n\nexport default LMDatePicker\n"],"names":["value"],"mappings":"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"}