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;
 }