title: Bootstrap Datetimepicker Display Issue in Popup Modal
body: <p>Bootstrap Datetimepicker Version - 4.15.35</p>
  
  <p>I have a bootstrap datetimepicker in a modal form. It's working fine if it's at the top or middle of the modal window. If I place it at the bottom, the datetime picker open at the very top of the screen instead of below or next to the container. </p>
  
  <p><strong>I add widgetParent option to it; it does not display the datetime control window now. I change the added a z-index of 999999, and it's still not displaying it.</strong> </p>
  
  <pre><code>$('#StartDate').datetimepicker({
              useCurrent: false,
              format: 'MM/DD/YYYY hh:mm',
              widgetParent: '#StartDate',
              debug:true
          })
  
  .bootstrap-datetimepicker-widget.dropdown-menu{
      z-index:99999999;
  }
  </code></pre>
  
  <p>Here are two partial html codes generated for the same container except the location is changed.</p>
  
  <p><strong>When the control is placed at the top or middle of the modal page:</strong></p>
  
  <pre><code>&lt;div class="bootstrap-datetimepicker-widget dropdown-menu usetwentyfour 
  bottom" style="display: block; top: 125px; bottom: auto; left: 165px; right: auto;"&gt;
  </code></pre>
  
  <p><strong>When the control is placed at the bottom of the modal page. It's almost the end of the modal, but there is enough space to display the control.</strong></p>
  
  <pre><code>&lt;div class="bootstrap-datetimepicker-widget dropdown-menu top" 
  style="display: block; top: auto; bottom: 543px; left: 165px; 
  right: auto;"&gt;&lt;ul class="list-unstyled"&gt;
  </code></pre>