mdb-date-picker openOnFocus ignored


Topic: mdb-date-picker openOnFocus ignored

Corneil Du Plessis premium asked 4 years ago

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>

Arkadiusz Idzikowski staff commented 4 years ago

@Corneil Du Plessis which version of MDB Angular do you use? The datepicker is in fact incorrectly opened on click, but we could not reproduce the problem with tab.

We will take a closer look at that.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No