Incorrect Datepicker highlight


Topic: Incorrect Datepicker highlight

UNNdev pro premium priority asked 3 years 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: https://streamable.com/a2k199


UNNdev pro premium priority answered 3 years 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 3 years ago

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


Dawid Wajszczuk staff answered 3 years ago

Hi,

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

Keep coding,
Dawid


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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