1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 | <div class="bx--form-item">
|
10 | <div class="bx--date-picker bx--date-picker--simple bx--date-picker--short bx--date-picker--light">
|
11 | <div class="bx--date-picker-container">
|
12 | <label for="date-picker-4" class="bx--label">Date Picker label</label>
|
13 | <input type="text" id="date-picker-4" class="bx--date-picker__input" pattern="\d{1,2}/\d{4}" placeholder="mm/yyyy" data-date-picker-input
|
14 | />
|
15 | </div>
|
16 | </div>
|
17 | </div>
|
18 |
|
19 |
|
20 | <div class="bx--form-item">
|
21 | <div class="bx--date-picker bx--date-picker--simple bx--date-picker--light">
|
22 | <div class="bx--date-picker-container">
|
23 | <label for="date-picker-6" class="bx--label">Date Picker label</label>
|
24 | <input data-invalid type="text" id="date-picker-6" class="bx--date-picker__input" pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="mm/dd/yyyy"
|
25 | data-date-picker-input />
|
26 | <div class="bx--form-requirement">
|
27 | Invalid date format.
|
28 | </div>
|
29 | </div>
|
30 | </div>
|
31 | </div>
|