Incorrect Datepicker highlight

Topic: Incorrect Datepicker highlight

UNNdev pro premium asked 5 days ago

Expected behavior

The Datepicker component highlights the currently selected date and today's date. All other dates are not highlighted.

Actual behavior

When navigating to other years and months and selecting other dates, the highlight is erratic.

Resources (screenshots, code snippets etc.)

Have a look at this video showing the problem on the example page:

UNNdev pro premium answered a day ago

Upon further investigation, I noticed that each Datepicker page will show the element highlighted as active which has previously been clicked on on that specific view.

So for example:

  1. Open the Datepicker and switch to the years, pick 2024, then pick July and eventually the 9th
  2. Open the Datepicker again and page through the months using the < or > buttons and select another date in 2022 on August for example
  3. Open the Datepicker a third time and switch to the years view: 2024 is highlighted because that was the year picked in step 1. Once you picked a year, July is going to be highlighted because that was the month you picked in step 1 in that view. With the days, it's also the same, the day is highlighted which was last clicked no matter the year and month.

Dawid Wajszczuk staff commented 18 hours ago

Thanks for this information and detailed instructions. Keep coding :)

Dawid Wajszczuk staff answered 5 days ago


Thanks for your feedback. I have added this to our TODO list.

Keep coding,

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.7.1
  • Device: All devices
  • Browser: All browsers
  • OS: All operating systems
  • Provided sample code: No
  • Provided link: Yes