fix(VCalendar): hide adjacent events without show-adjacent-months (#1…

…9585)
vuetifyjs · Apr 10, 2024 · f90ada3 · f90ada3
1 parent 2fe65f0
commit f90ada3
Showing 1 changed file with 19 additions and 16 deletions.
diff --git a/packages/vuetify/src/labs/VCalendar/VCalendarMonthDay.tsx b/packages/vuetify/src/labs/VCalendar/VCalendarMonthDay.tsx
@@ -54,24 +54,27 @@ export const VCalendarMonthDay = genericComponent< VCalendarMonthDaySlots >()({
               )}
             </div>
           )}
-          <div key="content" class="v-calendar-weekly__day-content">
-            { slots.content?.() ?? (
-              <div>
-                <div class="v-calendar-weekly__day-alldayevents-container">
-                  { props.events?.filter(event => event.allDay).map(event => (
-                    <VCalendarEvent day={ props.day } event={ event } allDay />
-                  ))}
-                </div>
-                <div class="v-calendar-weekly__day-events-container">
-                  { props.events?.filter(event => !event.allDay).map(event => (
-                    <VCalendarEvent day={ props.day } event={ event } />
-                  ))}
+
+          { !props.day?.isHidden && (
+            <div key="content" class="v-calendar-weekly__day-content">
+              { slots.content?.() ?? (
+                <div>
+                  <div class="v-calendar-weekly__day-alldayevents-container">
+                    { props.events?.filter(event => event.allDay).map(event => (
+                      <VCalendarEvent day={ props.day } event={ event } allDay />
+                    ))}
+                  </div>
+                  <div class="v-calendar-weekly__day-events-container">
+                    { props.events?.filter(event => !event.allDay).map(event => (
+                      <VCalendarEvent day={ props.day } event={ event } />
+                    ))}
+                  </div>
                 </div>
-              </div>
-            )}
-          </div>
+              )}
+            </div>
+          )}
 
-          { slots.default?.() }
+          { !props.day?.isHidden && slots.default?.() }
         </div>
       )
     })