2.11 #Molecules.DateTime DateTime
Custom datetime for the forms.
Example
Markup: scss/styleguide/molecules/date-time/date-time.html
<div class="container app-body">
<div class="row">
<div class="col-lg-7 form__container">
<form>
<div class="form-item form-type-datetime form-item-date-time">
<label>Date/time</label>
<div id="date-time" class="container-inline">
<div class="form-item form-type-date form-item-date-time-date form-no-label">
<label for="date-time-date" class="visually-hidden js-form-required form-required">Date/time: Date</label>
<input title="Date (e.g. 2022-03-16)" type="date" id="date-time-date" name="date_time[date]" value="" size="12" class="form-date">
</div>
<div class="form-item form-type-webform-time form-item-date-time-time form-no-label">
<label for="date-time-time">Date/time: Time</label>
<input title="Time (e.g. 10:09:34)" type="time" step="60" id="date-time-time" name="date_time[time]" value="" size="12" maxlength="12" class="form-time">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
Source:
../client/scss/styleguide/molecules/date-time/_date-time.scss, line 1