ant-design/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap

3022 lines
106 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`RangePicker show month panel according to value 1`] = `
<div>
<div
class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft "
>
<div
class="ant-calendar-time ant-calendar ant-calendar-range"
tabindex="0"
>
<div
class="ant-calendar-panel"
>
<div
class="ant-calendar-date-panel"
>
<div
class="ant-calendar-range-part ant-calendar-range-left"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="Start date"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative"
>
<a
class="ant-calendar-prev-year-btn"
role="button"
title="Last year (Control + left)"
/>
<a
class="ant-calendar-prev-month-btn"
role="button"
title="Previous month (PageUp)"
/>
<span
class="ant-calendar-my-select"
>
<a
class="ant-calendar-month-select"
role="button"
title="Choose a month"
>
1月
</a>
<a
class="ant-calendar-year-select"
role="button"
title="Choose a year"
>
2000
</a>
</span>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class="ant-calendar-active-week"
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月27日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月28日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月29日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月30日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month"
role="gridcell"
title="1999年12月31日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-selected-start-date ant-calendar-selected-end-date ant-calendar-selected-day"
role="gridcell"
title="2000年1月1日"
>
<div
aria-disabled="false"
aria-selected="true"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月7日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月8日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月9日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月10日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月11日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月12日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月13日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月14日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月15日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月16日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月17日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月18日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月19日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月20日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月21日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月22日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月23日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月24日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月25日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月26日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月27日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月28日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月29日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月30日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-day-of-month"
role="gridcell"
title="2000年1月31日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月1日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<span
class="ant-calendar-range-middle"
>
~
</span>
<div
class="ant-calendar-range-part ant-calendar-range-right"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="End date"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative"
>
<span
class="ant-calendar-my-select"
>
<a
class="ant-calendar-month-select"
role="button"
title="Choose a month"
>
2月
</a>
<a
class="ant-calendar-year-select"
role="button"
title="Choose a year"
>
2000
</a>
</span>
<a
class="ant-calendar-next-month-btn"
title="Next month (PageDown)"
/>
<a
class="ant-calendar-next-year-btn"
title="Next year (Control + right)"
/>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month"
role="gridcell"
title="2000年1月31日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月1日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月7日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月8日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月9日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月10日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月11日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月12日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月13日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月14日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月15日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月16日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月17日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月18日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月19日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月20日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月21日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月22日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月23日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月24日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月25日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月26日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月27日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月28日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-day-of-month"
role="gridcell"
title="2000年2月29日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月1日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月7日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月8日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月9日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月10日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月11日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月12日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok"
>
<div
class="ant-calendar-footer-btn"
>
<a
class="ant-calendar-time-picker-btn"
role="button"
>
select time
</a>
<a
class="ant-calendar-ok-btn"
role="button"
>
Ok
</a>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`RangePicker switch to corresponding month panel when click presetted ranges 1`] = `
<div>
<div
class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft "
>
<div
class="ant-calendar-time ant-calendar-range-with-ranges ant-calendar ant-calendar-range"
tabindex="0"
>
<div
class="ant-calendar-panel"
>
<div
class="ant-calendar-date-panel"
>
<div
class="ant-calendar-range-part ant-calendar-range-left"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="Start date"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative"
>
<a
class="ant-calendar-prev-year-btn"
role="button"
title="Last year (Control + left)"
/>
<a
class="ant-calendar-prev-month-btn"
role="button"
title="Previous month (PageUp)"
/>
<span
class="ant-calendar-my-select"
>
<a
class="ant-calendar-month-select"
role="button"
title="Choose a month"
>
1月
</a>
<a
class="ant-calendar-year-select"
role="button"
title="Choose a year"
>
2000
</a>
</span>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class="ant-calendar-active-week"
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月27日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月28日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月29日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="1999年12月30日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month"
role="gridcell"
title="1999年12月31日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-selected-start-date ant-calendar-selected-end-date ant-calendar-selected-day"
role="gridcell"
title="2000年1月1日"
>
<div
aria-disabled="false"
aria-selected="true"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月7日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月8日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月9日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月10日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月11日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月12日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月13日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月14日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月15日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月16日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月17日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月18日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月19日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月20日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月21日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月22日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月23日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月24日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月25日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月26日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月27日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月28日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月29日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年1月30日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-day-of-month"
role="gridcell"
title="2000年1月31日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月1日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年2月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<span
class="ant-calendar-range-middle"
>
~
</span>
<div
class="ant-calendar-range-part ant-calendar-range-right"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="End date"
value="2000/01/01"
/>
</div>
</div>
<div
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative"
>
<span
class="ant-calendar-my-select"
>
<a
class="ant-calendar-month-select"
role="button"
title="Choose a month"
>
2月
</a>
<a
class="ant-calendar-year-select"
role="button"
title="Choose a year"
>
2000
</a>
</span>
<a
class="ant-calendar-next-month-btn"
title="Next month (PageDown)"
/>
<a
class="ant-calendar-next-year-btn"
title="Next year (Control + right)"
/>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周一"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周二"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周三"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周四"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周五"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周六"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="周日"
>
<span
class="ant-calendar-column-header-inner"
>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month"
role="gridcell"
title="2000年1月31日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月1日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月7日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月8日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月9日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月10日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月11日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月12日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月13日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月14日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月15日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月16日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月17日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月18日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月19日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月20日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月21日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月22日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月23日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月24日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月25日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月26日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月27日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="2000年2月28日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-day-of-month"
role="gridcell"
title="2000年2月29日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月1日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月2日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月3日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月4日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月5日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月6日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月7日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月8日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月9日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月10日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月11日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="2000年3月12日"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div
class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok"
>
<div
class="ant-calendar-footer-btn"
>
<div
class="ant-calendar-footer-extra ant-calendar-range-quick-selector"
>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
My Birthday
</div>
</div>
<a
class="ant-calendar-time-picker-btn"
role="button"
>
select time
</a>
<a
class="ant-calendar-ok-btn"
role="button"
>
Ok
</a>
</div>
</div>
</div>
</div>
</div>
</div>
`;