Html 角度预处理焦点捕捉选项卡问题

我有两个只使用时间的日历组件，我过去可以使用Priming 5直接进行制表

但是，如果将focusTrap设置为false（例如，[focusTrap]=“false”），并使用onBlur关闭覆盖（this.calendar1.overlayVisible=false；），则使用priming 92次按Tab键才能转到下一个部件，Shift Tab键工作正常

问题是，当按下选项卡时，弹出/覆盖上的时间向上箭头会抓住焦点，然后覆盖被关闭，因此需要另外一个选项卡来退出仅时间日历组件，请参阅此StackBlitz：

我怎样才能浏览日历组件，弹出窗口/覆盖窗口是否能像在Priming 5中那样抓住焦点

任何帮助都将不胜感激

有关守则如下：

app.component.html

<p-calendar #calendar1 [(ngModel)]="date" [timeOnly]="true" [focusTrap]="false" (onBlur)="hideCalendar(calendar1)"></p-calendar>
<p-calendar #calendar2 [(ngModel)]="date" [timeOnly]="true" [focusTrap]="false" (onBlur)="hideCalendar(calendar2)"></p-calendar>

干杯

hideCalendar(calendar: Calendar) {
calendar.overlayVisible = false;
}