fix(monthView): don't fire dayClicked output when clicking on an event and using hammerjs

Closes #318

Author: Matt Lewis

src/components/month/calendarMonthView.component.ts

@@ -64,7 +64,7 @@ import { CalendarUtils } from '../../providers/calendarUtils.provider';
               [tooltipAppendToBody]="tooltipAppendToBody"
               [tooltipTemplate]="tooltipTemplate"
               [customTemplate]="cellTemplate"
-              (click)="dayClicked.emit({day: day})"
+              (click)="handleDayClick($event, day)"
               (highlightDay)="toggleDayHighlight($event.event, true)"
               (unhighlightDay)="toggleDayHighlight($event.event, false)"
               mwlDroppable
@@ -314,6 +314,16 @@ export class CalendarMonthViewComponent
     this.eventTimesChanged.emit({ event, newStart, newEnd });
   }
 
+  /**
+   * @hidden
+   */
+  handleDayClick(clickEvent: any, day: MonthViewDay) {
+    // when using hammerjs, stopPropagation doesn't work. See https://github.com/mattlewis92/angular-calendar/issues/318
+    if (!clickEvent.target.classList.contains('cal-event')) {
+      this.dayClicked.emit({ day });
+    }
+  }
+
   private refreshHeader(): void {
     this.columnHeaders = this.utils.getWeekViewHeader({
       viewDate: this.viewDate,