aboutsummaryrefslogtreecommitdiffhomepage
path: root/index.html
diff options
context:
space:
mode:
author崖鹰 <zhao.wuz@alipay.com>2015-11-16 14:58:35 +0800
committer崖鹰 <zhao.wuz@alipay.com>2015-11-16 14:58:35 +0800
commit80256746c1b81af8b19a4df9a93029e904d03859 (patch)
treec56268f890150bf45345359f54151b33129caa71 /index.html
downloadtime-picker-80256746c1b81af8b19a4df9a93029e904d03859.tar.gz
time-picker-80256746c1b81af8b19a4df9a93029e904d03859.tar.zst
time-picker-80256746c1b81af8b19a4df9a93029e904d03859.zip
Updates
Diffstat (limited to 'index.html')
-rw-r--r--index.html895
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>;
759ReactDOM.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">TimePicker</span> /&gt;</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 &#39;rc-time-picker/lib/locale/en_US&#39;</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&#39;s defaultValue</td>
786</tr>
787<tr>
788<td>placeholder</td>
789<td>String</td>
790<td>&#39;&#39;</td>
791<td>time input&#39;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&#39;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>
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-25 12:04:41 +0000