In primeng calendar, date can be lined through or disabled using date…

… template. But in year view there is no option to disable dates.

In my solution, if maxDate or minDate is there, then the years outside this range shoud be disabled.

src/app/components/calendar/calendar.ts

@@ -183,7 +183,7 @@ export type CalendarTypeView = 'date' | 'month' | 'year';
                         </span>
                     </div>
                     <div class="p-yearpicker" *ngIf="currentView === 'year'">
-                        <span *ngFor="let y of yearPickerValues()" (click)="onYearSelect($event, y)" (keydown)="onYearCellKeydown($event, y)" class="p-yearpicker-year" [ngClass]="{ 'p-highlight': isYearSelected(y) }" pRipple>
+                        <span *ngFor="let y of yearPickerValues()" (click)="onYearSelect($event, y)" (keydown)="onYearCellKeydown($event, y)" class="p-yearpicker-year" [ngClass]="{ 'p-highlight': isYearSelected(y), 'p-disabled': isYearDisabled(y) }" pRipple>
                             {{ y }}
                         </span>
                     </div>
@@ -1353,6 +1353,10 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor {
         return !this.isSelectable(1, month, this.currentYear, false);
     }
 
+    isYearDisabled(year) {
+        return !this.isSelectable(1, this.currentMonth, year, false);
+    }
+
     isYearSelected(year) {
         if (this.isComparable()) {
             let value = this.isRangeSelection() ? this.value[0] : this.value;