Estoy trabajando en la biblioteca angular y Prime ng. Tengo un modal que tiene un calendario dentro. La altura del calendario no se ajusta al modal. Entonces, cuando me desplazo, el calendario de diálogo se cierra automáticamente. Pero quiero que el usuario se desplace y seleccione el mes y la fecha. Pero cuando uso el mismo calendario fuera del modal, funciona y no se cierra incluso cuando me desplazo.

A continuación se muestra la demostración de stack blitz https://stackblitz.com/edit/primeng-calendar-demo-swqhuj?file=src%2Fapp%2Fapp.component.html

A continuación se muestra mi código.

 <p-dialog header="Header" [(visible)]="displayBasic" [style]="{width: '100vw'}" [baseZIndex]="10000"> <div class="p-fluid p-grid p-formgrid"> <div class="p-field p-col-12 p-md-4"> <label for="basic">Basic</label> <p-calendar inputId="basic" [(ngModel)]="date1"></p-calendar> </div> </div> </p-dialog>

Hay alguna manera de evitar esto. Cualquier ayuda será apreciada.