Search code examples
calendardialogprimeng

Primeng: p-calendar partially hidden behind p-dialog

Working in Angular with primeng, the popup of the p-calendar component not showing in the expected way (clipping with other components), when placed inside a p-dialog.

For example: it is hidden behind other elements by default.

Calendar example

:)

Solution

  • You can try next

    <p-calendar appendTo="body"