Bootstrap Datepicker

http://stackoverflow.com/q/24981072/1093087

by Plippie Plop

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/css/bootstrap-datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css">
<div id="sandbox-container">
    <input data-provide="datepicker" type="text" class="form-control" data-date-min-date="01-01-2023" data-date-end-date="01-01-2025" />
</div>

CSS

body{
  font-family: system-ui;
}

.day{
  font-weight:600;
}

JavaScript

$('#sandbox-container input').datepicker({
    autoclose: true,
    startDate: "01-04-2024"
});