@@ -9,25 +9,25 @@ for browsers which don't yet support the HTML5 date input.
9
9
10
10
### Examples
11
11
12
- ####Enforcing the styled non-HTML5 picker universally.
12
+ #### Enforcing the styled non-HTML5 picker universally.
13
13
14
14
By default this pattern will NOT defer to the browser's HTML5 picker.
15
15
16
16
<input class="pat-date-picker" type="date">
17
17
18
- ####Default value
18
+ #### Default value
19
19
20
20
<input class="pat-date-picker" type="date" value="2015-01-01">
21
21
22
- ####Specifying the "min" and "max" attributes.
22
+ #### Specifying the "min" and "max" attributes.
23
23
24
24
<input class="pat-date-picker" min="2015-01-01" max="2015-12-31" type="date">
25
25
26
- ####Show the week number.
26
+ #### Show the week number.
27
27
28
28
<input class="pat-date-picker" data-pat-date-picker="week-numbers: show;" type="date">
29
29
30
- ####Multilingual support with German translations
30
+ #### Multilingual support with German translations
31
31
32
32
The picker's UI can be translated by providing a URL to the ` i18n ` option. This
33
33
URL must point to a JSON encoded resource containing the translations.
@@ -44,31 +44,6 @@ Here are all the i18n values in JSON format:
44
44
"weekdaysShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
45
45
}
46
46
47
- ### Why did we base this library on Pikaday?
48
-
49
- When looking for the underlying library to use for this pattern, we compared
50
- pikaday and [ pickadate] ( https://dbushell.github.io/Pikaday/ ) .
51
-
52
- - Prefixed CSS classes
53
-
54
- Pikaday's CSS classes are prefixed to make them unique, whereas Pickadate's
55
- classes are very generic and therefore prone to clash with existing classes and CSS in certain sites.
56
-
57
- - Better markup
58
-
59
- One of the main drawbacks of pickadate is the markup that it produces.
60
- Pickaday's special markup is inserted relative to the input element being overridden.
61
-
62
- In contrast, the markup generated by pikaday is appended to the end of the
63
- ` <body> ` tag, and it then uses absolute positioning to position the picker.
64
-
65
- This is easier to style and less prone to create problems when integrating the
66
- picker in diverse styling environments.
67
-
68
- - Simpler, more modest featureset and Javascript
69
-
70
- Pikaday is only 5KB compressed. The code is AMD aware and easy to read and
71
- understand.
72
47
73
48
### Option reference
74
49
0 commit comments