fix(monthView): add helper classes to the month view header

Closes #152

Author: Matt Lewis

src/components/month/calendarMonthView.component.ts

@@ -46,7 +46,13 @@ import { CalendarEventTimesChangedEvent } from '../../interfaces/calendarEventTi
   template: `
     <div class="cal-month-view">
       <div class="cal-cell-row cal-header">
-        <div class="cal-cell" *ngFor="let header of columnHeaders">
+        <div
+          class="cal-cell"
+          *ngFor="let header of columnHeaders"
+          [class.cal-past]="header.isPast"
+          [class.cal-today]="header.isToday"
+          [class.cal-future]="header.isFuture"
+          [class.cal-weekend]="header.isWeekend">
           {{ header.date | calendarDate:'monthViewColumnHeader':locale }}
         </div>
       </div>

test/calendarMonthView.component.spec.ts

@@ -414,4 +414,19 @@ describe('calendarMonthView component', () => {
     expect(dayClickedFired).to.be.false;
   });
 
+  it('should add helper classes to the header cells', () => {
+    const fixture: ComponentFixture<CalendarMonthViewComponent> = TestBed.createComponent(CalendarMonthViewComponent);
+    fixture.componentInstance.viewDate = new Date('2016-06-27');
+    fixture.componentInstance.ngOnChanges({viewDate: {}});
+    fixture.detectChanges();
+    const headerCells: HTMLElement[] = fixture.nativeElement.querySelectorAll('.cal-header .cal-cell');
+    expect(headerCells[0].classList.contains('cal-past')).to.be.true;
+    expect(headerCells[0].classList.contains('cal-today')).to.be.false;
+    expect(headerCells[0].classList.contains('cal-future')).to.be.false;
+    expect(headerCells[0].classList.contains('cal-weekend')).to.be.true;
+    expect(headerCells[1].classList.contains('cal-weekend')).to.be.false;
+    expect(headerCells[6].classList.contains('cal-weekend')).to.be.true;
+    fixture.destroy();
+  });
+
 });