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">
|
12 | <div class="bx--date-picker-container">
|
13 | <label for="date-picker-3" class="bx--label">Date Picker label</label>
|
14 | <div class="bx--date-picker-input__wrapper">
|
15 | <input type="text" id="date-picker-3" class="bx--date-picker__input"
|
16 | pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="mm/dd/yyyy" data-date-picker-input />
|
17 | <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" data-date-picker-icon="true" class="bx--date-picker__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M13 2h-2V1h-1v1H6V1H5v1H3c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h10c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm0 11H3V6h10v7zm0-8H3V3h2v1h1V3h4v1h1V3h2v2z"></path></svg>
|
18 | </div>
|
19 | </div>
|
20 | </div>
|
21 | </div>
|
22 |
|
23 |
|
24 | <div class="bx--form-item">
|
25 | <div data-date-picker data-date-picker-type="single"
|
26 | class="bx--date-picker bx--date-picker--single">
|
27 | <div class="bx--date-picker-container">
|
28 | <label for="date-picker-3" class="bx--label">Date Picker label</label>
|
29 | <div class="bx--date-picker-input__wrapper">
|
30 | <input data-invalid type="text" id="date-picker-3" class="bx--date-picker__input"
|
31 | pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="mm/dd/yyyy" data-date-picker-input />
|
32 | <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" data-date-picker-icon="true" class="bx--date-picker__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M13 2h-2V1h-1v1H6V1H5v1H3c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h10c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm0 11H3V6h10v7zm0-8H3V3h2v1h1V3h4v1h1V3h2v2z"></path></svg>
|
33 | </div>
|
34 | <div class="bx--form-requirement">
|
35 | Invalid date format.
|
36 | </div>
|
37 | </div>
|
38 | </div>
|
39 | </div>
|