-
Notifications
You must be signed in to change notification settings - Fork 922
/
date-input.njk
executable file
·20 lines (20 loc) · 1.13 KB
/
date-input.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form class="usa-form">
<fieldset class="usa-fieldset">
<legend class="usa-legend">Date of birth</legend>
<span class="usa-hint" id="dobHint">For example: 04 28 1986</span>
<div class="usa-memorable-date">
<div class="usa-form-group usa-form-group--month">
<label class="usa-label" for="date_of_birth_1">Month</label>
<input class="usa-input usa-input--inline" aria-describedby="dobHint" id="date_of_birth_1" name="date_of_birth_1" type="number" min="1" max="12" value="">
</div>
<div class="usa-form-group usa-form-group--day">
<label class="usa-label" for="date_of_birth_2">Day</label>
<input class="usa-input usa-input--inline" aria-describedby="dobHint" id="date_of_birth_2" name="date_of_birth_2" type="number" min="1" max="31" value="">
</div>
<div class="usa-form-group usa-form-group--year">
<label class="usa-label" for="date_of_birth_3">Year</label>
<input class="usa-input usa-input--inline" aria-describedby="dobHint" id="date_of_birth_3" name="date_of_birth_3" type="number" min="1900" max="2019" value="">
</div>
</div>
</fieldset>
</form>