If I have a Calendar control in my Angular webpage, it displays perfectly. It appears when I click on the date textbox, and disappears when I select a date, or click anywhere else.
<div class="col-md-4">Example calendar:</div>
<p-calendar dateFormat="d/M/yy" [(ngModel)]="sampleDate" inputStyleClass="form-control" ></p-calendar>
However, that same Angular webpage also has a <div> popup in it. If I put a PrimeNG Calendar control in this popup, the Calendar popup will still appear when I click in the textbox, but it'll never disappear again. I have several date fields in this popup, and I can actually have all of them showing a PrimeNG Calendar popup at the same time.
Is there some reason why this would happen, and is there a fix for it ?