Date displayed incorrectly by primeng calendar

Question

I'm working with Angular and PrimeNG and I'm facing this problem: there is a form and a specific field is obtained with a calendar. When I pick the date, the format is incorrect, because the year is duplicated: ie 25/01/20222022 rather than 25/01/2022 Here there is the ts file:

 setDate(event, formControlName) {
    this.formGroup.controls[formControlName].patchValue(event);
  }

while the HTML file is

 <p-calendar id="tempoAdeguamento" aria-describedby="tempoAdeguamentoHelp"
                    formControlName="tempoAdeguamento" [readonly]="isReadyOnlyForm()" [showIcon]="true"
                    class="esiti col-md-12 pl0 pr0" dateFormat="dd/mm/yyyy" [minDate]="minDate" [monthNavigator]="true"
                    [yearNavigator]="true" [yearRange]="yearRange" (onSelect)="setDate($event,'tempoAdeguamento')">
                  </p-calendar>

Answer 1

According to PrimeNG Calendar (DateFormat section) ,

yy - year (four digit)

Hence you should apply the date format with 'yy' as below:

dateFormat="dd/mm/yy"

Sample Demo on StackBlitz