title: How to wrap the datepicker in a new div?
body: <p>I need to put my datepicker in a new div, that will be a (shadow-)border-div.</p>
  
  <p>I've tried the following:</p>
  
  <pre><code>beforeShow: function (input) {
    $(input).datepicker("widget")
     .find(".ui-datepicker-header, ui-datepicker-calendar")
     .wrapAll("&lt;div class='datepickerBorder'/&gt;");
  }
  </code></pre>
  
  <p>But it does not work.</p>
  
  <p>Additionally I've tried to wrap the whole picker, but then the border-div has not the same position, size, etc.</p>