Bootstrap Datetimepicker Display Issue in Popup Modal
<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>