Topic: Date pickers disable open close UI effects / wave-effects on open/close

Aliaswire free asked 3 years ago

Disable open/close wave effects on date picker

When open/close, wave effect which most of my clients doesn't like and it creates a delay in choosing the date

Not required, it's default behavior

Marcin Luczak staff answered 3 years ago


There is no Datepicker method to disable animations on open and close but you can try to remove its transition by overwriting CSS styles:

.picker--opened .picker__holder {
    -webkit-transition: 0s !important;
    transition: 0s !important;

.picker .picker__holder {
    transition: background 0s, top 0s !important;

Keep coding, Marcin from MDB

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: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: MDB4 4.19.1
  • Device: Desktop Web Browser
  • Browser: Chrome/ All others as well
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes