add placeholder when day without events is selected

dist/index.js

@@ -2561,7 +2561,8 @@
         ///
         searchEventsHeadline: "Search Events",
         ///
-        events: "Events"
+        events: "Events",
+        noEvents: "No events"
       }
     }
   };
@@ -2772,6 +2773,8 @@
         const listState = calendarPageViewModel.monthGrid.value?.days[calendarPageViewModel.selectedDate.toString()];
         if (listState == void 0) {
           return /* @__PURE__ */ createElement("div", null);
+        } else if (listState.value.size == 0) {
+          return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 flex-column justify-center align-center" }, /* @__PURE__ */ createElement("span", { class: "secondary" }, translations.chatPage.calendar.noEvents));
         } else {
           return /* @__PURE__ */ createElement(
             "div",

src/View/ChatPages/calendarPage.tsx

@@ -47,6 +47,14 @@ export function CalendarPage(calendarPageViewModel: CalendarPageViewModel) {
 
       if (listState == undefined) {
         return <div></div>;
+      } else if (listState.value.size == 0) {
+        return (
+          <div class="width-100 height-100 flex-column justify-center align-center">
+            <span class="secondary">
+              {translations.chatPage.calendar.noEvents}
+            </span>
+          </div>
+        );
       } else {
         return (
           <div

src/View/translations.ts

@@ -205,6 +205,7 @@ const englishTranslations = {
       ///
 
       events: "Events",
+      noEvents: "No events",
     },
   },
 };