@underverse-ui/underverse 0.2.89 → 0.2.91

package/dist/index.cjs

@@ -730,6 +730,7 @@ var defaultTranslations = {
       month: "Month",
       week: "Week",
       day: "Day",
+      resourcesHeader: "Resources",
       expandGroup: "Expand group",
       collapseGroup: "Collapse group",
       more: "+{n} more"
@@ -805,6 +806,7 @@ var defaultTranslations = {
       month: "Th\xE1ng",
       week: "Tu\u1EA7n",
       day: "Ng\xE0y",
+      resourcesHeader: "T\xE0i nguy\xEAn",
       expandGroup: "M\u1EDF nh\xF3m",
       collapseGroup: "Thu g\u1ECDn nh\xF3m",
       more: "+{n} th\xEAm"
@@ -880,6 +882,7 @@ var defaultTranslations = {
       month: "\uC6D4",
       week: "\uC8FC",
       day: "\uC77C",
+      resourcesHeader: "\uB9AC\uC18C\uC2A4",
       expandGroup: "\uADF8\uB8F9 \uD3BC\uCE58\uAE30",
       collapseGroup: "\uADF8\uB8F9 \uC811\uAE30",
       more: "+{n}\uAC1C \uB354"
@@ -955,6 +958,7 @@ var defaultTranslations = {
       month: "\u6708",
       week: "\u9031",
       day: "\u65E5",
+      resourcesHeader: "\u30EA\u30BD\u30FC\u30B9",
       expandGroup: "\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B",
       collapseGroup: "\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080",
       more: "+{n}\u4EF6"
@@ -5755,11 +5759,6 @@ var ScrollArea = (0, import_react14.forwardRef)(
 );
 ScrollArea.displayName = "ScrollArea";
 
-// ../../components/ui/DatePicker.tsx
-var React23 = __toESM(require("react"), 1);
-var import_react15 = require("react");
-var import_lucide_react14 = require("lucide-react");
-
 // ../../lib/utils/date.ts
 function formatDateShort(date) {
   if (!date) return "";
@@ -5773,6 +5772,9 @@ function formatDateShort(date) {
 }
 
 // ../../components/ui/DatePicker.tsx
+var import_lucide_react14 = require("lucide-react");
+var React23 = __toESM(require("react"), 1);
+var import_react15 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var DatePicker = ({
   id,
@@ -5787,7 +5789,9 @@ var DatePicker = ({
   todayLabel,
   clearLabel,
   weekdayLabels,
-  disablePastDates = false
+  disablePastDates = false,
+  minDate,
+  maxDate
 }) => {
   const t = useTranslations("DatePicker");
   const locale = useLocale();
@@ -5797,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) {
@@ -5881,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"
             },
@@ -5903,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: [
@@ -6052,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" }),
@@ -6219,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);
@@ -6229,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));
@@ -6308,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;
@@ -6333,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",
@@ -6353,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
           },
@@ -16141,6 +16171,7 @@ var en_default = {
     month: "Month",
     week: "Week",
     day: "Day",
+    resourcesHeader: "Resources",
     expandGroup: "Expand group",
     collapseGroup: "Collapse group",
     more: "+{n} more"
@@ -16227,6 +16258,7 @@ var vi_default = {
     month: "Th\xE1ng",
     week: "Tu\u1EA7n",
     day: "Ng\xE0y",
+    resourcesHeader: "T\xE0i nguy\xEAn",
     expandGroup: "M\u1EDF nh\xF3m",
     collapseGroup: "Thu g\u1ECDn nh\xF3m",
     more: "+{n} th\xEAm"
@@ -16313,6 +16345,7 @@ var ko_default = {
     month: "\uC6D4",
     week: "\uC8FC",
     day: "\uC77C",
+    resourcesHeader: "\uB9AC\uC18C\uC2A4",
     expandGroup: "\uADF8\uB8F9 \uD3BC\uCE58\uAE30",
     collapseGroup: "\uADF8\uB8F9 \uC811\uAE30",
     more: "+{n}\uAC1C \uB354"
@@ -16399,6 +16432,7 @@ var ja_default = {
     month: "\u6708",
     week: "\u9031",
     day: "\u65E5",
+    resourcesHeader: "\u30EA\u30BD\u30FC\u30B9",
     expandGroup: "\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B",
     collapseGroup: "\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080",
     more: "+{n}\u4EF6"