Bootstrap datetimepicker hidden behind other divs Fixed 100%

Bootstrap datetimepicker hidden behind other divs Fixed 100% .We have been facing a problem where datetimepicker was overlapping but to the amazement when we used datepicker it was not doing the same thing. So in the video we show how to fix it using some simple css tricks.

Just copy and pates the below code in your htm head

<style>

.bootstrap-datetimepicker-widget {
position: fixed; 
 z-index: 1000; 

}

</style>

You can also watch the video as well if you wish to

https://www.youtube.com/watch?v=rO4d3rmLr3Y

The same solution can fix also the below issues

datetimepicker z-index

bootstrap-datetimepicker

bootstrap datetimepicker z-index

bootstrap-datepicker position issue

jquery datepicker overlapping

bootstrap datetimepicker cut off

bootstrap datepicker hidden

bootstrap 4 datetimepicker