feat(weekView): introduce the dayHeaderClicked output

BREAKING CHANGE: the `dayClicked` output has been replaced with the `dayHeaderClicked` output. To migrate:

Before:
```
(dayClicked)="clickedDate = $event.date"
```

After:
```
(dayHeaderClicked)="clickedDate = $event.day.date"
```

Closes #222

Author: Matt Lewis

demos/demo-modules/clickable-days/template.html

@@ -19,7 +19,7 @@
     *ngSwitchCase="'week'"
     [viewDate]="viewDate"
     [events]="events"
-    (dayClicked)="clickedDate = $event.date">
+    (dayHeaderClicked)="clickedDate = $event.day.date">
   </mwl-calendar-week-view>
   <mwl-calendar-day-view
     *ngSwitchCase="'day'"

demos/demo-modules/context-menu/template.html

@@ -40,7 +40,7 @@
   </div>
 </ng-template>
 
-<ng-template #weekHeaderTemplate let-days="days" let-locale="locale" let-dayClicked="dayClicked">
+<ng-template #weekHeaderTemplate let-days="days" let-locale="locale" let-dayHeaderClicked="dayHeaderClicked">
   <div class="cal-day-headers">
     <div
       class="cal-header"
@@ -50,7 +50,7 @@
       [class.cal-future]="day.isFuture"
       [class.cal-weekend]="day.isWeekend"
       [class.cal-drag-over]="day.dragOver"
-      (click)="dayClicked.emit({date: day.date})"
+      (click)="dayHeaderClicked.emit({day: day})"
       [contextMenu]="basicMenu"
       [contextMenuSubject]="day.date">
       <b>{{ day.date | calendarDate:'weekViewColumnHeader':locale }}</b><br>

demos/demo-modules/navigating-between-views/template.html

@@ -22,7 +22,7 @@
     *ngSwitchCase="'week'"
     [viewDate]="viewDate"
     [events]="events"
-    (dayClicked)="viewDate = $event.date; view = 'day'">
+    (dayHeaderClicked)="viewDate = $event.day.date; view = 'day'">
   </mwl-calendar-week-view>
   <mwl-calendar-day-view
     *ngSwitchCase="'day'"

src/components/week/calendarWeekView.component.ts

@@ -50,7 +50,7 @@ export interface WeekViewEventResize {
         [days]="days"
         [locale]="locale"
         [customTemplate]="headerTemplate"
-        (dayClicked)="dayClicked.emit($event)"
+        (dayHeaderClicked)="dayHeaderClicked.emit($event)"
         (eventDropped)="eventTimesChanged.emit($event)">
       </mwl-calendar-week-view-header>
       <div *ngFor="let eventRow of eventRows" #eventRowContainer class="cal-events-row">
@@ -151,9 +151,9 @@ export class CalendarWeekViewComponent implements OnChanges, OnInit, OnDestroy {
   @Input() weekendDays: number[];
 
   /**
-   * Called when a header week day is clicked
+   * Called when a header week day is clicked. Adding a `cssClass` property on `$event.day` will add that class to the header element
    */
-  @Output() dayClicked: EventEmitter<{date: Date}> = new EventEmitter<{date: Date}>();
+  @Output() dayHeaderClicked: EventEmitter<{day: WeekDay}> = new EventEmitter<{day: WeekDay}>();
 
   /**
    * Called when the event title is clicked

src/components/week/calendarWeekViewHeader.component.ts

@@ -15,7 +15,7 @@ import { CalendarEvent, WeekDay } from 'calendar-utils';
           [class.cal-weekend]="day.isWeekend"
           [class.cal-drag-over]="day.dragOver"
           [ngClass]="day.cssClass"
-          (mwlClick)="dayClicked.emit({date: day.date})"
+          (mwlClick)="dayHeaderClicked.emit({day: day})"
           mwlDroppable
           (dragEnter)="day.dragOver = true"
           (dragLeave)="day.dragOver = false"
@@ -27,7 +27,7 @@ import { CalendarEvent, WeekDay } from 'calendar-utils';
     </ng-template>
     <ng-template
       [ngTemplateOutlet]="customTemplate || defaultTemplate"
-      [ngTemplateOutletContext]="{days: days, locale: locale, dayClicked: dayClicked, eventDropped: eventDropped}">
+      [ngTemplateOutletContext]="{days: days, locale: locale, dayHeaderClicked: dayHeaderClicked, eventDropped: eventDropped}">
     </ng-template>
   `
 })
@@ -39,7 +39,7 @@ export class CalendarWeekViewHeaderComponent {
 
   @Input() customTemplate: TemplateRef<any>;
 
-  @Output() dayClicked: EventEmitter<{date: Date}> = new EventEmitter<{date: Date}>();
+  @Output() dayHeaderClicked: EventEmitter<{day: WeekDay}> = new EventEmitter<{day: WeekDay}>();
 
   @Output() eventDropped: EventEmitter<{event: CalendarEvent, newStart: Date}> = new EventEmitter<{event: CalendarEvent, newStart: Date}>();
 

test/calendarWeekView.component.spec.ts

@@ -84,14 +84,14 @@ describe('calendarWeekView component', () => {
     fixture.destroy();
   });
 
-  it('should emit on the dayClicked output', () => {
+  it('should emit on the dayHeaderClicked output', () => {
     const fixture: ComponentFixture<CalendarWeekViewComponent> = TestBed.createComponent(CalendarWeekViewComponent);
     fixture.componentInstance.viewDate = new Date('2016-06-29');
     fixture.componentInstance.ngOnChanges({viewDate: {}});
     fixture.detectChanges();
-    fixture.componentInstance.dayClicked.subscribe(val => {
+    fixture.componentInstance.dayHeaderClicked.subscribe(val => {
       expect(val).to.deep.equal({
-        date: fixture.componentInstance.days[0].date
+        day: fixture.componentInstance.days[0]
       });
     });
     fixture.nativeElement.querySelector('.cal-header').click();