Regardless of setting [openOnFocus]="false" or [openOnFocus]="true" it always opens a modal dialog when clicking in the field or tabbing into the field. I added a button to open the date picker so that users can type the date they require.

Expected behavior The data picker should only display when my button is clicked.

Actual behavior The date picker opens dialog when I click or tab into field.

Resources (screenshots, code snippets etc.)

<div class="input-group">
    <mdb-date-picker #datePicker
                   id="employmentDate"
                   [openOnFocus]="false"
                   [formControlName]="employmentDate"></mdb-date-picker>
      <button class="input-group-append align-text-bottom p-1 m-1" mdbBtn 
                type="button" flat="true" (click)="onClickDatePicker()">
          <mdb-icon size="lg" far icon="calendar-alt"></mdb-icon>
      </button>
</div>