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

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`RangePicker customize separator 1`] = `
<span
  class="ant-calendar-picker"
  tabindex="0"
>
  <span
    class="ant-calendar-picker-input ant-input"
  >
    <input
      class="ant-calendar-range-picker-input"
      placeholder="Start date"
      readonly=""
      tabindex="-1"
      value=""
    />
    <span
      class="ant-calendar-range-picker-separator"
    >
       test 
    </span>
    <input
      class="ant-calendar-range-picker-input"
      placeholder="End date"
      readonly=""
      tabindex="-1"
      value=""
    />
    <span
      aria-label="calendar"
      class="anticon anticon-calendar ant-calendar-picker-icon"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="calendar"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
        />
      </svg>
    </span>
  </span>
</span>
`;

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"
            >
              <span
                class="ant-tag ant-tag-blue"
              >
                My Birthday
              </span>
            </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>
`;