p-calendar overlay in p-dialog

[HaasStefan]

Describe the bug

As shown in the image above I have created a from inside of a p-dialog. The form contains some p-calender components, but badly the date-picker overlays get cut off by the p-dialog.

Is there a known workaround?

Environment

Reproducer

No response

Angular version

13.3.0

PrimeNG version

13.4.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16.13.2

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

p-calendar should be in the most front and not cut-off by the dialog field.

[davisb10]

You should be able to use the "appendTo" parameter. Setting appendTo="body" should solve your issue.

[HaasStefan]

@davisb10 Thanks a lot! It solved the issue.