Question

Is it possible to have the button that pulls up the calendar in the JQuery UI datepicker before the input field? By default it is always put after the field. I tried isRTL: true but that also changes the prev/next buttons in the calendar.

Answer 1

There are at least two ways to achieve this. One is as described by JMax. The other one is simply move the icon before the input box:

$( "#datepicker" ).datepicker({
    ...
    buttonImage: "path/to/icon.png"
}).next().insertBefore('#datepicker');

See this in action: http://jsfiddle.net/william/rrcmq/1/.