Popup calendar has strange behavior in a popup

UI Components for Angular
Post Reply
UncleMike
Posts: 5
Joined: 12 Aug 2020, 10:04

20 Nov 2020, 18:12

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="row">
<div class="col-md-4">Example calendar:</div>
<div class="col-md-8">
<p-calendar dateFormat="d/M/yy" [(ngModel)]="sampleDate" inputStyleClass="form-control" ></p-calendar>
</div>
</div>

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 ?

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 8 guests