Angular a2e日期时间选择器-日期时间选择器不'；t显示在两个输入焦点上并单击图标

我正在使用一个日期时间选择器。我想在输入焦点和单击的图标上打开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>

<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>

我试着把两者合并，但还是不起作用

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