@underverse-ui/underverse 0.2.90 → 0.2.91

package/dist/index.cjs

@@ -5789,7 +5789,9 @@ var DatePicker = ({
   todayLabel,
   clearLabel,
   weekdayLabels,
-  disablePastDates = false
+  disablePastDates = false,
+  minDate,
+  maxDate
 }) => {
   const t = useTranslations("DatePicker");
   const locale = useLocale();
@@ -5799,6 +5801,27 @@ var DatePicker = ({
   const triggerRef = React23.useRef(null);
   const wheelContainerRef = React23.useRef(null);
   const wheelDeltaRef = React23.useRef(0);
+  const normalizeToLocalDay = React23.useCallback((date) => {
+    if (!date) return null;
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  }, []);
+  const minDay = React23.useMemo(() => normalizeToLocalDay(minDate), [minDate, normalizeToLocalDay]);
+  const maxDay = React23.useMemo(() => normalizeToLocalDay(maxDate), [maxDate, normalizeToLocalDay]);
+  const isDateDisabled = React23.useCallback(
+    (date) => {
+      const day = normalizeToLocalDay(date);
+      if (!day) return false;
+      if (disablePastDates) {
+        const today = /* @__PURE__ */ new Date();
+        today.setHours(0, 0, 0, 0);
+        if (day < today) return true;
+      }
+      if (minDay && day < minDay) return true;
+      if (maxDay && day > maxDay) return true;
+      return false;
+    },
+    [disablePastDates, maxDay, minDay, normalizeToLocalDay]
+  );
   useShadCNAnimations();
   React23.useEffect(() => {
     if (value) {
@@ -5883,21 +5906,19 @@ var DatePicker = ({
     for (let i = 0; i < firstDayOfMonth; i++) {
       days.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: size === "sm" ? "w-7 h-7" : "w-8 h-8" }, `empty-${i}`));
     }
-    const today = /* @__PURE__ */ new Date();
-    today.setHours(0, 0, 0, 0);
     for (let day = 1; day <= daysInMonth; day++) {
       const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), day);
       const isSelected = value && date.getDate() === value.getDate() && date.getMonth() === value.getMonth() && date.getFullYear() === value.getFullYear();
       const isToday2 = date.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-      const isPastDate = disablePastDates && date < today;
+      const isDisabled = isDateDisabled(date);
       const totalDaysFromStart = firstDayOfMonth + day - 1;
       const rowIndex = Math.floor(totalDaysFromStart / 7);
       days.push(
         /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "button",
           {
-            onClick: () => !isPastDate && handleDateSelect(date),
-            disabled: isPastDate,
+            onClick: () => !isDisabled && handleDateSelect(date),
+            disabled: isDisabled,
             style: {
               animationDelay: isOpen ? `${rowIndex * 40}ms` : "0ms"
             },
@@ -5905,8 +5926,8 @@ var DatePicker = ({
               size === "sm" ? "w-7 h-7 text-[12px]" : "w-8 h-8 text-sm",
               "datepicker-day rounded-lg focus:outline-none relative cursor-pointer",
               "transition-all duration-200 font-medium",
-              isPastDate && "opacity-30 cursor-not-allowed text-muted-foreground",
-              isSelected ? "bg-linear-to-br from-primary to-primary/80 text-primary-foreground font-bold shadow-lg shadow-primary/30 scale-110 z-10 hover:from-primary hover:to-primary/70" : !isPastDate && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 focus:bg-accent focus:text-accent-foreground",
+              isDisabled && "opacity-30 cursor-not-allowed text-muted-foreground",
+              isSelected ? "bg-linear-to-br from-primary to-primary/80 text-primary-foreground font-bold shadow-lg shadow-primary/30 scale-110 z-10 hover:from-primary hover:to-primary/70" : !isDisabled && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 focus:bg-accent focus:text-accent-foreground",
               isToday2 && !isSelected && "bg-primary/15 text-primary font-bold ring-2 ring-primary/30"
             ),
             children: [
@@ -6054,15 +6075,18 @@ var DatePicker = ({
           type: "button",
           onClick: () => {
             const today = /* @__PURE__ */ new Date();
+            if (isDateDisabled(today)) return;
             handleDateSelect(today);
           },
+          disabled: isDateDisabled(/* @__PURE__ */ new Date()),
           className: cn(
             "flex-1 font-semibold rounded-xl",
             "bg-linear-to-r from-primary/10 to-primary/5 border border-primary/30",
             "text-primary hover:from-primary/20 hover:to-primary/10 hover:border-primary/50",
             "transition-all duration-300 flex items-center justify-center",
             "hover:scale-[1.02] active:scale-[0.98] hover:shadow-md hover:shadow-primary/10",
-            size === "sm" ? "px-2 py-1 text-[10px] gap-1" : "px-3 py-2 text-xs gap-2"
+            size === "sm" ? "px-2 py-1 text-[10px] gap-1" : "px-3 py-2 text-xs gap-2",
+            isDateDisabled(/* @__PURE__ */ new Date()) && "opacity-50 cursor-not-allowed hover:scale-100 active:scale-100"
           ),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react14.Sparkles, { className: size === "sm" ? "w-2.5 h-2.5" : "w-3.5 h-3.5" }),
@@ -6221,7 +6245,7 @@ var DatePicker = ({
     )
   ] });
 };
-var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select date range...", className, disablePastDates = false, size = "md" }) => {
+var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select date range...", className, disablePastDates = false, minDate, maxDate, size = "md" }) => {
   const locale = useLocale();
   const t = useTranslations("DatePicker");
   const [isOpen, setIsOpen] = React23.useState(false);
@@ -6231,6 +6255,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
     if (!date) return null;
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   };
+  const minDay = React23.useMemo(() => normalizeToLocal(minDate), [minDate]);
+  const maxDay = React23.useMemo(() => normalizeToLocal(maxDate), [maxDate]);
   const [viewDate, setViewDate] = React23.useState(startDate || /* @__PURE__ */ new Date());
   const [tempStart, setTempStart] = React23.useState(normalizeToLocal(startDate));
   const [tempEnd, setTempEnd] = React23.useState(normalizeToLocal(endDate));
@@ -6310,6 +6336,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
     for (let d = 1; d <= daysInMonth; d++) {
       const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), d);
       const isPastDate = disablePastDates && date < today;
+      const isOutOfRange = !!minDay && date < minDay || !!maxDay && date > maxDay;
+      const isDisabled = isPastDate || isOutOfRange;
       const isSelectedStart = isSameDay2(date, tempStart);
       const isSelectedEnd = isSameDay2(date, tempEnd);
       const isHovering = hoveredDate && tempStart && !tempEnd;
@@ -6335,17 +6363,17 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "button",
           {
-            onClick: () => !isPastDate && handleSelect(date),
-            disabled: isPastDate,
-            onMouseEnter: () => !isPastDate && tempStart && !tempEnd && setHoveredDate(date),
+            onClick: () => !isDisabled && handleSelect(date),
+            disabled: isDisabled,
+            onMouseEnter: () => !isDisabled && tempStart && !tempEnd && setHoveredDate(date),
             onMouseLeave: () => tempStart && !tempEnd && setHoveredDate(null),
             className: cn(
               "transition-all duration-200 focus:outline-none relative font-medium cursor-pointer",
               size === "sm" ? "w-6 h-6 text-xs" : "w-8 h-8 text-sm",
               // Disabled/past date state
-              isPastDate && "opacity-30 cursor-not-allowed text-muted-foreground",
+              isDisabled && "opacity-30 cursor-not-allowed text-muted-foreground",
               // Default state
-              !isPastDate && !isInRange && !isRangeStart && !isRangeEnd && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 rounded-lg",
+              !isDisabled && !isInRange && !isRangeStart && !isRangeEnd && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 rounded-lg",
               // Range selection styling - smooth continuous background with gradient
               isInRange && "bg-primary/15 text-foreground",
               (isRangeStart || isRangeEnd) && "bg-linear-to-br from-primary to-primary/80 text-primary-foreground hover:from-primary hover:to-primary/70 shadow-lg shadow-primary/25",
@@ -6355,8 +6383,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
               isRangeStart && isRangeEnd && "rounded-lg",
               // Single day selection
               // Hover effects for range
-              isInRange && !isPastDate && "hover:bg-primary/25",
-              !isPastDate && "focus:bg-accent focus:text-accent-foreground focus:z-10 focus:shadow-md"
+              isInRange && !isDisabled && "hover:bg-primary/25",
+              !isDisabled && "focus:bg-accent focus:text-accent-foreground focus:z-10 focus:shadow-md"
             ),
             children: d
           },