cssprimengprimeng-calendar

PrimeNG Calendar open Z index error

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.

enter image description here

Solution

  • 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>