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

exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
<div
  class="ant-picker-calendar ant-picker-calendar-full"
>
  <div
    class="ant-picker-calendar-header"
  >
    <div
      class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
    >
      <div
        class="ant-select-selector"
      >
        <span
          class="ant-select-selection-search"
        >
          <input
            aria-activedescendant="undefined_list_0"
            aria-autocomplete="list"
            aria-controls="undefined_list"
            aria-haspopup="listbox"
            aria-owns="undefined_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            readonly=""
            role="combobox"
            style="opacity:0"
            value=""
          />
        </span>
        <span
          class="ant-select-selection-item"
        >
          2016
        </span>
      </div>
      <span
        aria-hidden="true"
        class="ant-select-arrow"
        style="user-select:none;-webkit-user-select:none"
        unselectable="on"
      >
        <span
          aria-label="down"
          class="anticon anticon-down"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow"
    >
      <div
        class="ant-select-selector"
      >
        <span
          class="ant-select-selection-search"
        >
          <input
            aria-activedescendant="undefined_list_0"
            aria-autocomplete="list"
            aria-controls="undefined_list"
            aria-haspopup="listbox"
            aria-owns="undefined_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            readonly=""
            role="combobox"
            style="opacity:0"
            value=""
          />
        </span>
        <span
          class="ant-select-selection-item"
        >
          Nov
        </span>
      </div>
      <span
        aria-hidden="true"
        class="ant-select-arrow"
        style="user-select:none;-webkit-user-select:none"
        unselectable="on"
      >
        <span
          aria-label="down"
          class="anticon anticon-down"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
    >
      <label
        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
      >
        <span
          class="ant-radio-button ant-radio-button-checked"
        >
          <input
            checked=""
            class="ant-radio-button-input"
            type="radio"
            value="month"
          />
          <span
            class="ant-radio-button-inner"
          />
        </span>
        <span>
          Month
        </span>
      </label>
      <label
        class="ant-radio-button-wrapper"
      >
        <span
          class="ant-radio-button"
        >
          <input
            class="ant-radio-button-input"
            type="radio"
            value="year"
          />
          <span
            class="ant-radio-button-inner"
          />
        </span>
        <span>
          Year
        </span>
      </label>
    </div>
  </div>
  <div
    class="ant-picker-panel"
    tabindex="0"
  >
    <div
      class="ant-picker-date-panel"
    >
      <div
        class="ant-picker-body"
      >
        <table
          class="ant-picker-content"
        >
          <thead>
            <tr>
              <th>
                Su
              </th>
              <th>
                Mo
              </th>
              <th>
                Tu
              </th>
              <th>
                We
              </th>
              <th>
                Th
              </th>
              <th>
                Fr
              </th>
              <th>
                Sa
              </th>
            </tr>
          </thead>
          <tbody>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell"
                title="2016-10-30"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    30
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-10-31"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    31
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-01"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    01
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-02"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    02
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-03"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    03
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-04"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    04
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-05"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    05
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-06"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    06
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-07"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    07
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-08"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    08
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-09"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    09
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-10"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    10
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-11"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    11
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-12"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    12
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-13"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    13
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-14"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    14
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-15"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    15
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-16"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    16
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-17"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    17
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-18"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    18
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-19"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    19
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-20"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    20
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-21"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    21
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected"
                title="2016-11-22"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    22
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-23"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    23
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-24"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    24
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-25"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    25
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-26"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    26
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-27"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    27
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-28"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    28
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-29"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    29
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-30"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    30
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-01"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    01
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-02"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    02
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-03"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    03
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell"
                title="2016-12-04"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    04
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-05"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    05
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-06"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    06
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-07"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    07
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-08"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    08
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-09"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    09
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-10"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    10
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<div
  class="site-calendar-demo-card"
>
  <div
    class="ant-picker-calendar ant-picker-calendar-mini"
  >
    <div
      class="ant-picker-calendar-header"
    >
      <div
        class="ant-select ant-picker-calendar-year-select ant-select-sm ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            2016
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-select ant-picker-calendar-month-select ant-select-sm ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            Nov
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-radio-group-small ant-picker-calendar-mode-switch"
      >
        <label
          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
        >
          <span
            class="ant-radio-button ant-radio-button-checked"
          >
            <input
              checked=""
              class="ant-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="ant-picker-panel"
      tabindex="0"
    >
      <div
        class="ant-picker-date-panel"
      >
        <div
          class="ant-picker-body"
        >
          <table
            class="ant-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell"
                  title="2016-10-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-10-31"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-12"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-13"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-14"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-15"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-16"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-17"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-18"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-19"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-20"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-21"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected"
                  title="2016-11-22"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-23"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-24"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-25"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-26"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-27"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-28"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-29"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell"
                  title="2016-12-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/calendar/demo/customize-header.md correctly 1`] = `
<div
  class="site-calendar-customize-header-wrapper"
>
  <div
    class="ant-picker-calendar ant-picker-calendar-mini"
  >
    <div
      style="padding:10px"
    >
      <div
        style="margin-bottom:10px"
      >
        Custom header 
      </div>
      <div
        class="ant-row"
        style="margin-left:-4px;margin-right:-4px;flex-wrap:nowrap"
      >
        <div
          class="ant-col"
          style="padding-left:4px;padding-right:4px;flex:none"
        >
          <div
            class="ant-radio-group ant-radio-group-outline ant-radio-group-small"
          >
            <label
              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
            >
              <span
                class="ant-radio-button ant-radio-button-checked"
              >
                <input
                  checked=""
                  class="ant-radio-button-input"
                  type="radio"
                  value="month"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Month
              </span>
            </label>
            <label
              class="ant-radio-button-wrapper"
            >
              <span
                class="ant-radio-button"
              >
                <input
                  class="ant-radio-button-input"
                  type="radio"
                  value="year"
                />
                <span
                  class="ant-radio-button-inner"
                />
              </span>
              <span>
                Year
              </span>
            </label>
          </div>
        </div>
        <div
          class="ant-col"
          style="padding-left:4px;padding-right:4px;flex:auto"
        >
          <div
            class="ant-select my-year-select ant-select-sm ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
              >
                2016
              </span>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
        <div
          class="ant-col"
          style="padding-left:4px;padding-right:4px;flex:auto"
        >
          <div
            class="ant-select ant-select-sm ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-haspopup="listbox"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
              >
                Nov
              </span>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-picker-panel"
      tabindex="0"
    >
      <div
        class="ant-picker-date-panel"
      >
        <div
          class="ant-picker-body"
        >
          <table
            class="ant-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell"
                  title="2016-10-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-10-31"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-12"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-13"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-14"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-15"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-16"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-17"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-18"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-19"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-20"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-21"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected"
                  title="2016-11-22"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-23"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-24"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-25"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-26"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-27"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-28"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-29"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2016-11-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell"
                  title="2016-12-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2016-12-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
<div
  class="ant-picker-calendar ant-picker-calendar-full"
>
  <div
    class="ant-picker-calendar-header"
  >
    <div
      class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
    >
      <div
        class="ant-select-selector"
      >
        <span
          class="ant-select-selection-search"
        >
          <input
            aria-activedescendant="undefined_list_0"
            aria-autocomplete="list"
            aria-controls="undefined_list"
            aria-haspopup="listbox"
            aria-owns="undefined_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            readonly=""
            role="combobox"
            style="opacity:0"
            value=""
          />
        </span>
        <span
          class="ant-select-selection-item"
        >
          2016
        </span>
      </div>
      <span
        aria-hidden="true"
        class="ant-select-arrow"
        style="user-select:none;-webkit-user-select:none"
        unselectable="on"
      >
        <span
          aria-label="down"
          class="anticon anticon-down"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow"
    >
      <div
        class="ant-select-selector"
      >
        <span
          class="ant-select-selection-search"
        >
          <input
            aria-activedescendant="undefined_list_0"
            aria-autocomplete="list"
            aria-controls="undefined_list"
            aria-haspopup="listbox"
            aria-owns="undefined_list"
            autocomplete="off"
            class="ant-select-selection-search-input"
            readonly=""
            role="combobox"
            style="opacity:0"
            value=""
          />
        </span>
        <span
          class="ant-select-selection-item"
        >
          Nov
        </span>
      </div>
      <span
        aria-hidden="true"
        class="ant-select-arrow"
        style="user-select:none;-webkit-user-select:none"
        unselectable="on"
      >
        <span
          aria-label="down"
          class="anticon anticon-down"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="down"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
    >
      <label
        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
      >
        <span
          class="ant-radio-button ant-radio-button-checked"
        >
          <input
            checked=""
            class="ant-radio-button-input"
            type="radio"
            value="month"
          />
          <span
            class="ant-radio-button-inner"
          />
        </span>
        <span>
          Month
        </span>
      </label>
      <label
        class="ant-radio-button-wrapper"
      >
        <span
          class="ant-radio-button"
        >
          <input
            class="ant-radio-button-input"
            type="radio"
            value="year"
          />
          <span
            class="ant-radio-button-inner"
          />
        </span>
        <span>
          Year
        </span>
      </label>
    </div>
  </div>
  <div
    class="ant-picker-panel"
    tabindex="0"
  >
    <div
      class="ant-picker-date-panel"
    >
      <div
        class="ant-picker-body"
      >
        <table
          class="ant-picker-content"
        >
          <thead>
            <tr>
              <th>
                Su
              </th>
              <th>
                Mo
              </th>
              <th>
                Tu
              </th>
              <th>
                We
              </th>
              <th>
                Th
              </th>
              <th>
                Fr
              </th>
              <th>
                Sa
              </th>
            </tr>
          </thead>
          <tbody>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell"
                title="2016-10-30"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    30
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-10-31"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    31
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-01"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    01
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-02"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    02
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-03"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    03
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-04"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    04
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-05"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    05
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-06"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    06
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-07"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    07
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-08"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    08
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    >
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-warning"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is warning event.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-success"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is usual event.
                          </span>
                        </span>
                      </li>
                    </ul>
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-09"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    09
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-10"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    10
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    >
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-warning"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is warning event.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-success"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is usual event.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-error"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is error event.
                          </span>
                        </span>
                      </li>
                    </ul>
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-11"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    11
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-12"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    12
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-13"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    13
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-14"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    14
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-15"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    15
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    >
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-warning"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is warning event
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-success"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is very long usual event。。....
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-error"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is error event 1.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-error"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is error event 2.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-error"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is error event 3.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-error"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is error event 4.
                          </span>
                        </span>
                      </li>
                    </ul>
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-16"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    16
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-17"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    17
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-18"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    18
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-19"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    19
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-20"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    20
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-21"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    21
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-today ant-picker-cell-selected"
                title="2016-11-22"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date ant-picker-calendar-date-today"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    22
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-23"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    23
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-24"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    24
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-25"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    25
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-26"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    26
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-27"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    27
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-28"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    28
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-29"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    29
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell ant-picker-cell-in-view"
                title="2016-11-30"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    30
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-01"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    01
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-02"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    02
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-03"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    03
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
            </tr>
            <tr
              class=""
            >
              <td
                class="ant-picker-cell"
                title="2016-12-04"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    04
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-05"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    05
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-06"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    06
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-07"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    07
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-08"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    08
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    >
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-warning"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is warning event.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-success"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is usual event.
                          </span>
                        </span>
                      </li>
                    </ul>
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-09"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    09
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    />
                  </div>
                </div>
              </td>
              <td
                class="ant-picker-cell"
                title="2016-12-10"
              >
                <div
                  class="ant-picker-cell-inner ant-picker-calendar-date"
                >
                  <div
                    class="ant-picker-calendar-date-value"
                  >
                    10
                  </div>
                  <div
                    class="ant-picker-calendar-date-content"
                  >
                    <ul
                      class="events"
                    >
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-warning"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is warning event.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-success"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is usual event.
                          </span>
                        </span>
                      </li>
                      <li>
                        <span
                          class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                        >
                          <span
                            class="ant-badge-status-dot ant-badge-status-error"
                          />
                          <span
                            class="ant-badge-status-text"
                          >
                            This is error event.
                          </span>
                        </span>
                      </li>
                    </ul>
                  </div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
<div>
  <div
    class="ant-alert ant-alert-info ant-alert-no-icon"
    data-show="true"
  >
    <span
      class="ant-alert-message"
    >
      You selected date: 2017-01-25
    </span>
    <span
      class="ant-alert-description"
    />
  </div>
  <div
    class="ant-picker-calendar ant-picker-calendar-full"
  >
    <div
      class="ant-picker-calendar-header"
    >
      <div
        class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            2017
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            Jan
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
      >
        <label
          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
        >
          <span
            class="ant-radio-button ant-radio-button-checked"
          >
            <input
              checked=""
              class="ant-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="ant-picker-panel"
      tabindex="0"
    >
      <div
        class="ant-picker-date-panel"
      >
        <div
          class="ant-picker-body"
        >
          <table
            class="ant-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-12"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-13"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-14"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-15"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-16"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-17"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-18"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-19"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-20"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-21"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-22"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-23"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-24"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
                  title="2017-01-25"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-26"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-27"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-28"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-29"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2017-01-31"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr
                class=""
              >
                <td
                  class="ant-picker-cell"
                  title="2017-02-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2017-02-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;
