diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 895 |
1 files changed, 895 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..45a269e --- /dev/null +++ b/index.html | |||
@@ -0,0 +1,895 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | |||
4 | <head> | ||
5 | <meta name="viewport" | ||
6 | content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> | ||
7 | <meta charset="utf-8"/> | ||
8 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
9 | <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" rel="stylesheet"/> | ||
10 | <title>rc-time-picker@0.2.0 - React TimePicker</title> | ||
11 | <style> | ||
12 | @font-face { | ||
13 | font-family: octicons-anchor; | ||
14 | src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); | ||
15 | } | ||
16 | |||
17 | .markdown-body, .examples, #readme { | ||
18 | -webkit-text-size-adjust: 100%; | ||
19 | -ms-text-size-adjust: 100%; | ||
20 | text-size-adjust: 100%; | ||
21 | color: #333; | ||
22 | overflow: hidden; | ||
23 | font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; | ||
24 | font-size: 16px; | ||
25 | line-height: 1.6; | ||
26 | word-wrap: break-word; | ||
27 | } | ||
28 | |||
29 | .markdown-body a, .examples a { | ||
30 | background-color: transparent; | ||
31 | } | ||
32 | |||
33 | .markdown-body a:active, | ||
34 | .markdown-body a:hover { | ||
35 | outline: 0; | ||
36 | } | ||
37 | |||
38 | .markdown-body strong { | ||
39 | font-weight: bold; | ||
40 | } | ||
41 | |||
42 | .markdown-body h1 { | ||
43 | font-size: 2em; | ||
44 | margin: 0.67em 0; | ||
45 | } | ||
46 | |||
47 | .markdown-body img { | ||
48 | border: 0; | ||
49 | } | ||
50 | |||
51 | .markdown-body hr { | ||
52 | box-sizing: content-box; | ||
53 | height: 0; | ||
54 | } | ||
55 | |||
56 | .markdown-body pre { | ||
57 | overflow: auto; | ||
58 | } | ||
59 | |||
60 | .markdown-body code, | ||
61 | .markdown-body kbd, | ||
62 | .markdown-body pre { | ||
63 | font-family: monospace, monospace; | ||
64 | font-size: 1em; | ||
65 | } | ||
66 | |||
67 | .markdown-body input { | ||
68 | color: inherit; | ||
69 | font: inherit; | ||
70 | margin: 0; | ||
71 | } | ||
72 | |||
73 | .markdown-body html input[disabled] { | ||
74 | cursor: default; | ||
75 | } | ||
76 | |||
77 | .markdown-body input { | ||
78 | line-height: normal; | ||
79 | } | ||
80 | |||
81 | .markdown-body input[type="checkbox"] { | ||
82 | box-sizing: border-box; | ||
83 | padding: 0; | ||
84 | } | ||
85 | |||
86 | .markdown-body table { | ||
87 | border-collapse: collapse; | ||
88 | border-spacing: 0; | ||
89 | } | ||
90 | |||
91 | .markdown-body td, | ||
92 | .markdown-body th { | ||
93 | padding: 0; | ||
94 | } | ||
95 | |||
96 | .markdown-body * { | ||
97 | box-sizing: border-box; | ||
98 | } | ||
99 | |||
100 | .markdown-body input { | ||
101 | font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; | ||
102 | } | ||
103 | |||
104 | .markdown-body a { | ||
105 | color: #4078c0; | ||
106 | text-decoration: none; | ||
107 | } | ||
108 | |||
109 | .markdown-body a:hover, | ||
110 | .markdown-body a:active { | ||
111 | text-decoration: underline; | ||
112 | } | ||
113 | |||
114 | .markdown-body hr { | ||
115 | height: 0; | ||
116 | margin: 15px 0; | ||
117 | overflow: hidden; | ||
118 | background: transparent; | ||
119 | border: 0; | ||
120 | border-bottom: 1px solid #ddd; | ||
121 | } | ||
122 | |||
123 | .markdown-body hr:before { | ||
124 | display: table; | ||
125 | content: ""; | ||
126 | } | ||
127 | |||
128 | .markdown-body hr:after { | ||
129 | display: table; | ||
130 | clear: both; | ||
131 | content: ""; | ||
132 | } | ||
133 | |||
134 | .markdown-body h1, | ||
135 | .markdown-body h2, | ||
136 | .markdown-body h3, | ||
137 | .markdown-body h4, | ||
138 | .markdown-body h5, | ||
139 | .markdown-body h6 { | ||
140 | margin-top: 15px; | ||
141 | margin-bottom: 15px; | ||
142 | line-height: 1.1; | ||
143 | } | ||
144 | |||
145 | .markdown-body h1 { | ||
146 | font-size: 30px; | ||
147 | } | ||
148 | |||
149 | .markdown-body h2 { | ||
150 | font-size: 21px; | ||
151 | } | ||
152 | |||
153 | .markdown-body h3 { | ||
154 | font-size: 16px; | ||
155 | } | ||
156 | |||
157 | .markdown-body h4 { | ||
158 | font-size: 14px; | ||
159 | } | ||
160 | |||
161 | .markdown-body h5 { | ||
162 | font-size: 12px; | ||
163 | } | ||
164 | |||
165 | .markdown-body h6 { | ||
166 | font-size: 11px; | ||
167 | } | ||
168 | |||
169 | .markdown-body blockquote { | ||
170 | margin: 0; | ||
171 | } | ||
172 | |||
173 | .markdown-body ul, | ||
174 | .markdown-body ol { | ||
175 | padding: 0; | ||
176 | margin-top: 0; | ||
177 | margin-bottom: 0; | ||
178 | } | ||
179 | |||
180 | .markdown-body ol ol, | ||
181 | .markdown-body ul ol { | ||
182 | list-style-type: lower-roman; | ||
183 | } | ||
184 | |||
185 | .markdown-body ul ul ol, | ||
186 | .markdown-body ul ol ol, | ||
187 | .markdown-body ol ul ol, | ||
188 | .markdown-body ol ol ol { | ||
189 | list-style-type: lower-alpha; | ||
190 | } | ||
191 | |||
192 | .markdown-body dd { | ||
193 | margin-left: 0; | ||
194 | } | ||
195 | |||
196 | .markdown-body code { | ||
197 | font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; | ||
198 | font-size: 12px; | ||
199 | } | ||
200 | |||
201 | .markdown-body pre { | ||
202 | margin-top: 0; | ||
203 | margin-bottom: 0; | ||
204 | font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; | ||
205 | } | ||
206 | |||
207 | .markdown-body .octicon { | ||
208 | font: normal normal normal 16px/1 octicons-anchor; | ||
209 | display: inline-block; | ||
210 | text-decoration: none; | ||
211 | text-rendering: auto; | ||
212 | -webkit-font-smoothing: antialiased; | ||
213 | -moz-osx-font-smoothing: grayscale; | ||
214 | -webkit-user-select: none; | ||
215 | -moz-user-select: none; | ||
216 | -ms-user-select: none; | ||
217 | user-select: none; | ||
218 | } | ||
219 | |||
220 | .markdown-body .octicon-link:before { | ||
221 | content: '\f05c'; | ||
222 | } | ||
223 | |||
224 | .markdown-body > *:first-child { | ||
225 | margin-top: 0 !important; | ||
226 | } | ||
227 | |||
228 | .markdown-body > *:last-child { | ||
229 | margin-bottom: 0 !important; | ||
230 | } | ||
231 | |||
232 | .markdown-body a:not([href]) { | ||
233 | color: inherit; | ||
234 | text-decoration: none; | ||
235 | } | ||
236 | |||
237 | .markdown-body .anchor { | ||
238 | position: absolute; | ||
239 | top: 0; | ||
240 | left: 0; | ||
241 | display: block; | ||
242 | padding-right: 6px; | ||
243 | padding-left: 30px; | ||
244 | margin-left: -30px; | ||
245 | } | ||
246 | |||
247 | .markdown-body .anchor:focus { | ||
248 | outline: none; | ||
249 | } | ||
250 | |||
251 | .markdown-body h1, | ||
252 | .markdown-body h2, | ||
253 | .markdown-body h3, | ||
254 | .markdown-body h4, | ||
255 | .markdown-body h5, | ||
256 | .markdown-body h6 { | ||
257 | position: relative; | ||
258 | margin-top: 1em; | ||
259 | margin-bottom: 16px; | ||
260 | font-weight: bold; | ||
261 | line-height: 1.4; | ||
262 | } | ||
263 | |||
264 | .markdown-body h1 .octicon-link, | ||
265 | .markdown-body h2 .octicon-link, | ||
266 | .markdown-body h3 .octicon-link, | ||
267 | .markdown-body h4 .octicon-link, | ||
268 | .markdown-body h5 .octicon-link, | ||
269 | .markdown-body h6 .octicon-link { | ||
270 | display: none; | ||
271 | color: #000; | ||
272 | vertical-align: middle; | ||
273 | } | ||
274 | |||
275 | .markdown-body h1:hover .anchor, | ||
276 | .markdown-body h2:hover .anchor, | ||
277 | .markdown-body h3:hover .anchor, | ||
278 | .markdown-body h4:hover .anchor, | ||
279 | .markdown-body h5:hover .anchor, | ||
280 | .markdown-body h6:hover .anchor { | ||
281 | padding-left: 8px; | ||
282 | margin-left: -30px; | ||
283 | text-decoration: none; | ||
284 | } | ||
285 | |||
286 | .markdown-body h1:hover .anchor .octicon-link, | ||
287 | .markdown-body h2:hover .anchor .octicon-link, | ||
288 | .markdown-body h3:hover .anchor .octicon-link, | ||
289 | .markdown-body h4:hover .anchor .octicon-link, | ||
290 | .markdown-body h5:hover .anchor .octicon-link, | ||
291 | .markdown-body h6:hover .anchor .octicon-link { | ||
292 | display: inline-block; | ||
293 | } | ||
294 | |||
295 | .markdown-body h1 { | ||
296 | padding-bottom: 0.3em; | ||
297 | font-size: 2.25em; | ||
298 | line-height: 1.2; | ||
299 | border-bottom: 1px solid #eee; | ||
300 | } | ||
301 | |||
302 | .markdown-body h1 .anchor { | ||
303 | line-height: 1; | ||
304 | } | ||
305 | |||
306 | .markdown-body h2 { | ||
307 | padding-bottom: 0.3em; | ||
308 | font-size: 1.75em; | ||
309 | line-height: 1.225; | ||
310 | border-bottom: 1px solid #eee; | ||
311 | } | ||
312 | |||
313 | .markdown-body h2 .anchor { | ||
314 | line-height: 1; | ||
315 | } | ||
316 | |||
317 | .markdown-body h3 { | ||
318 | font-size: 1.5em; | ||
319 | line-height: 1.43; | ||
320 | } | ||
321 | |||
322 | .markdown-body h3 .anchor { | ||
323 | line-height: 1.2; | ||
324 | } | ||
325 | |||
326 | .markdown-body h4 { | ||
327 | font-size: 1.25em; | ||
328 | } | ||
329 | |||
330 | .markdown-body h4 .anchor { | ||
331 | line-height: 1.2; | ||
332 | } | ||
333 | |||
334 | .markdown-body h5 { | ||
335 | font-size: 1em; | ||
336 | } | ||
337 | |||
338 | .markdown-body h5 .anchor { | ||
339 | line-height: 1.1; | ||
340 | } | ||
341 | |||
342 | .markdown-body h6 { | ||
343 | font-size: 1em; | ||
344 | color: #777; | ||
345 | } | ||
346 | |||
347 | .markdown-body h6 .anchor { | ||
348 | line-height: 1.1; | ||
349 | } | ||
350 | |||
351 | .markdown-body p, | ||
352 | .markdown-body blockquote, | ||
353 | .markdown-body ul, | ||
354 | .markdown-body ol, | ||
355 | .markdown-body dl, | ||
356 | .markdown-body table, | ||
357 | .markdown-body pre { | ||
358 | margin-top: 0; | ||
359 | margin-bottom: 16px; | ||
360 | } | ||
361 | |||
362 | .markdown-body hr { | ||
363 | height: 4px; | ||
364 | padding: 0; | ||
365 | margin: 16px 0; | ||
366 | background-color: #e7e7e7; | ||
367 | border: 0 none; | ||
368 | } | ||
369 | |||
370 | .markdown-body ul, | ||
371 | .markdown-body ol { | ||
372 | padding-left: 2em; | ||
373 | } | ||
374 | |||
375 | .markdown-body ul ul, | ||
376 | .markdown-body ul ol, | ||
377 | .markdown-body ol ol, | ||
378 | .markdown-body ol ul { | ||
379 | margin-top: 0; | ||
380 | margin-bottom: 0; | ||
381 | } | ||
382 | |||
383 | .markdown-body li > p { | ||
384 | margin-top: 16px; | ||
385 | } | ||
386 | |||
387 | .markdown-body dl { | ||
388 | padding: 0; | ||
389 | } | ||
390 | |||
391 | .markdown-body dl dt { | ||
392 | padding: 0; | ||
393 | margin-top: 16px; | ||
394 | font-size: 1em; | ||
395 | font-style: italic; | ||
396 | font-weight: bold; | ||
397 | } | ||
398 | |||
399 | .markdown-body dl dd { | ||
400 | padding: 0 16px; | ||
401 | margin-bottom: 16px; | ||
402 | } | ||
403 | |||
404 | .markdown-body blockquote { | ||
405 | padding: 0 15px; | ||
406 | color: #777; | ||
407 | border-left: 4px solid #ddd; | ||
408 | } | ||
409 | |||
410 | .markdown-body blockquote > :first-child { | ||
411 | margin-top: 0; | ||
412 | } | ||
413 | |||
414 | .markdown-body blockquote > :last-child { | ||
415 | margin-bottom: 0; | ||
416 | } | ||
417 | |||
418 | .markdown-body table { | ||
419 | display: block; | ||
420 | width: 100%; | ||
421 | overflow: auto; | ||
422 | word-break: normal; | ||
423 | word-break: keep-all; | ||
424 | } | ||
425 | |||
426 | .markdown-body table th { | ||
427 | font-weight: bold; | ||
428 | } | ||
429 | |||
430 | .markdown-body table th, | ||
431 | .markdown-body table td { | ||
432 | padding: 6px 13px; | ||
433 | border: 1px solid #ddd; | ||
434 | } | ||
435 | |||
436 | .markdown-body table tr { | ||
437 | background-color: #fff; | ||
438 | border-top: 1px solid #ccc; | ||
439 | } | ||
440 | |||
441 | .markdown-body table tr:nth-child(2n) { | ||
442 | background-color: #f8f8f8; | ||
443 | } | ||
444 | |||
445 | .markdown-body img { | ||
446 | max-width: 100%; | ||
447 | box-sizing: border-box; | ||
448 | } | ||
449 | |||
450 | .markdown-body code { | ||
451 | padding: 0; | ||
452 | padding-top: 0.2em; | ||
453 | padding-bottom: 0.2em; | ||
454 | margin: 0; | ||
455 | font-size: 85%; | ||
456 | background-color: rgba(0, 0, 0, 0.04); | ||
457 | border-radius: 3px; | ||
458 | } | ||
459 | |||
460 | .markdown-body code:before, | ||
461 | .markdown-body code:after { | ||
462 | letter-spacing: -0.2em; | ||
463 | content: "\00a0"; | ||
464 | } | ||
465 | |||
466 | .markdown-body pre > code { | ||
467 | padding: 0; | ||
468 | margin: 0; | ||
469 | font-size: 100%; | ||
470 | word-break: normal; | ||
471 | white-space: pre; | ||
472 | background: transparent; | ||
473 | border: 0; | ||
474 | } | ||
475 | |||
476 | .markdown-body .highlight { | ||
477 | margin-bottom: 16px; | ||
478 | } | ||
479 | |||
480 | .markdown-body .highlight pre, | ||
481 | .markdown-body pre { | ||
482 | padding: 16px; | ||
483 | overflow: auto; | ||
484 | font-size: 85%; | ||
485 | line-height: 1.45; | ||
486 | background-color: #f7f7f7; | ||
487 | border-radius: 3px; | ||
488 | } | ||
489 | |||
490 | .markdown-body .highlight pre { | ||
491 | margin-bottom: 0; | ||
492 | word-break: normal; | ||
493 | } | ||
494 | |||
495 | .markdown-body pre { | ||
496 | word-wrap: normal; | ||
497 | } | ||
498 | |||
499 | .markdown-body pre code { | ||
500 | display: inline; | ||
501 | max-width: initial; | ||
502 | padding: 0; | ||
503 | margin: 0; | ||
504 | overflow: initial; | ||
505 | line-height: inherit; | ||
506 | word-wrap: normal; | ||
507 | background-color: transparent; | ||
508 | border: 0; | ||
509 | } | ||
510 | |||
511 | .markdown-body pre code:before, | ||
512 | .markdown-body pre code:after { | ||
513 | content: normal; | ||
514 | } | ||
515 | |||
516 | .markdown-body kbd { | ||
517 | display: inline-block; | ||
518 | padding: 3px 5px; | ||
519 | font-size: 11px; | ||
520 | line-height: 10px; | ||
521 | color: #555; | ||
522 | vertical-align: middle; | ||
523 | background-color: #fcfcfc; | ||
524 | border: solid 1px #ccc; | ||
525 | border-bottom-color: #bbb; | ||
526 | border-radius: 3px; | ||
527 | box-shadow: inset 0 -1px 0 #bbb; | ||
528 | } | ||
529 | |||
530 | .markdown-body kbd { | ||
531 | display: inline-block; | ||
532 | padding: 3px 5px; | ||
533 | font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; | ||
534 | line-height: 10px; | ||
535 | color: #555; | ||
536 | vertical-align: middle; | ||
537 | background-color: #fcfcfc; | ||
538 | border: solid 1px #ccc; | ||
539 | border-bottom-color: #bbb; | ||
540 | border-radius: 3px; | ||
541 | box-shadow: inset 0 -1px 0 #bbb; | ||
542 | } | ||
543 | |||
544 | .markdown-body .task-list-item { | ||
545 | list-style-type: none; | ||
546 | } | ||
547 | |||
548 | .markdown-body .task-list-item + .task-list-item { | ||
549 | margin-top: 3px; | ||
550 | } | ||
551 | |||
552 | .markdown-body .task-list-item input { | ||
553 | margin: 0 0.35em 0.25em -1.6em; | ||
554 | vertical-align: middle; | ||
555 | } | ||
556 | |||
557 | .markdown-body:checked + .radio-label { | ||
558 | z-index: 1; | ||
559 | position: relative; | ||
560 | border-color: #4078c0; | ||
561 | } | ||
562 | |||
563 | #readme, .examples { | ||
564 | min-width: 200px; | ||
565 | max-width: 790px; | ||
566 | margin: 30px auto; | ||
567 | padding: 0 30px; | ||
568 | } | ||
569 | |||
570 | #readme .boxed-group { | ||
571 | position: relative; | ||
572 | border-radius: 3px; | ||
573 | margin-bottom: 30px; | ||
574 | } | ||
575 | |||
576 | #readme .markdown-body, | ||
577 | #readme .plain, | ||
578 | .examples .examples-body { | ||
579 | background-color: #fff; | ||
580 | border: 1px solid #ddd; | ||
581 | border-bottom-left-radius: 3px; | ||
582 | border-bottom-right-radius: 3px; | ||
583 | padding: 30px; | ||
584 | word-wrap: break-word; | ||
585 | } | ||
586 | |||
587 | .boxed-group > h3, | ||
588 | .examples > h3, | ||
589 | .boxed-group .heading { | ||
590 | background-color: #f5f5f5; | ||
591 | margin: 0; | ||
592 | border-radius: 3px 3px 0 0; | ||
593 | border: 1px solid #d8d8d8; | ||
594 | border-bottom: 0; | ||
595 | padding: 9px 10px 10px; | ||
596 | font-size: 14px; | ||
597 | line-height: 17px; | ||
598 | display: block; | ||
599 | } | ||
600 | |||
601 | .examples-body ul { | ||
602 | margin: 0; | ||
603 | } | ||
604 | </style> | ||
605 | <style type="text/css"> | ||
606 | /* | ||
607 | |||
608 | github.com style (c) Vasily Polovnyov <vast@whiteants.net> | ||
609 | |||
610 | */ | ||
611 | |||
612 | .hljs { | ||
613 | display: block; | ||
614 | overflow-x: auto; | ||
615 | padding: 0.5em; | ||
616 | color: #333; | ||
617 | background: #f8f8f8; | ||
618 | -webkit-text-size-adjust: none; | ||
619 | } | ||
620 | |||
621 | .hljs-comment, | ||
622 | .diff .hljs-header { | ||
623 | color: #998; | ||
624 | font-style: italic; | ||
625 | } | ||
626 | |||
627 | .hljs-keyword, | ||
628 | .css .rule .hljs-keyword, | ||
629 | .hljs-winutils, | ||
630 | .nginx .hljs-title, | ||
631 | .hljs-subst, | ||
632 | .hljs-request, | ||
633 | .hljs-status { | ||
634 | color: #333; | ||
635 | font-weight: bold; | ||
636 | } | ||
637 | |||
638 | .hljs-number, | ||
639 | .hljs-hexcolor, | ||
640 | .ruby .hljs-constant { | ||
641 | color: #008080; | ||
642 | } | ||
643 | |||
644 | .hljs-string, | ||
645 | .hljs-tag .hljs-value, | ||
646 | .hljs-doctag, | ||
647 | .tex .hljs-formula { | ||
648 | color: #d14; | ||
649 | } | ||
650 | |||
651 | .hljs-title, | ||
652 | .hljs-id, | ||
653 | .scss .hljs-preprocessor { | ||
654 | color: #900; | ||
655 | font-weight: bold; | ||
656 | } | ||
657 | |||
658 | .hljs-list .hljs-keyword, | ||
659 | .hljs-subst { | ||
660 | font-weight: normal; | ||
661 | } | ||
662 | |||
663 | .hljs-class .hljs-title, | ||
664 | .hljs-type, | ||
665 | .vhdl .hljs-literal, | ||
666 | .tex .hljs-command { | ||
667 | color: #458; | ||
668 | font-weight: bold; | ||
669 | } | ||
670 | |||
671 | .hljs-tag, | ||
672 | .hljs-tag .hljs-title, | ||
673 | .hljs-rule .hljs-property, | ||
674 | .django .hljs-tag .hljs-keyword { | ||
675 | color: #000080; | ||
676 | font-weight: normal; | ||
677 | } | ||
678 | |||
679 | .hljs-attribute, | ||
680 | .hljs-variable, | ||
681 | .lisp .hljs-body, | ||
682 | .hljs-name { | ||
683 | color: #008080; | ||
684 | } | ||
685 | |||
686 | .hljs-regexp { | ||
687 | color: #009926; | ||
688 | } | ||
689 | |||
690 | .hljs-symbol, | ||
691 | .ruby .hljs-symbol .hljs-string, | ||
692 | .lisp .hljs-keyword, | ||
693 | .clojure .hljs-keyword, | ||
694 | .scheme .hljs-keyword, | ||
695 | .tex .hljs-special, | ||
696 | .hljs-prompt { | ||
697 | color: #990073; | ||
698 | } | ||
699 | |||
700 | .hljs-built_in { | ||
701 | color: #0086b3; | ||
702 | } | ||
703 | |||
704 | .hljs-preprocessor, | ||
705 | .hljs-pragma, | ||
706 | .hljs-pi, | ||
707 | .hljs-doctype, | ||
708 | .hljs-shebang, | ||
709 | .hljs-cdata { | ||
710 | color: #999; | ||
711 | font-weight: bold; | ||
712 | } | ||
713 | |||
714 | .hljs-deletion { | ||
715 | background: #fdd; | ||
716 | } | ||
717 | |||
718 | .hljs-addition { | ||
719 | background: #dfd; | ||
720 | } | ||
721 | |||
722 | .diff .hljs-change { | ||
723 | background: #0086b3; | ||
724 | } | ||
725 | |||
726 | .hljs-chunk { | ||
727 | color: #aaa; | ||
728 | } | ||
729 | |||
730 | .header { | ||
731 | min-width: 200px; | ||
732 | max-width: 790px; | ||
733 | margin:0 auto; | ||
734 | } | ||
735 | </style> | ||
736 | </head> | ||
737 | |||
738 | <body> | ||
739 | <div class="header"> | ||
740 | <h1>rc-time-picker@0.2.0</h1> | ||
741 | </div> | ||
742 | <div class="examples"> | ||
743 | <h3>EXAMPLES</h3> | ||
744 | <div class="examples-body"> | ||
745 | <ul> | ||
746 | |||
747 | <li><a href="examples/pick-time.html">pick-time</a></li> | ||
748 | |||
749 | </ul> | ||
750 | </div> | ||
751 | </div> | ||
752 | <div id="readme" class="boxed-group"> | ||
753 | <h3>README.md</h3> | ||
754 | <div class="markdown-body"> | ||
755 | <h1>TimePicker<a id="user-content-timepicker" name="timepicker" class="anchor" aria-hidden="true" href="#timepicker"><span class="octicon octicon-link"></span></a></h1><p>React TimePicker</p> | ||
756 | <h2>install<a id="user-content-install" name="install" class="anchor" aria-hidden="true" href="#install"><span class="octicon octicon-link"></span></a></h2><div class="highlight"><pre><code language="undefined">npm install rc-time-picker</code></pre></div><h2>Usage<a id="user-content-usage" name="usage" class="anchor" aria-hidden="true" href="#usage"><span class="octicon octicon-link"></span></a></h2><div class="highlight"><pre><code language="js"><span class="hljs-keyword">import</span> TimePicker <span class="hljs-keyword">from</span> <span class="hljs-string">'rc-time-picker'</span>; | ||
757 | <span class="hljs-keyword">import</span> React <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>; | ||
758 | <span class="hljs-keyword">import</span> ReactDOM <span class="hljs-keyword">from</span> <span class="hljs-string">'react-dom'</span>; | ||
759 | ReactDOM.render(<span class="xml"><span class="hljs-tag"><<span class="hljs-title">TimePicker</span> /></span>, container);</span></code></pre></div><h2>API<a id="user-content-api" name="api" class="anchor" aria-hidden="true" href="#api"><span class="octicon octicon-link"></span></a></h2><h3>TimePanel<a id="user-content-timepanel" name="timepanel" class="anchor" aria-hidden="true" href="#timepanel"><span class="octicon octicon-link"></span></a></h3><table> | ||
760 | <thead> | ||
761 | <tr> | ||
762 | <th>Name</th> | ||
763 | <th>Type</th> | ||
764 | <th>Default</th> | ||
765 | <th>Description</th> | ||
766 | </tr> | ||
767 | </thead> | ||
768 | <tbody> | ||
769 | <tr> | ||
770 | <td>prefixCls</td> | ||
771 | <td>String</td> | ||
772 | <td></td> | ||
773 | <td>prefixCls of this component</td> | ||
774 | </tr> | ||
775 | <tr> | ||
776 | <td>locale</td> | ||
777 | <td>Object</td> | ||
778 | <td>import from 'rc-time-picker/lib/locale/en_US'</td> | ||
779 | <td></td> | ||
780 | </tr> | ||
781 | <tr> | ||
782 | <td>defaultValue</td> | ||
783 | <td>GregorianCalendar</td> | ||
784 | <td>null</td> | ||
785 | <td>defaultValue like input's defaultValue</td> | ||
786 | </tr> | ||
787 | <tr> | ||
788 | <td>placeholder</td> | ||
789 | <td>String</td> | ||
790 | <td>''</td> | ||
791 | <td>time input's placeholder</td> | ||
792 | </tr> | ||
793 | <tr> | ||
794 | <td>formatter</td> | ||
795 | <td>GregorianCalendarFormatter</td> | ||
796 | <td>HH:mm:ss or HH:mm or mm:ss</td> | ||
797 | <td></td> | ||
798 | </tr> | ||
799 | <tr> | ||
800 | <td>hourOptions</td> | ||
801 | <td>Array<String></td> | ||
802 | <td>hour options</td> | ||
803 | <td></td> | ||
804 | </tr> | ||
805 | <tr> | ||
806 | <td>minuteOptions</td> | ||
807 | <td>Array<String></td> | ||
808 | <td>minute options</td> | ||
809 | <td></td> | ||
810 | </tr> | ||
811 | <tr> | ||
812 | <td>secondOptions</td> | ||
813 | <td>Array<String></td> | ||
814 | <td>second options</td> | ||
815 | <td></td> | ||
816 | </tr> | ||
817 | <tr> | ||
818 | <td>onChange</td> | ||
819 | <td>Function</td> | ||
820 | <td>null</td> | ||
821 | <td>called when input or select a different value</td> | ||
822 | </tr> | ||
823 | </tbody> | ||
824 | </table> | ||
825 | <h3>TimePicker<a id="user-content-timepicker" name="timepicker" class="anchor" aria-hidden="true" href="#timepicker"><span class="octicon octicon-link"></span></a></h3><table> | ||
826 | <thead> | ||
827 | <tr> | ||
828 | <th>Name</th> | ||
829 | <th>Type</th> | ||
830 | <th>Default</th> | ||
831 | <th>Description</th> | ||
832 | </tr> | ||
833 | </thead> | ||
834 | <tbody> | ||
835 | <tr> | ||
836 | <td>prefixCls</td> | ||
837 | <td>String</td> | ||
838 | <td></td> | ||
839 | <td>prefixCls of this component</td> | ||
840 | </tr> | ||
841 | <tr> | ||
842 | <td>panel</td> | ||
843 | <td>TimePanel React Element</td> | ||
844 | <td></td> | ||
845 | <td></td> | ||
846 | </tr> | ||
847 | <tr> | ||
848 | <td>disabled</td> | ||
849 | <td>Boolean</td> | ||
850 | <td>false</td> | ||
851 | <td>whether picker is disabled</td> | ||
852 | </tr> | ||
853 | <tr> | ||
854 | <td>open</td> | ||
855 | <td>Boolean</td> | ||
856 | <td>false</td> | ||
857 | <td>current open state of picker. controlled prop</td> | ||
858 | </tr> | ||
859 | <tr> | ||
860 | <td>value</td> | ||
861 | <td>GregorianCalendar</td> | ||
862 | <td>null</td> | ||
863 | <td>current value like input's value</td> | ||
864 | </tr> | ||
865 | <tr> | ||
866 | <td>onChange</td> | ||
867 | <td>Function</td> | ||
868 | <td>null</td> | ||
869 | <td>called when select a different value</td> | ||
870 | </tr> | ||
871 | <tr> | ||
872 | <td>onOpen</td> | ||
873 | <td>Function</td> | ||
874 | <td>null</td> | ||
875 | <td>called when open picker</td> | ||
876 | </tr> | ||
877 | <tr> | ||
878 | <td>onClose</td> | ||
879 | <td>Function</td> | ||
880 | <td>null</td> | ||
881 | <td>called when close picker</td> | ||
882 | </tr> | ||
883 | </tbody> | ||
884 | </table> | ||
885 | <h2>License<a id="user-content-license" name="license" class="anchor" aria-hidden="true" href="#license"><span class="octicon octicon-link"></span></a></h2><p>rc-time-picker is released under the MIT license.</p> | ||
886 | |||
887 | </div> | ||
888 | </div> | ||
889 | <a href="http://github.com/react-component/time-picker"><img style="position: absolute; top: 0; right: 0; border: 0;" | ||
890 | src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" | ||
891 | alt="Fork me on GitHub" | ||
892 | data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a> | ||
893 | </body> | ||
894 | |||
895 | </html> | ||