fix(range-calendar): hide only dates outside the month nextui-org#2890

ShrinidhiUpadhyaya · Apr 28, 2024 · 4cc7ed4 · 4cc7ed4
1 parent 1a033fe
commit 4cc7ed4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/nasty-pillows-travel.md b/.changeset/nasty-pillows-travel.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/calendar": patch
+---
+
+Fixed hiding of Unvavailable dates in RangeCalendar (#2890)
diff --git a/packages/components/calendar/src/calendar-cell.tsx b/packages/components/calendar/src/calendar-cell.tsx
@@ -42,7 +42,7 @@ export function CalendarCell(originalProps: CalendarCellProps) {
     ref,
   );
 
-  const isUnavailable = state.isCellUnavailable(props.date) && !isDisabled;
+  const isUnavailable = state.isCellUnavailable(props.date);
   const isLastSelectedBeforeDisabled =
     !isDisabled && !isInvalid && state.isCellUnavailable(props.date.add({days: 1}));
   const isFirstSelectedAfterDisabled =

diff --git a/packages/core/theme/src/components/calendar.ts b/packages/core/theme/src/components/calendar.ts
@@ -106,7 +106,7 @@ const calendar = tv({
     },
     hideDisabledDates: {
       true: {
-        cellButton: "data-[disabled=true]:opacity-0",
+        cellButton: "data-[disabled=true]:data-[outside-month=true]:opacity-0",
       },
       false: {},
     },