From fe0492c2e0f7b480c2e2b29b741444e03465f1f9 Mon Sep 17 00:00:00 2001
From: Philip Allgaier <mail@spacegaier.de>
Date: Mon, 12 Dec 2022 10:44:29 +0100
Subject: [PATCH] Enable all-day / multi-day rendering for calendar (#14660)

---
 src/panels/calendar/ha-full-calendar.ts        | 4 +++-
 src/panels/lovelace/cards/hui-calendar-card.ts | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/panels/calendar/ha-full-calendar.ts b/src/panels/calendar/ha-full-calendar.ts
index 90f6e3d4c4..9ded52d223 100644
--- a/src/panels/calendar/ha-full-calendar.ts
+++ b/src/panels/calendar/ha-full-calendar.ts
@@ -69,7 +69,6 @@ const defaultFullCalendarConfig: CalendarOptions = {
   initialView: "dayGridMonth",
   dayMaxEventRows: true,
   height: "parent",
-  eventDisplay: "list-item",
   locales: allLocales,
   views: {
     listWeek: {
@@ -97,6 +96,8 @@ export class HAFullCalendar extends LitElement {
 
   @property() public initialView: FullCalendarView = "dayGridMonth";
 
+  @property() public eventDisplay = "auto";
+
   @property({ attribute: false }) public error?: string = undefined;
 
   private calendar?: Calendar;
@@ -246,6 +247,7 @@ export class HAFullCalendar extends LitElement {
       locale: this.hass.language,
       firstDay: firstWeekdayIndex(this.hass.locale),
       initialView: this.initialView,
+      eventDisplay: this.eventDisplay,
       eventTimeFormat: {
         hour: useAmPm(this.hass.locale) ? "numeric" : "2-digit",
         minute: useAmPm(this.hass.locale) ? "numeric" : "2-digit",
diff --git a/src/panels/lovelace/cards/hui-calendar-card.ts b/src/panels/lovelace/cards/hui-calendar-card.ts
index f389f9388e..2e5b3e6123 100644
--- a/src/panels/lovelace/cards/hui-calendar-card.ts
+++ b/src/panels/lovelace/cards/hui-calendar-card.ts
@@ -134,6 +134,7 @@ export class HuiCalendarCard extends LitElement implements LovelaceCard {
           .hass=${this.hass}
           .views=${views}
           .initialView=${this._config.initial_view!}
+          .eventDisplay=${"list-item"}
           .error=${this._error}
           @view-changed=${this._handleViewChanged}
         ></ha-full-calendar>