Skip to main content Skip to docs navigation

Date Picker

Modus Bootstrap doesn’t ship with a custom-built Date & Time Picker component but you can style a third-party date picker or use native inputs with the form-control class.




html
<label for="date" class="form-label">Date</label>
<input type="date" id="date" class="form-control">
<br>
<label for="time" class="form-label">Time</label>
<input type="time" id="time" class="form-control">
<br>
<label for="datetime" class="form-label">Date/Time</label>
<input type="datetime-local" id="datetime" class="form-control">
<br>
Last updated October 10, 2024.