how to change easeout transform speed

[totopia]

I have a problem with the closing out animation speed being too fast. As crazy as it sounds, I need to make it look slightly slower.

Is there any css class I can override to slow the transition a bit?

[peterostrander]

If you're using the classic version, you should be able to adjust the transition timing values on the following lines from 0.15s to something higher and the closing animation will slow down a bit: https://github.com/amsul/pickadate.js/blob/master/lib/themes/classic.css#L70-L71.

To slow down the closing transition on the default version, so it takes 1 second for example, adjust the timing value on .picker__frame from 0.15s to 1s, and add a new transition attribute to .picker--opened .picker__frame on line 154:

transition: all 1s ease-out;

That will slow down the slide out of the calendar frame itself. To adjust the fadeout of the background, change the timing values on the following lines from 0.15s to 1s: https://github.com/amsul/pickadate.js/blob/master/lib/themes/default.css#L65-L66