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>