1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 | <div class="bx--form-item">
|
10 | <div data-date-picker data-date-picker-type="single"
|
11 | class="bx--date-picker bx--date-picker--single bx--date-picker--nolabel">
|
12 | <div class="bx--date-picker-container">
|
13 | <svg data-date-picker-icon class="bx--date-picker__icon" width="14" height="16" viewBox="0 0 14 16">
|
14 | <path
|
15 | d="M0 5h14v1H0V5zm3-5h1v4H3V0zm7 0h1v4h-1V0zM0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 0 14.5v-12zm1 0v12a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5z"
|
16 | fill-rule="nonzero" />
|
17 | </svg>
|
18 | <input type="text" id="date-picker-3" class="bx--date-picker__input" pattern="\d{1,2}/\d{1,2}/\d{4}"
|
19 | placeholder="mm/dd/yyyy" data-date-picker-input />
|
20 | </div>
|
21 | </div>
|
22 | </div>
|
23 |
|
24 |
|
25 | <div class="bx--form-item">
|
26 | <div data-date-picker data-date-picker-type="single"
|
27 | class="bx--date-picker bx--date-picker--single bx--date-picker--nolabel">
|
28 | <div class="bx--date-picker-container">
|
29 | <svg data-date-picker-icon class="bx--date-picker__icon" width="14" height="16" viewBox="0 0 14 16">
|
30 | <path
|
31 | d="M0 5h14v1H0V5zm3-5h1v4H3V0zm7 0h1v4h-1V0zM0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 0 14.5v-12zm1 0v12a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5z"
|
32 | fill-rule="nonzero" />
|
33 | </svg>
|
34 | <input data-invalid type="text" id="date-picker-3" class="bx--date-picker__input"
|
35 | pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="mm/dd/yyyy" data-date-picker-input />
|
36 | <div class="bx--form-requirement">
|
37 | Invalid date format.
|
38 | </div>
|
39 | </div>
|
40 | </div>
|
41 | </div>
|