防止下拉菜单关闭

我正在尝试在下拉列表中构建表单,其中一个组件是时间范围选择器(使用jqxwidjets库)-

enter image description here

我不希望在使用与表单交互时关闭下拉列表。因此,我已经停止了事件在表单上的传播-

   <form class="px-4 py-3" (click)="changeForm()">
      <div class="form-group">           
        <div class="form-inline">

          <jqxDateTimeInput #startDate (onValueChanged)="startDateChange($event)"
           [width]="100" [height]="20" [formatString]="'yyyy-MM-dd HH:mm'" [showTimeButton]="true">
          </jqxDateTimeInput>

          <label style="padding: 5px;">-</label>

          <jqxDateTimeInput #endDate (onChange)="endDateChange($event)"
            [width]="100" [height]="20" [formatString]="'yyyy-MM-dd HH:mm'" [showTimeButton]="true">
          </jqxDateTimeInput>

        </div>
        <div> Other Form Elements </div>
      </div>
    </form>

在我的changeForm中,我已经在我的打字稿文件中实现了-

changeForm() {         
  event.stopPropagation();
}

当我单击内部表单时,这可以阻止下拉菜单关闭。但是,当我单击日历组件内的任何日期或时间(例如选择日期或导航至下个月)时,下拉菜单将关闭,而我只看到一个浮动组件-

enter image description here

如何在我按下“确定”按钮之前防止淹死关闭?