<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- datepicker source: https://github.com/uxsolutions/bootstrap-datepicker --> <!-- tutorial: https://formden.com/blog/date-picker --> <div class="container"> <br /> <div class="row"> <div class='col-sm-3'> <div class="form-group"> <div id="filterDate2"> <!-- Datepicker as text field --> <div class="input-group date" data-date-format="dd.mm.yyyy"> <input type="text" class="form-control" placeholder="dd.mm.yyyy"> <div class="input-group-addon" > <span class="glyphicon glyphicon-th"></span> </div> </div> </div> </div> </div> <!-- datepicker source: https://github.com/uxsolutions/bootstrap-datepicker --> <!-- tutorial: https://formden.com/blog/date-picker --> <div class="container"> <br /> <div class="row"> <div class='col-sm-3'> <div class="form-group"> <div id="filterDate2"> <!-- Datepicker as text field --> <div class="input-group date" data-date-format="dd.mm.yyyy"> <input type="text" class="form-control" placeholder="dd.mm.yyyy"> <div class="input-group-addon" > <span class="glyphicon glyphicon-th"></span> </div> </div> </div> </div> </div> </div> </div> </div> </div>