fix: display multi day events

Author: geromegrignon

angular-hub/src/app/pages/index.page.ts

@@ -236,7 +236,12 @@ export default class EventsComponent {
     return this.events().filter((event) => {
       return (
         (this.date()
-          ? isSameDay(new Date(event.date), new Date(this.date()!))
+          ? event.endDate
+            ? isWithinInterval(new Date(this.date()!), {
+                start: new Date(event.date),
+                end: new Date(event.endDate),
+              })
+            : isSameDay(new Date(event.date), new Date(this.date()!))
           : true) &&
         (this.selectedLanguage()
           ? event.language === this.selectedLanguage()
@@ -282,6 +287,8 @@ export default class EventsComponent {
     month: number;
     day: number;
   }): boolean {
+    console.log(date);
+    console.log(this.events());
     return this.events().some((event) => {
       if (!event.endDate) {
         return isSameDay(

angular-hub/src/public/assets/data/community.json

@@ -1422,7 +1422,7 @@
       {
         "name": "NG-DE Conference",
         "type": "conference",
-        "date": "2024-10-09",
+        "date": "2024-10-9",
         "endDate": "2024-10-11",
         "url": "https://ng-de.org/",
         "callForPapers": "null",
@@ -1449,8 +1449,8 @@
       {
         "name": "NG-BE 2024",
         "type": "conference",
-        "date": "2024-12-05",
-        "endDate": "2024-12-06",
+        "date": "2024-12-5",
+        "endDate": "2024-12-6",
         "url": "https://ng-be.org/",
         "callForPapers": "null",
         "callForPapersDueDate": "null",