year select with range

src/app/components/calendar/calendar.ts

@@ -110,7 +110,7 @@ export interface LocaleSettings {
                         </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': isLessThanMinYear(y) || isGreaterThanMaxYear(y)}" pRipple>
                             {{y}}
                         </span>
                     </div>
@@ -1243,9 +1243,18 @@ export class Calendar implements OnInit,OnDestroy,ControlValueAccessor {
 
     isYearSelected(year) {
         if (this.isComparable()) {
-            let value = this.isRangeSelection() ? this.value[0] : this.value;
-
-            return !this.isMultipleSelection() ? (value.getFullYear() === year) : false;
+            if (this.isMultipleSelection()) {
+                return false
+            }
+            else if (this.isRangeSelection()) {
+                if (this.value[1])
+                    return this.isYearEquals(this.value[0], year) || this.isYearEquals(this.value[1], year) || this.isYearBetween(this.value[0], this.value[1], year);
+                else
+                    return this.isYearEquals(this.value[0], year)
+            }
+            else {
+                return this.isYearEquals(this.value, year);
+            }
         }
 
         return false;
@@ -1268,6 +1277,40 @@ export class Calendar implements OnInit,OnDestroy,ControlValueAccessor {
         return between;
     }
 
+    isYearEquals(value, year) {
+        if (value && value instanceof Date) return value.getFullYear() === year;
+        else return false;
+    }
+
+    isYearBetween(start, end, year) {
+        let between: boolean = false;
+        if (start && start instanceof Date && end && end instanceof Date) {
+            return start.getFullYear() <= year && end.getFullYear() >= year;
+        }
+
+        return between;
+    }
+
+    isLessThanMinYear(year) {
+        if (this.minDate) {
+          if (year < this.minDate.getFullYear()) {
+            return true;
+          }
+        }
+
+        return false;
+    }
+
+    isGreaterThanMaxYear(year) {
+        if (this.maxDate) {
+          if (this.maxDate.getFullYear() < year) {
+            return true;
+          }
+        }
+
+        return false;
+    }
+
     isSingleSelection(): boolean {
         return this.selectionMode === 'single';
     }