@underverse-ui/underverse 0.2.109 → 0.2.110

package/dist/index.d.cts

@@ -818,6 +818,10 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
         label: string;
         time: string;
     }>;
+    /** Alias for minTime (e.g., "09:00") */
+    min?: string;
+    /** Alias for maxTime (e.g., "18:00") */
+    max?: string;
     /** Minimum allowed time (e.g., "09:00") */
     minTime?: string;
     /** Maximum allowed time (e.g., "18:00") */
@@ -837,7 +841,7 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     /** Callback when popover closes */
     onClose?: () => void;
 }
-declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 type SelectMode = "single" | "multiple" | "range";
 type Variant$3 = "default" | "bordered" | "card" | "minimal";

package/dist/index.d.ts

@@ -818,6 +818,10 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
         label: string;
         time: string;
     }>;
+    /** Alias for minTime (e.g., "09:00") */
+    min?: string;
+    /** Alias for maxTime (e.g., "18:00") */
+    max?: string;
     /** Minimum allowed time (e.g., "09:00") */
     minTime?: string;
     /** Maximum allowed time (e.g., "18:00") */
@@ -837,7 +841,7 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     /** Callback when popover closes */
     onClose?: () => void;
 }
-declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 type SelectMode = "single" | "multiple" | "range";
 type Variant$3 = "default" | "bordered" | "card" | "minimal";

package/dist/index.js

@@ -6021,8 +6021,8 @@ var DatePicker = ({
                   "div",
                   {
                     className: cn(
-                      "flex items-center justify-center rounded-lg p-1.5 transition-all duration-300",
-                      isOpen ? "bg-primary/15 text-primary" : "bg-muted/50 text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary"
+                      "flex items-center justify-center transition-colors duration-300",
+                      isOpen ? "text-primary" : "text-muted-foreground group-hover:text-primary"
                     ),
                     children: /* @__PURE__ */ jsx29(Calendar, { className: cn(size === "sm" ? "h-3.5 w-3.5" : "h-4 w-4", "transition-transform duration-300", isOpen && "scale-110") })
                   }
@@ -6317,9 +6317,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
                 "div",
                 {
                   className: cn(
-                    "flex items-center justify-center rounded-lg transition-all duration-300",
-                    size === "sm" ? "p-1" : "p-1.5",
-                    isOpen ? "bg-primary/15 text-primary" : "bg-muted/50 text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary"
+                    "flex items-center justify-center transition-colors duration-300",
+                    isOpen ? "text-primary" : "text-muted-foreground group-hover:text-primary"
                   ),
                   children: /* @__PURE__ */ jsx29(Calendar, { className: cn("transition-transform duration-300", size === "sm" ? "h-3 w-3" : "h-4 w-4", isOpen && "scale-110") })
                 }
@@ -7393,6 +7392,8 @@ function TimePicker({
   showPresets = false,
   allowManualInput = false,
   customPresets = [],
+  min,
+  max,
   minTime,
   maxTime,
   disabledTimes,
@@ -7429,37 +7430,65 @@ function TimePicker({
     },
     [disabledTimes]
   );
+  const resolvedMinTime = minTime ?? min;
+  const resolvedMaxTime = maxTime ?? max;
+  const toSeconds = React25.useCallback(
+    (p) => {
+      let h = p.h;
+      if (format === "12") {
+        const period = p.p ?? (h >= 12 ? "PM" : "AM");
+        const base = h % 12;
+        h = period === "PM" ? base + 12 : base;
+      }
+      return h * 3600 + p.m * 60 + (includeSeconds ? p.s : 0);
+    },
+    [format, includeSeconds]
+  );
   const isTimeInRange = React25.useCallback(
     (timeStr) => {
-      if (!minTime && !maxTime) return true;
+      if (!resolvedMinTime && !resolvedMaxTime) return true;
       const parsed = parseTime(timeStr, format, includeSeconds);
       if (!parsed) return true;
-      if (minTime) {
-        const min = parseTime(minTime, format, includeSeconds);
-        if (min) {
-          const currentMinutes = parsed.h * 60 + parsed.m;
-          const minMinutes = min.h * 60 + min.m;
-          if (currentMinutes < minMinutes) return false;
-        }
+      const current = toSeconds(parsed);
+      if (resolvedMinTime) {
+        const minParsed = parseTime(resolvedMinTime, format, includeSeconds);
+        if (minParsed && current < toSeconds(minParsed)) return false;
       }
-      if (maxTime) {
-        const max = parseTime(maxTime, format, includeSeconds);
-        if (max) {
-          const currentMinutes = parsed.h * 60 + parsed.m;
-          const maxMinutes = max.h * 60 + max.m;
-          if (currentMinutes > maxMinutes) return false;
-        }
+      if (resolvedMaxTime) {
+        const maxParsed = parseTime(resolvedMaxTime, format, includeSeconds);
+        if (maxParsed && current > toSeconds(maxParsed)) return false;
       }
       return true;
     },
-    [minTime, maxTime, format, includeSeconds]
+    [format, includeSeconds, resolvedMaxTime, resolvedMinTime, toSeconds]
+  );
+  const canEmit = React25.useCallback(
+    (next) => {
+      const timeStr = next ? formatTime(next, format, includeSeconds) : void 0;
+      if (!timeStr) return true;
+      if (!isTimeInRange(timeStr)) return false;
+      if (isTimeDisabled(timeStr)) return false;
+      return true;
+    },
+    [format, includeSeconds, isTimeDisabled, isTimeInRange]
+  );
+  const emit = React25.useCallback(
+    (next) => {
+      const timeStr = next ? formatTime(next, format, includeSeconds) : void 0;
+      if (!canEmit(next)) return;
+      onChange?.(timeStr);
+    },
+    [canEmit, format, includeSeconds, onChange]
+  );
+  const tryUpdate = React25.useCallback(
+    (next) => {
+      if (!canEmit(next)) return false;
+      setParts(next);
+      emit(next);
+      return true;
+    },
+    [canEmit, emit]
   );
-  const emit = (next) => {
-    const timeStr = next ? formatTime(next, format, includeSeconds) : void 0;
-    if (timeStr && !isTimeInRange(timeStr)) return;
-    if (timeStr && isTimeDisabled(timeStr)) return;
-    onChange?.(timeStr);
-  };
   const handleOpenChange = (newOpen) => {
     setOpen(newOpen);
     if (newOpen) {
@@ -7510,8 +7539,7 @@ function TimePicker({
         if (e.key === "ArrowLeft") setFocusedColumn(includeSeconds ? "second" : "minute");
         break;
     }
-    setParts(newParts);
-    emit(newParts);
+    tryUpdate(newParts);
   };
   const setNow = () => {
     const now2 = /* @__PURE__ */ new Date();
@@ -7524,8 +7552,7 @@ function TimePicker({
     } else {
       next = { h, m, s };
     }
-    setParts(next);
-    emit(next);
+    tryUpdate(next);
   };
   const setPreset = (preset) => {
     const { h, m, s } = PRESETS[preset];
@@ -7535,8 +7562,7 @@ function TimePicker({
     } else {
       next = { h, m, s };
     }
-    setParts(next);
-    emit(next);
+    tryUpdate(next);
   };
   const handleManualInput = (input) => {
     setManualInput(input);
@@ -7544,16 +7570,14 @@ function TimePicker({
     if (parsed) {
       const timeStr = formatTime(parsed, format, includeSeconds);
       if (isTimeInRange(timeStr) && !isTimeDisabled(timeStr)) {
-        setParts(parsed);
-        emit(parsed);
+        tryUpdate(parsed);
       }
     }
   };
   const handleCustomPreset = (time) => {
     const parsed = parseTime(time, format, includeSeconds);
     if (parsed) {
-      setParts(parsed);
-      emit(parsed);
+      tryUpdate(parsed);
     }
   };
   const hours = format === "24" ? Array.from({ length: 24 }, (_, i) => i) : Array.from({ length: 12 }, (_, i) => i + 1);
@@ -7674,8 +7698,7 @@ function TimePicker({
       return period === "PM" ? base + 12 : base;
     })();
     const next = { ...parts, h: nextH, p: format === "12" ? period : parts.p };
-    setParts(next);
-    emit(next);
+    tryUpdate(next);
   };
   const timePickerContent = /* @__PURE__ */ jsxs26("div", { className: panelSz.stackGap, children: [
     /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center py-1", children: /* @__PURE__ */ jsx31("span", { className: cn(panelSz.timeText, "font-bold tabular-nums tracking-wide text-foreground underline underline-offset-8 decoration-primary/60"), children: display }) }),
@@ -7781,8 +7804,7 @@ function TimePicker({
             valueIndex: minuteIndex,
             onSelect: (m) => {
               const next = { ...parts, m };
-              setParts(next);
-              emit(next);
+              tryUpdate(next);
             },
             scrollRef: minuteScrollRef,
             itemHeight,
@@ -7810,8 +7832,7 @@ function TimePicker({
               valueIndex: secondIndex,
               onSelect: (s) => {
                 const next = { ...parts, s };
-                setParts(next);
-                emit(next);
+                tryUpdate(next);
               },
               scrollRef: secondScrollRef,
               itemHeight,
@@ -7864,8 +7885,7 @@ function TimePicker({
                         if (pVal === "AM" && hour >= 12) hour -= 12;
                         if (pVal === "PM" && hour < 12) hour += 12;
                         const next = { ...parts, p: pVal, h: hour };
-                        setParts(next);
-                        emit(next);
+                        tryUpdate(next);
                       },
                       children: [
                         isSelected && /* @__PURE__ */ jsx31("div", { className: "absolute inset-0 bg-linear-to-tr from-white/20 to-transparent" }),