Daterange Icons

Daterange Icons

I would like to use icons to bring up the calendar for a date range.  Using an icon for datepicker is easy enough if there is one box, but what if there are two dates and two seperate icons?  Currently my code is as below.  The image I want to use is called calendar-icon.png.

Please help!

$(function() {
var dates = $( "#from, #to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
autosize: true,
buttonImage: '../images/calendar-icon.png',
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
});