title: Twitter bootstrap datetime-picker not showing properly in modal
body: <p>I have been using twitter bootstrap datetime-picker with ruby on rails for showing the calendar, also I am using this in a modal, but it shows as partial, because I am trying to show at the bottom of the screen</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;div id="datetimePicker" class="input-append date"&gt;
       &lt;input data-format="dd/MM/yyyy hh:mm:ss" type="text" id="testdate"&gt;&lt;/input&gt;
       &lt;span class="add-on"&gt;&lt;i data-time-icon="icon-time" data-date-icon="icon-calendar"&gt;&lt;/i&gt;&lt;/span&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>&lt;script&gt;
   $(document).ready(function(){
     $('#datetimePicker').datetimepicker(); 
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>also I have used this additional css</p>
  
  <pre><code>.bootstrap-datetimepicker-widget {
   z-index:99999 !important;
  }
  </code></pre>