@flamingo-stack/openframe-frontend-core 0.0.514 → 0.0.515-1648.4251.1

package/dist/{chunk-MFRG4Q2T.js → chunk-5RHFQ4JG.js}

@@ -17831,7 +17831,7 @@ var formatDateRange2 = (range, formatFn) => {
   if (!range.to) return formatFn(range.from);
   return `${formatFn(range.from)} - ${formatFn(range.to)}`;
 };
-function CalendarNavButton({ direction, onClick, "aria-label": ariaLabel }) {
+function CalendarNavButton({ direction, onClick, disabled, "aria-label": ariaLabel }) {
   return /* @__PURE__ */ jsx111(
     Button,
     {
@@ -17839,6 +17839,7 @@ function CalendarNavButton({ direction, onClick, "aria-label": ariaLabel }) {
       variant: "outline",
       size: "icon",
       onClick,
+      disabled,
       "aria-label": ariaLabel,
       leftIcon: direction === "left" ? /* @__PURE__ */ jsx111(ChevronLeft, { className: "size-6" }) : /* @__PURE__ */ jsx111(ChevronRight2, { className: "size-6" })
     }
@@ -17925,7 +17926,21 @@ function DatePickerCalendar({
       mode === "range" && "range-selected"
     ),
     outside: "text-ods-border opacity-50 hover:!bg-transparent",
-    disabled: "text-ods-border cursor-not-allowed hover:!bg-transparent",
+    // Out of bounds: greyed, un-hoverable, and not-allowed under the cursor.
+    //
+    // Every rule here is `!`, and the inner button is targeted explicitly —
+    // neither is decoration. react-day-picker CONCATENATES the modifier's classes
+    // onto the base `day` ones (no tailwind-merge), so `text-ods-text-disabled`
+    // and `text-ods-text-primary` both land on the cell and the winner comes down
+    // to their order in the generated stylesheet, not in the attribute; without
+    // `!` the disabled day rendered in full white, indistinguishable from a
+    // selectable one. The cursor needs the child selector on top of that: it is
+    // the `day_button` INSIDE the cell that carries `cursor-pointer`, and a
+    // `disabled` <button> does not inherit the cell's cursor on its own.
+    disabled: cn(
+      "!text-ods-text-disabled !cursor-not-allowed hover:!bg-transparent",
+      "[&>button]:!cursor-not-allowed [&>button]:!text-ods-text-disabled"
+    ),
     hidden: "invisible",
     // Range styles matching Figma design:
     // - range_start: bright yellow #ffc008, bold, left radius (full radius if single selection)
@@ -17945,6 +17960,16 @@ function DatePickerCalendar({
   const [month, setMonth] = React49.useState(
     mode === "single" ? selected || today : selected?.from || today
   );
+  const disabledDays = React49.useMemo(() => {
+    const matchers = [];
+    if (fromDate) matchers.push({ before: fromDate });
+    if (toDate3) matchers.push({ after: toDate3 });
+    return matchers;
+  }, [fromDate, toDate3]);
+  const monthIndex = (date) => date.getFullYear() * 12 + date.getMonth();
+  const lastVisibleMonth = monthIndex(month) + (monthsToShow === 2 ? 1 : 0);
+  const canGoPrevious = !fromDate || monthIndex(month) > monthIndex(fromDate);
+  const canGoNext = !toDate3 || lastVisibleMonth < monthIndex(toDate3);
   const handlePreviousMonth = () => {
     setMonth((prev) => {
       const newMonth = new Date(prev);
@@ -18004,6 +18029,7 @@ function DatePickerCalendar({
           {
             direction: "left",
             onClick: handlePreviousMonth,
+            disabled: !canGoPrevious,
             "aria-label": "Previous month"
           }
         ),
@@ -18013,6 +18039,7 @@ function DatePickerCalendar({
           {
             direction: "right",
             onClick: handleNextMonth,
+            disabled: !canGoNext,
             "aria-label": "Next month"
           }
         )
@@ -18028,8 +18055,7 @@ function DatePickerCalendar({
           classNames,
           showOutsideDays: true,
           fixedWeeks: true,
-          fromDate,
-          toDate: toDate3,
+          disabled: disabledDays,
           locale,
           hideNavigation: true
         }
@@ -18051,6 +18077,7 @@ function DatePickerCalendar({
                 {
                   direction: "left",
                   onClick: handlePreviousMonth,
+                  disabled: !canGoPrevious,
                   "aria-label": "Previous month"
                 }
               ),
@@ -18060,6 +18087,7 @@ function DatePickerCalendar({
                 {
                   direction: "right",
                   onClick: handleNextMonth,
+                  disabled: !canGoNext,
                   "aria-label": "Next month"
                 }
               ),
@@ -18079,8 +18107,7 @@ function DatePickerCalendar({
                 classNames,
                 showOutsideDays: true,
                 fixedWeeks: true,
-                fromDate,
-                toDate: toDate3,
+                disabled: disabledDays,
                 locale,
                 hideNavigation: true
               }
@@ -18095,6 +18122,7 @@ function DatePickerCalendar({
                 {
                   direction: "right",
                   onClick: handleNextMonth,
+                  disabled: !canGoNext,
                   "aria-label": "Next month"
                 }
               )
@@ -18112,8 +18140,7 @@ function DatePickerCalendar({
                 classNames,
                 showOutsideDays: true,
                 fixedWeeks: true,
-                fromDate,
-                toDate: toDate3,
+                disabled: disabledDays,
                 locale,
                 hideNavigation: true
               }
@@ -61009,4 +61036,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-MFRG4Q2T.js.map
+//# sourceMappingURL=chunk-5RHFQ4JG.js.map