feat(monthView): allow open day events template to be customised

Author: Matt Lewis

src/components/month/calendarMonthView.component.ts

@@ -75,6 +75,7 @@ import { CalendarEventTimesChangedEvent } from '../../interfaces/calendarEventTi
           <mwl-calendar-open-day-events
             [isOpen]="openRowIndex === rowIndex"
             [events]="openDay?.events"
+            [customTemplate]="openDayEventsTemplate"
             (eventClicked)="eventClicked.emit({event: $event.event})">
           </mwl-calendar-open-day-events>
         </div>
@@ -140,6 +141,11 @@ export class CalendarMonthViewComponent implements OnChanges, OnInit, OnDestroy
    */
   @Input() cellTemplate: TemplateRef<any>;
 
+  /**
+   * A custom template to use to replace the day cell
+   */
+  @Input() openDayEventsTemplate: TemplateRef<any>;
+
   /**
    * Called when the day cell is clicked
    */

src/components/month/calendarOpenDayEvents.component.ts

@@ -6,14 +6,15 @@ import {
   transition,
   animate,
   Output,
-  EventEmitter
+  EventEmitter,
+  TemplateRef
 } from '@angular/core';
 import { CalendarEvent } from 'calendar-utils';
 
 @Component({
   selector: 'mwl-calendar-open-day-events',
   template: `
-    <div class="cal-open-day-events" [@collapse] *ngIf="isOpen">
+    <template #defaultTemplate>
       <div
         *ngFor="let event of events"
         [ngClass]="event?.cssClass"
@@ -31,6 +32,15 @@ import { CalendarEvent } from 'calendar-utils';
         </mwl-calendar-event-title>
         <mwl-calendar-event-actions [event]="event"></mwl-calendar-event-actions>
       </div>
+    </template>
+    <div class="cal-open-day-events" [@collapse] *ngIf="isOpen">
+      <template
+        [ngTemplateOutlet]="customTemplate || defaultTemplate"
+        [ngOutletContext]="{
+          events: events,
+          eventClicked: eventClicked
+        }">
+      </template>
     </div>
   `,
   animations: [
@@ -52,6 +62,8 @@ export class CalendarOpenDayEventsComponent {
 
   @Input() events: CalendarEvent[];
 
+  @Input() customTemplate: TemplateRef<any>;
+
   @Output() eventClicked: EventEmitter<{event: CalendarEvent}> = new EventEmitter<{event: CalendarEvent}>();
 
 }