title: jQuery UI inline Datepicker auto-resize to parent container
body: <p>I am using the responsive grid system of twitters bootstrap together with jquery ui datepicker.
  I have an <strong>inline</strong> datepicker inside a 'row', 'spanX' structure like so:</p>
  
  <pre><code>&lt;div class="row"&gt;      
  &lt;div class="span3 widget"&gt;      
  &lt;div id="datepicker"&gt;&lt;/div&gt;
  &lt;/div&gt;
  ...
  &lt;/div&gt;
  
  jQuery('#datepicker').datepicker({
  inline: true,
      ...
  })
  </code></pre>
  
  <p>The suggested way for resizing the Datepicker widget is by overriding font-size.
  However this is not very helpful if i want to keep the Datepicker size dependent on the size of the spanX parent container while the window is resizing or for different resolutions.</p>
  
  <p>Is there an elegant way to keep the <strong>inlined</strong> Datepicker at 100% width,height of the parent container?</p>