Topic: mdb-date-picker there is the option to keep the icon and always open the selector in modal

Wanderson pro asked 3 years ago

Expected behavior

Having the option to put a mask for the component and keep the icon that is generated in inline mode and when clicking on the inline icon the modal selector will be opened instead of the inline.

Actual behavior

when inline mode is disabled, the modal always opens when clicking on the date which causes a bad user experience.

Resources (screenshots, code snippets etc.)


Arkadiusz Idzikowski staff answered 3 years ago

You can show icon in modal mode using inputIcon option:

options = { inputIcon: true }

<mdb-date-picker [options]="options"></mdb-date-picker>

We need to fix openOnFocus input to correctly block component from opening on input focus both in inline and modal mode.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB4 11.0.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No