Topic: Focus state datepicker button (calendar icon) after closing datepicker

VDLP priority asked 1 year ago

Expected behavior After closing datepicker by clicking outside the datepicker focus state of the button (calendar icon) should return to default state (black).

Actual behavior After closing datepicker by clicking outside datepicker the button (calendar icon) keeps focus state (blue)

Resources (screenshots, code snippets etc.) See It also keeps focus (blue) state in online documentation.

Bartosz Cylwik staff answered 1 year ago

Hello! Thank you for bringing this to our attention. To remove the focus, you can listen for the close event and then call document.activeElement.blur(). Here's an example in a snippet:

Best Regards!

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: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 3.1.1
  • Device: Apple M1 Macbook Pro
  • Browser: Chrome 112.0.5615.49
  • OS: 13.2.1
  • Provided sample code: No
  • Provided link: Yes