Bug(calendar): yearpicker wont show value with reactive forms

[DwieDima]

Current behavior

Using reactive forms together with p-calendar and view="year" wont update the value inside input after using form.setValue('2022');
Currently you just see an empty string in input.
For view="month" this works as expected.

Expected behavior
Input field of calendar should show the initialized year using form.setValue().

Minimal reproduction of the problem with instructions

  public form!: FormGroup;
  constructor(private fb: FormBuilder) {}

  ngOnInit() {
     const exampleYear = '2022';

     this.form = this.fb.group({
        year: ['', [Validators.required]]
      });

     this.form.get('year').setValue(exampleYear);
  }

<div [formGroup]="form">
    <p-calendar
       view="year"
       dateFormat="yy"
       dataType="string"
       formControlName="year"
       ></p-calendar>
</div>

The same code, but for month is working properly.

edit

Also if you provide an initial value, it won't display.

     this.form = this.fb.group({
        year: ['2022', [Validators.required]]
      });

• Angular version: 13.2.2

• PrimeNG version: 13.2.0

• Browser: [Chrome latest]

[MohammadRayanShah]

I would like to work on this issue