Topic: Multiple inline datepicker components not working correctly
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.
UNNdev is right. It is the same issue and you need to wait for the fix.
Services & Consulting
Hire our experts to help you design or build a dedicated project.
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No
- Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user