Datepicker default date

Bootstrap 5 Datepicker default date component

Responsive Datepicker default date built with Bootstrap 5. Datepicker is a plugin that adds the function of selecting time without using custom JavaScript code.

Basic example

The datepicker allows users to enter a date either through text input or by choosing a date from the calendar. Date pickers can be embedded into dialogs on mobile and text field dropdowns on desktop.

Add .datepicker class next to .form-outline and data-mdb-toggle="datepicker" to the input element to enable toggling on input click. It is also possible to set toggleButton option to false to remove the toggle button.

Edit in sandbox 
<div data-mdb-input-init class="form-outline datepicker" data-mdb-toggle-button="false">
  <input
    type="text"
    class="form-control"
    id="exampleDatepicker1"
    data-mdb-toggle="datepicker"
  />
  <label for="exampleDatepicker1" class="form-label">Select a date</label>
</div>