fix(month-picker): correct date format for year (#15862)

Author: damyanpetev

projects/igniteui-angular/src/lib/calendar/calendar-base.ts

@@ -445,7 +445,7 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
             case 'month':
                 return `${this.resourceStrings.igx_calendar_previous_month}, ${detail}`
             case 'year':
-                return this.resourceStrings.igx_calendar_previous_year.replace('{0}', '15');
+                return this.resourceStrings.igx_calendar_previous_year;
             case 'decade':
                 return this.resourceStrings.igx_calendar_previous_years.replace('{0}', '15');
         }
@@ -456,7 +456,7 @@ export class IgxCalendarBaseDirective implements ControlValueAccessor {
             case 'month':
                 return `${this.resourceStrings.igx_calendar_next_month}, ${detail}`
             case 'year':
-                return this.resourceStrings.igx_calendar_next_year.replace('{0}', '15');
+                return this.resourceStrings.igx_calendar_next_year;
             case 'decade':
                 return this.resourceStrings.igx_calendar_next_years.replace('{0}', '15');
         }

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

@@ -15,7 +15,7 @@
         tabindex="0"
         class="igx-calendar-picker__prev"
         role="button"
-        [attr.aria-label]="prevNavLabel((getPrevYearDate(viewDate) | date: 'YYYY'))"
+        [attr.aria-label]="prevNavLabel((getPrevYearDate(viewDate) | date: 'yyyy'))"
         data-action="prev"
         igxCalendarScrollPage
         (mousedown)="previousPage()"
@@ -32,7 +32,7 @@
         tabindex="0"
         class="igx-calendar-picker__next"
         role="button"
-        [attr.aria-label]="nextNavLabel((getNextYearDate(viewDate) | date: 'YYYY'))"
+        [attr.aria-label]="nextNavLabel((getNextYearDate(viewDate) | date: 'yyyy'))"
         data-action="next"
         igxCalendarScrollPage
         (mousedown)="nextPage()"