Question

I have the following code, and I need the calender icon to leave a margin of about 156px in the left.. How should i add this styling?

$(function () {
    $(".datepicker").datepicker({
        showOn: "button",
        buttonImage: "../static/datepicker/images/calender-icon.png",
        buttonImageOnly: true
    });
});

Answer 1

if you’re using this plugin, it comes with a datePicker.css where you can simply edit a.dp-choose-date (thats the icon) and add margin-left.

for the datepicker coming with jqueryUI, the style you should edit is ui-datepicker-trigger.