From 6bb039a3b37350b9b9e32f8ce05317398c9da4f2 Mon Sep 17 00:00:00 2001
From: Andrew Patton <andrew@acusti.ca>
Date: Mon, 29 Apr 2024 09:16:57 -0700
Subject: [PATCH] Disable day <button> if isEmpty, reset pointer CSS

---
 packages/date-picker/src/MonthCalendar.tsx        | 1 +
 packages/date-picker/src/styles/month-calendar.ts | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/date-picker/src/MonthCalendar.tsx b/packages/date-picker/src/MonthCalendar.tsx
index 0aa86f70..3a10be9f 100644
--- 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
index 62b9b47d..7f064ae8 100644
--- 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;
 }