Just a heads up, I am utilizing daterangepicker from this link: . Recently, I encountered an issue where the input field was overlapping with other elements like bootstrap Modals or menus.
<div class="col-md-3 form-group">
<div class="picker-carte" style="position:relative;">
<label for="datePicker" class=" control-label">Select date :</label>
<input type="text" name="datePicker" class="form-control daterangepicker" value="{{$start_date}} - {{$end_date}}" data-start="{{$start_date}}" data-end="{{$end_date}}">
</div>
</div>
I attempted to resolve it by adding this inline style:
style="position:relative;"
or by including this snippet in the picker-carte class:
.picker-carte {
z-index: 0 !important;
}
The layout appeared like this: https://i.sstatic.net/zdwvo.png
and here's another image: https://i.sstatic.net/Vkaa9.png