Disable day <button> if isEmpty, reset pointer CSS

acusti · Apr 29, 2024 · 6bb039a · 6bb039a
1 parent efbcf60
commit 6bb039a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/date-picker/src/MonthCalendar.tsx b/packages/date-picker/src/MonthCalendar.tsx
@@ -172,6 +172,7 @@ export default function MonthCalendar({
                                                 },
                                             )}
                                             data-date={date?.toISOString()}
+                                            disabled={isEmpty}
                                             key={`MonthDayItem-${dayNumber}`}
                                             onClick={handleClickDay}
                                             onMouseEnter={handleMouseEnterDay}

diff --git a/packages/date-picker/src/styles/month-calendar.ts b/packages/date-picker/src/styles/month-calendar.ts
@@ -79,6 +79,10 @@ h3.${ROOT_CLASS_NAME}-month-title-text {
     background-color: transparent;
 }
 
+.${ROOT_CLASS_NAME}-month-day-item:disabled {
+    cursor: auto;
+}
+
 .${ROOT_CLASS_NAME}-month-day-item.is-selected {
     background-color: #f8f8f8;
 }