diff --git a/com/static/bundled/com/components/ics-calendar-index.ts b/com/static/bundled/com/components/ics-calendar-index.ts
index 21019a4c..036d6b2d 100644
--- a/com/static/bundled/com/components/ics-calendar-index.ts
+++ b/com/static/bundled/com/components/ics-calendar-index.ts
@@ -96,6 +96,14 @@ export class IcsCalendar extends inheritHtmlElement("div") {
         news_id: id,
       },
     });
+    this.dispatchEvent(
+      new CustomEvent("calendar-moderate", {
+        bubbles: true,
+        detail: {
+          id: id,
+        },
+      }),
+    );
     await this.refreshEvents();
   }
 
@@ -106,6 +114,14 @@ export class IcsCalendar extends inheritHtmlElement("div") {
         news_id: id,
       },
     });
+    this.dispatchEvent(
+      new CustomEvent("calendar-remove", {
+        bubbles: true,
+        detail: {
+          id: id,
+        },
+      }),
+    );
     await this.refreshEvents();
   }
 
@@ -116,6 +132,14 @@ export class IcsCalendar extends inheritHtmlElement("div") {
         news_id: id,
       },
     });
+    this.dispatchEvent(
+      new CustomEvent("calendar-delete", {
+        bubbles: true,
+        detail: {
+          id: id,
+        },
+      }),
+    );
     await this.refreshEvents();
   }
 
diff --git a/com/templates/com/news_list.jinja b/com/templates/com/news_list.jinja
index 620e2916..b52324ed 100644
--- a/com/templates/com/news_list.jinja
+++ b/com/templates/com/news_list.jinja
@@ -180,6 +180,18 @@
         <a target="#" href="{{ url("com:news_feed") }}"><i class="fa fa-rss feed"></i></a>
       </h3>
       <ics-calendar
+        x-data
+        x-ref="calendar"
+        @news-moderated.window="
+                                // Avoid triggering a refresh with a dispatch
+                                // from the calendar itself
+                                if ($event.target !== $refs.calendar){
+                                $refs.calendar.refreshEvents($event);
+                                }
+                               "
+        @calendar-remove="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.PENDING})"
+        @calendar-delete="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.DELETED})"
+        @calendar-moderate="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.MODERATED})"
         locale="{{ get_language() }}"
         can_moderate="{{ user.has_perm("com.moderate_news") }}"
         can_delete="{{ user.has_perm("com.delete_news") }}"