Multiple inline datepicker components not working correctly

Topic: Multiple inline datepicker components not working correctly

TE2021 asked 3 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.

Add comment

UNNdev pro premium priority answered 3 years ago