Jquery – Icon trigger datepicker

datepickerjqueryjquery-ui

I'm using jqueryui datepicker to replace my existing popup date picker.

I copy 100% from this sample http://jqueryui.com/demos/datepicker/#icon-trigger

The problem is the icon is not centered with the datefield. I try change something in the css file but fail.

Best Answer

It will depend on your exact CSS (you haven't given us anything to go off), but if you put vertical-align: middle; on both the icon and the <input> then you will achieve vertical centering.