I am using this PrimeNG timeonly calendar:
<p-calendar id="startHour" name="startHour" [defaultDate]="startHourDefault" [(ngModel)]="startHourValue" [timeOnly]="true" hourFormat="12" [inline]="false"
placeholder="Select start hour" [disabled]="IsDisabled"></p-calendar>
I am setting start default hour to 9:00 AM
var today = new Date();
this.startHourDefault= new Date(today.getFullYear(), today.getMonth(), today.getDate(), 9, 0, 0);
Now when I open widget I cannot select 9:00 AM. Either I have to select carrots to select 9:01 and then move back to 09:00 AM again. This does not look very intuitive.
Is there a way to click on below box(highlighted in red box) to select time
Currently using PrimeNG 8 with Angular 8.
Thanks in advance.