ant-design/components/time-picker/__tests__/__snapshots__/demo-extend.test.ts.snap
2022-05-09 20:25:55 +08:00

27587 lines
817 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/time-picker/demo/12hours.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="12"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
AM
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
PM
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-picker"
style="width:140px"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="11"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
AM
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
PM
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
AM
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
PM
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/addon.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<div
class="ant-picker-footer-extra"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</div>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/basic.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/bordered.md extend context correctly 1`] = `
Array [
<div
class="ant-picker ant-picker-borderless"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-picker ant-picker-range ant-picker-borderless"
>
<div
class="ant-picker-input ant-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-range-separator"
>
<span
aria-label="to"
class="ant-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="End time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>,
<div>
<div
class="ant-picker-dropdown ant-picker-dropdown-range"
style="opacity:0"
>
<div
class="ant-picker-range-wrapper ant-picker-time-range-wrapper"
style="min-width:0"
>
<div
class="ant-picker-range-arrow"
style="left:0"
/>
<div
class="ant-picker-panel-container"
style="margin-left:0"
>
<div
class="ant-picker-panels"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/colored-popup.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown myCustomClassName"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/disabled.md extend context correctly 1`] = `
Array [
<div
class="ant-picker ant-picker-disabled"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
disabled=""
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/hide-column.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
<span
class="ant-picker-clear"
role="button"
>
<span
aria-label="close-circle"
class="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/interval-options.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/range-picker.md extend context correctly 1`] = `
Array [
<div
class="ant-picker ant-picker-range"
>
<div
class="ant-picker-input ant-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-range-separator"
>
<span
aria-label="to"
class="ant-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="End time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>,
<div>
<div
class="ant-picker-dropdown ant-picker-dropdown-range"
style="opacity:0"
>
<div
class="ant-picker-range-wrapper ant-picker-time-range-wrapper"
style="min-width:0"
>
<div
class="ant-picker-range-arrow"
style="left:0"
/>
<div
class="ant-picker-panel-container"
style="margin-left:0"
>
<div
class="ant-picker-panels"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/size.md extend context correctly 1`] = `
Array [
<div
class="ant-picker ant-picker-large"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
<span
class="ant-picker-clear"
role="button"
>
<span
aria-label="close-circle"
class="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
<span
class="ant-picker-clear"
role="button"
>
<span
aria-label="close-circle"
class="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
<div
class="ant-picker ant-picker-small"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
<span
class="ant-picker-clear"
role="button"
>
<span
aria-label="close-circle"
class="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/status.md extend context correctly 1`] = `
<div
class="ant-space ant-space-vertical"
>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-status-error"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-status-warning"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
style="margin-bottom:8px"
>
<div
class="ant-picker ant-picker-range ant-picker-status-error"
>
<div
class="ant-picker-input ant-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-range-separator"
>
<span
aria-label="to"
class="ant-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="End time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
<div>
<div
class="ant-picker-dropdown ant-picker-dropdown-range"
style="opacity:0"
>
<div
class="ant-picker-range-wrapper ant-picker-time-range-wrapper"
style="min-width:0"
>
<div
class="ant-picker-range-arrow"
style="left:0"
/>
<div
class="ant-picker-panel-container"
style="margin-left:0"
>
<div
class="ant-picker-panels"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="ant-space-item"
>
<div
class="ant-picker ant-picker-range ant-picker-status-warning"
>
<div
class="ant-picker-input ant-picker-input-active"
>
<input
autocomplete="off"
placeholder="Start time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-range-separator"
>
<span
aria-label="to"
class="ant-picker-separator"
>
<span
aria-label="swap-right"
class="anticon anticon-swap-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="swap-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
/>
</svg>
</span>
</span>
</div>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="End time"
readonly=""
size="10"
value=""
/>
</div>
<div
class="ant-picker-active-bar"
style="left:0;width:0;position:absolute"
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
<div>
<div
class="ant-picker-dropdown ant-picker-dropdown-range"
style="opacity:0"
>
<div
class="ant-picker-range-wrapper ant-picker-time-range-wrapper"
style="min-width:0"
>
<div
class="ant-picker-range-arrow"
style="left:0"
/>
<div
class="ant-picker-panel-container"
style="margin-left:0"
>
<div
class="ant-picker-panels"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/time-picker/demo/suffix.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="smile"
class="anticon anticon-smile"
role="img"
>
<svg
aria-hidden="true"
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/time-picker/demo/value.md extend context correctly 1`] = `
Array [
<div
class="ant-picker"
>
<div
class="ant-picker-input"
>
<input
autocomplete="off"
placeholder="Select time"
readonly=""
size="10"
title=""
value=""
/>
<span
class="ant-picker-suffix"
>
<span
aria-label="clock-circle"
class="anticon anticon-clock-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
/>
<path
d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
/>
</svg>
</span>
</span>
</div>
</div>,
<div>
<div
class="ant-picker-dropdown"
style="opacity:0"
>
<div
class="ant-picker-panel-container"
>
<div
class="ant-picker-panel ant-picker-panel-focused"
tabindex="-1"
>
<div
class="ant-picker-time-panel"
>
<div
class="ant-picker-content"
>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
<ul
class="ant-picker-time-panel-column"
style="position:relative"
>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
00
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
01
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
02
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
03
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
04
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
05
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
06
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
07
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
08
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
09
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
10
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
11
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
12
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
13
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
14
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
15
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
16
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
17
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
18
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
19
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
20
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
21
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
22
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
23
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
24
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
25
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
26
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
27
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
28
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
29
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
30
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
31
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
32
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
33
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
34
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
35
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
36
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
37
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
38
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
39
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
40
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
41
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
42
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
43
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
44
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
45
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
46
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
47
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
48
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
49
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
50
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
51
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
52
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
53
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
54
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
55
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
56
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
57
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
58
</div>
</li>
<li
class="ant-picker-time-panel-cell"
>
<div
class="ant-picker-time-panel-cell-inner"
>
59
</div>
</li>
</ul>
</div>
</div>
<div
class="ant-picker-footer"
>
<ul
class="ant-picker-ranges"
>
<li
class="ant-picker-now"
>
<a
class="ant-picker-now-btn"
>
Now
</a>
</li>
<li
class="ant-picker-ok"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
disabled=""
type="button"
>
<span>
OK
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>,
]
`;