PrimeNG Calendar open Z index error

Question

I am using primeNG calendar and whenever the calendar opens under the input box it is behind all the other html elements. But when it opens above the input box everything is ok.

Answer 1

I fixed it by using appendTo="body" in the p-calendar html element.

Here is how the html element looks like now:

 <p-calendar appendTo="body" [locale]="dk" placeholder="Inklusion dato" [(ngModel)]="patient.inclusionDate" showButtonBar="true"
      readonlyInput="true" [showIcon]="true"></p-calendar>