fix(IgxMonthPicker): error should not be thown when press arrowLeft #8074

Author: ddincheva

projects/igniteui-angular/src/lib/calendar/month-picker/month-picker.component.ts

@@ -153,7 +153,7 @@ export class IgxMonthPickerComponent extends IgxMonthPickerBaseDirective {
     public changeYearKB(event, next = true) {
         if (event.key === KEYS.SPACE || event.key === KEYS.SPACE_IE || event.key === KEYS.ENTER) {
             event.stopPropagation();
-            next ? this.nextYear(event) :  this.previousYear(event);
+            next ? this.nextYear() :  this.previousYear();
         }
     }
 
@@ -188,8 +188,6 @@ export class IgxMonthPickerComponent extends IgxMonthPickerBaseDirective {
         if (!value) {
             return new Date();
         }
-
-        // TO DO: to be refactored after discussion on the desired behavior
         super.selectDate(value);
         this.viewDate = value;
     }
@@ -198,8 +196,6 @@ export class IgxMonthPickerComponent extends IgxMonthPickerBaseDirective {
      * @hidden
      */
     public writeValue(value: Date) {
-
-        // TO DO: to be refactored after discussion on the desired behavior
         if (value) {
             this.viewDate = this.selectedDates = value;
         }
@@ -211,7 +207,7 @@ export class IgxMonthPickerComponent extends IgxMonthPickerBaseDirective {
     @HostListener('keydown.pageup', ['$event'])
     public previousYear(event?: KeyboardEvent) {
         event?.preventDefault();
-        if (this.yearAction === 'next') { return; }
+        if (event && this.yearAction === 'next') { return; }
         this.yearAction = 'prev';
         this.previousViewDate = this.viewDate;
         this.viewDate = this.calendarModel.getPrevYear(this.viewDate);
@@ -223,7 +219,7 @@ export class IgxMonthPickerComponent extends IgxMonthPickerBaseDirective {
     @HostListener('keydown.pagedown', ['$event'])
     public nextYear(event?: KeyboardEvent) {
         event?.preventDefault();
-        if (this.yearAction === 'prev') { return; }
+        if (event && this.yearAction === 'prev') { return; }
         this.yearAction = 'next';
         this.previousViewDate = this.viewDate;
         this.viewDate = this.calendarModel.getNextYear(this.viewDate);