UNPKG

1.78 kBtext/x-handlebars-templateView Raw
1<!--
2 Copyright IBM Corp. 2016, 2018
3
4 This source code is licensed under the Apache-2.0 license found in the
5 LICENSE file in the root directory of this source tree.
6-->
7
8<!-- Basic with calendar -->
9<div class="{{@root.prefix}}--form-item">
10 <div data-date-picker data-date-picker-type="single"
11 class="{{@root.prefix}}--date-picker {{@root.prefix}}--date-picker--single {{@root.prefix}}--date-picker--light {{@root.prefix}}--date-picker--nolabel">
12 <div class="{{@root.prefix}}--date-picker-container">
13 <div class="{{@root.prefix}}--date-picker-input__wrapper">
14 <input type="text" id="date-picker-3" class="{{@root.prefix}}--date-picker__input"
15 pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="mm/dd/yyyy" data-date-picker-input />
16 {{ carbon-icon 'Calendar16' class=(add @root.prefix '--date-picker__icon') data-date-picker-icon="true" }}
17 </div>
18 </div>
19 </div>
20</div>
21
22<!-- Basic with calendar -->
23<div class="{{@root.prefix}}--form-item">
24 <div data-date-picker data-date-picker-type="single"
25 class="{{@root.prefix}}--date-picker {{@root.prefix}}--date-picker--single {{@root.prefix}}--date-picker--light {{@root.prefix}}--date-picker--nolabel">
26 <div class="{{@root.prefix}}--date-picker-container">
27 <div class="{{@root.prefix}}--date-picker-input__wrapper">
28 <input data-invalid type="text" id="date-picker-3" class="{{@root.prefix}}--date-picker__input"
29 pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="mm/dd/yyyy" data-date-picker-input />
30 {{ carbon-icon 'Calendar16' class=(add @root.prefix '--date-picker__icon') data-date-picker-icon="true" }}
31 </div>
32 <div class="{{@root.prefix}}--form-requirement">
33 Invalid date format.
34 </div>
35 </div>
36 </div>
37</div>
38
\No newline at end of file