fix(monthView): fix clicking an event dot when using hammerjs

Fixes #211

Author: Matt Lewis

src/components/month/calendarMonthCell.component.ts

@@ -22,7 +22,7 @@ import { MonthViewDay, CalendarEvent } from 'calendar-utils';
           mwlDraggable
           [dropData]="{event: event}"
           [dragAxis]="{x: event.draggable, y: event.draggable}"
-          (mwlClick)="$event.stopPropagation(); eventClicked.emit({event: event})">
+          (mwlClick)="onEventClick($event, event)">
         </div>
       </div>
     </ng-template>
@@ -70,4 +70,14 @@ export class CalendarMonthCellComponent {
 
   @Output() eventClicked: EventEmitter<{event: CalendarEvent}> = new EventEmitter<{event: CalendarEvent}>();
 
+  /**
+   * @hidden
+   */
+  onEventClick(mouseEvent: MouseEvent, calendarEvent: CalendarEvent): void {
+    if (mouseEvent.stopPropagation) {
+      mouseEvent.stopPropagation();
+    }
+    this.eventClicked.emit({event: calendarEvent});
+  }
+
 }

src/components/month/calendarMonthView.component.ts

@@ -62,7 +62,7 @@ import { CalendarUtils } from '../../providers/calendarUtils.provider';
               [locale]="locale"
               [tooltipPlacement]="tooltipPlacement"
               [customTemplate]="cellTemplate"
-              (mwlClick)="dayClicked.emit({day: day})"
+              (click)="dayClicked.emit({day: day})"
               (highlightDay)="toggleDayHighlight($event.event, true)"
               (unhighlightDay)="toggleDayHighlight($event.event, false)"
               mwlDroppable