feat(month-view): add activeDay input to override the active day

Closes #885

Author: mattlewis92

projects/angular-calendar/src/modules/month/calendar-month-view.component.ts

@@ -142,6 +142,11 @@ export class CalendarMonthViewComponent
    */
   @Input() activeDayIsOpen: boolean = false;
 
+  /**
+   * If set will be used to determine the day that should be open. If not set, the `viewDate` is used
+   */
+  @Input() activeDay: Date;
+
   /**
    * An observable that when emitted on will re-render the current view
    */
@@ -322,7 +327,8 @@ export class CalendarMonthViewComponent
       changes.activeDayIsOpen ||
       changes.viewDate ||
       changes.events ||
-      changes.excludeDays
+      changes.excludeDays ||
+      changes.activeDay
     ) {
       this.checkActiveDayIsOpen();
     }
@@ -411,8 +417,9 @@ export class CalendarMonthViewComponent
 
   private checkActiveDayIsOpen(): void {
     if (this.activeDayIsOpen === true) {
+      const activeDay = this.activeDay || this.viewDate;
       this.openDay = this.view.days.find(day =>
-        this.dateAdapter.isSameDay(day.date, this.viewDate)
+        this.dateAdapter.isSameDay(day.date, activeDay)
       );
       const index: number = this.view.days.indexOf(this.openDay);
       this.openRowIndex =

projects/angular-calendar/test/calendar-month-view.component.spec.ts

@@ -77,7 +77,7 @@ describe('calendarMonthView component', () => {
     fixture.destroy();
   });
 
-  it('should emit on the columnHeaderClicked output', (done) => {
+  it('should emit on the columnHeaderClicked output', done => {
     const fixture: ComponentFixture<
       CalendarMonthViewComponent
     > = TestBed.createComponent(CalendarMonthViewComponent);
@@ -187,6 +187,41 @@ describe('calendarMonthView component', () => {
     fixture.destroy();
   });
 
+  it('should use the activeDay input instead of the viewDate to determine the active day', () => {
+    const fixture: ComponentFixture<
+      CalendarMonthViewComponent
+    > = TestBed.createComponent(CalendarMonthViewComponent);
+    expect(fixture.componentInstance.openRowIndex).to.equal(undefined);
+    expect(fixture.componentInstance.openDay).to.equal(undefined);
+    fixture.componentInstance.viewDate = moment()
+      .startOf('month')
+      .startOf('week')
+      .add(14, 'days')
+      .toDate();
+    fixture.componentInstance.activeDay = moment()
+      .startOf('month')
+      .startOf('week')
+      .add(8, 'days')
+      .toDate();
+    fixture.componentInstance.activeDayIsOpen = true;
+    fixture.componentInstance.ngOnChanges({
+      viewDate: {},
+      activeDayIsOpen: {}
+    });
+    expect(fixture.componentInstance.openRowIndex).to.equal(7);
+    expect(fixture.componentInstance.openDay).to.equal(
+      fixture.componentInstance.view.days[8]
+    );
+    fixture.componentInstance.activeDayIsOpen = false;
+    fixture.componentInstance.ngOnChanges({
+      viewDate: {},
+      activeDayIsOpen: {}
+    });
+    expect(!!fixture.componentInstance.openRowIndex).to.equal(false);
+    expect(!!fixture.componentInstance.openDay).to.equal(false);
+    fixture.destroy();
+  });
+
   it('should add a custom CSS class to events', () => {
     const fixture: ComponentFixture<
       CalendarMonthViewComponent