Topic: Multiple inline datepicker components not working correctly

TE2021 free asked 2 years ago

Hello,I have two datepicker controls on the page (start date/end date). They are inline and they auto open on focus. They have the following attributes:

data-mdb-toggle-button="false" data-mdb-toggle="datepicker" data-mdb-inline="true"

If I click into the "start date" field, the calendar pops up as expected. While the calendar is visible, if I click into the "end date" field, the "start date" calendar begins to fade and then abruptly disappears and then appears under the "end date" input box. When this happens, the calendar that appears under the "end date" input doesn't work at all. I am unable to click on any of the controls inside the calendar. If I close the "end date" calendar and re-open it, it works fine after that.

This bug only happens when I have one calendar open and I directly focus another calendar input on the same page.

Any help would be appreciated.

Dawid Wajszczuk staff answered 2 years ago


UNNdev is right. It is the same issue and you need to wait for the fix.

Keep coding,

UNNdev priority answered 2 years ago

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: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No