fix(module:calendar): year dropdown update issue when date is changed…

… programmatically (#8286)

* fix(module:calendar): year dropdown not changing with date being changed

* fix(module:calendar): year dropdown not changing with date being changed

components/calendar/calendar-header.component.ts

@@ -9,8 +9,10 @@ import {
   Component,
   EventEmitter,
   Input,
+  OnChanges,
   OnInit,
   Output,
+  SimpleChanges,
   TemplateRef,
   ViewEncapsulation
 } from '@angular/core';
@@ -77,7 +79,7 @@ import { NzSelectModule, NzSelectSizeType } from 'ng-zorro-antd/select';
   imports: [NzSelectModule, FormsModule, NzRadioModule, NgTemplateOutlet, NzStringTemplateOutletDirective],
   standalone: true
 })
-export class NzCalendarHeaderComponent implements OnInit {
+export class NzCalendarHeaderComponent implements OnInit, OnChanges {
   @Input() mode: 'month' | 'year' = 'month';
   @Input() fullscreen: boolean = true;
   @Input() activeDate: CandyDate = new CandyDate();
@@ -123,6 +125,16 @@ export class NzCalendarHeaderComponent implements OnInit {
     this.setUpMonths();
   }
 
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['activeDate']) {
+      const previousActiveDate = changes['activeDate'].previousValue as CandyDate;
+      const currentActiveDate = changes['activeDate'].currentValue as CandyDate;
+      if (previousActiveDate?.getYear() !== currentActiveDate?.getYear()) {
+        this.setUpYears();
+      }
+    }
+  }
+
   updateYear(year: number): void {
     this.yearChange.emit(year);
     this.setUpYears(year);