a2e datetimepicker - Datetimepicker既没有在输入焦点上显示，也没有点击图标

Question

我正在使用a2e datetimepicker。我想在输入焦点和图标点击上打开datetimepicker。但两者都没有合作。

这是我的代码。

1）在此日期选择器中，将在点击的图标上打开，但不会在输入焦点上打开。

          <label class="col-lg-4 control-label my-label">Date of Birth</label>
          <div class="col-lg-8">
            <div class="input-group" [ngClass]="{'has-error' : (BirthDate.invalid && IsBtnClicked)}">
              <input class="form-control" tabindex="1" a2e-datetimepicker [(ngModel)]="EmpPersonalDetails.DateOfBirth" [options]="options"
                #BirthDate="ngModel" name="BirthDate" required />
              <span class="input-group-addon">
                <span class="fa fa-calendar nopad2 fa-lg"></span>
              </span>
            </div>
                </div>

2）在此日期选择器将在输入焦点上打开，但在点击图标时不会打开。

<label class="control-label my-label">From Date</label>
        <div>
          <div class="input-group">
            <input class="form-control" (focus)="onFocus(fromDatePicker)" a2e-datetimepicker [(ngModel)]="fromDate" [options]="options"
              name="fromDate" />
            <span class="input-group-addon" (click)="onFocus(fromDatePicker)">
              <span class="fa fa-calendar nopad2 fa-lg" #fromDatePicker></span>
            </span>
          </div>
        </div>

关于ts中的焦点事件：

onFocus(element) {
    element.click();
}

我试图将两者合并，但仍无效。