загрузчик даты запуска открывается при нажатии клавиши ввода в несвязанном текстовом поле ввода

Question

Когда я нажимаю клавишу ввода в поле ввода текста на странице, открывается окно выбора даты ngx-bootstrap.Ниже приведен мой код.И есть идеи, почему это происходит?

<div class="form-group">
                <label class="label">CE Location Code<span class="text-danger">*</span></label>
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="CE Location Code" formControlName="opaCode">
                </div>
                <div *ngIf="submitted && f.opaCode.errors" class="text-danger">
                  <p>{{f.opaCode.hasError('required') ? 'This is required':'Invailid data'}}</p>

                </div>

              </div>

<div class="form-group">
                <label class="label">Effective Date</label>
                <div class="input-group">
                  <input  class="form-control" #dp="bsDatepicker" bsDatepicker maxlength="10" placeholder="MM/DD/YYYY"
                    formControlName="programStartDate" [bsConfig]="{containerClass: 'theme-blue' }">
                  <div class="input-group-appened">
                    <button class="btn  fa fa-calendar " (click)="dp.toggle()"></button>
                  </div>
                </div>

              </div>