title: bootstrap-datepicker does not scroll when scrolling the modal
body: <p>I am using <a href="https://github.com/eternicode/bootstrap-datepicker" rel="noreferrer">bootstrap-datepicker</a> and would like to show the date-picker on the modal of bootstrap 2. The problem I got is the date-picker is not scrolling accordingly when scrolling the modal, it is still remained.</p>
  
  <p><img src="https://i.stack.imgur.com/s1ca9.png" alt="enter image description here"></p>
  
  <p>The code:</p>
  
  <pre><code>&lt;button class="btn btn-primary" data-toggle="modal" data-target="#myModal"&gt;Launch Modal&lt;/button&gt;
  &lt;div id="myModal" class="modal hide fade" style="height: 400px; overflow: scroll"&gt;
      &lt;div style="height:300px"&gt;&lt;/div&gt;
      &lt;div&gt;Choose Date:
          &lt;input class="calendar" /&gt;
      &lt;/div&gt;
      &lt;div style="height:300px"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and javascript:</p>
  
  <pre><code>var datePicker = $(".calendar").datepicker({});
  </code></pre>
  
  <p>The jsfiddler: <a href="http://jsfiddle.net/csrA5/" rel="noreferrer">http://jsfiddle.net/csrA5/</a></p>
  
  <p>Is there any solution to make it scroll when scrolling the modal?</p>