angular - PrimeNG TimeOnly カレンダー: デフォルトの時間を直感的に選択できない

Question

この PrimeNG タイムオンリー カレンダーを使用しています。

    <p-calendar  id="startHour" name="startHour" [defaultDate]="startHourDefault"  [(ngModel)]="startHourValue" [timeOnly]="true" hourFormat="12" [inline]="false" 
placeholder="Select start hour"  [disabled]="IsDisabled"></p-calendar>

デフォルトの開始時間を午前 9:00 に設定しています

var today = new Date();
    this.startHourDefault= new Date(today.getFullYear(), today.getMonth(), today.getDate(), 9, 0, 0);

ウィジェットを開いたときに、午前 9:00 を選択できません。ニンジンを選択して 9:01 を選択してから、再び 09:00 AM に戻る必要があります。これは非常に直感的には見えません。

下のボックス（赤いボックスで強調表示）をクリックして時間を選択する方法はありますか

現在、Angular 8 で PrimeNG 8 を使用しています。

前もって感謝します。