One issue I've encountered is that the datepicker doesn't fully display in my modal. In order to select a date like the 18th of a month, I have to scroll down within the modal here.
To fix this problem, I need to bring the datepicker to the front of the modal box.
For reference, you can check out the JSFiddle link below: JSFiddle
Here is the code snippet:
$(document).ready(function() {
$('.modal-trigger').leanModal();
$('#bdate').pickadate();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Submit your Informations</a>
<div id="modal1" class="modal">
<div class="modal-content">
<h4>Add Your Details</h4>
<label for="bdate">Your birthdate</label>
<input type="date" id="bdate" class="datepicker" />
</div>
</div>