title: Use JQuery UI Datepicker with Icons from Jquery UI Theme
body: <p>I have a datepicker control setup using the JQuery UI, I am also using the JQuery UI themes which provide a bunch of default icons that I want to use.</p>
  
  <p>The DatePicker allows for specifying a specific image, i.e.:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $("#DateFrom").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'images/ui-icon-calendar.png' });
    });
  &lt;/script&gt;  
  </code></pre>
  
  <p>To display an icon from the icon set you use something like:</p>
  
  <pre><code>&lt;span class="ui-icon ui-icon-calendar"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Is there an easy to integrate the two or do I just need to hack out the styles/images manually?</p>