Jquery Slider Button Shows Through Data Picker

I have a jQuery datepicker on a form and a jQuery slider just below it. When I select the datepicker the calendar pops up, but the button from the slider is visible on top of the c

Solution 1:

Add this to your CSS:

.ui-datepicker {z-index:3!important;}