I have two calendars input in the same form, a simple date-from date-to.
When I click on one of them, the popup calendar appears and instantly disappears.
It is correctly shown just at second click. If I click outside and then in again, the behavior is randomly correct or wrong.
Here's my code:
Code: Select all
<div class="col col-3 margin-top-1">
<label>Data Apertura</label>
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><i class="fa fa-calendar"></i></span>
<p-calendar [(ngModel)]="ticket.dataApertura"
showTime="true"
hourFormat="24"
dateFormat="dd-mm-yy"
[locale]="itIT"
(ngModelChange) = "aggiornaOraChiusura(sla, 0)"
name="dataApertura"></p-calendar>
</div>
</div>
<div class="col col-3 margin-top-1">
<label>Data Prevista Chiusura</label>
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><i class="fa fa-calendar"></i></span>
<p-calendar [(ngModel)]="ticket.dataPrevChiusura"
showTime="true"
hourFormat="24"
dateFormat="dd-mm-yy"
[minDate]="minDate(ticket.dataApertura)"
(ngModelChange)="checkMinDate(ticket.dataApertura)"
[locale]="itIT"
name="dataPrevChiusura"></p-calendar>
</div>
</div>