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

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

exports[`WeekPicker should support dateRender 1`] = `
<div>
  <div
    class="ant-calendar-picker-container"
    style="opacity:0"
  >
    <div
      class="ant-calendar ant-calendar-week-number"
      tabindex="0"
    >
      <div
        class="ant-calendar-panel"
      >
        <div
          class="ant-calendar-date-panel"
          tabindex="0"
        >
          <div
            class="ant-calendar-header"
          >
            <div
              style="position:relative"
            >
              <a
                class="ant-calendar-prev-year-btn"
                role="button"
                title="Last year (Control + left)"
              />
              <a
                class="ant-calendar-prev-month-btn"
                role="button"
                title="Previous month (PageUp)"
              />
              <span
                class="ant-calendar-my-select"
              >
                <a
                  class="ant-calendar-month-select"
                  role="button"
                  title="Choose a month"
                >
                  Sep
                </a>
                <a
                  class="ant-calendar-year-select"
                  role="button"
                  title="Choose a year"
                >
                  2017
                </a>
              </span>
              <a
                class="ant-calendar-next-month-btn"
                title="Next month (PageDown)"
              />
              <a
                class="ant-calendar-next-year-btn"
                title="Next year (Control + right)"
              />
            </div>
          </div>
          <div
            class="ant-calendar-body"
          >
            <table
              cellspacing="0"
              class="ant-calendar-table"
              role="grid"
            >
              <thead>
                <tr
                  role="row"
                >
                  <th
                    class="ant-calendar-column-header ant-calendar-week-number-header"
                    role="columnheader"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      x
                    </span>
                  </th>
                  <th
                    class="ant-calendar-column-header"
                    role="columnheader"
                    title="Sun"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      Su
                    </span>
                  </th>
                  <th
                    class="ant-calendar-column-header"
                    role="columnheader"
                    title="Mon"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      Mo
                    </span>
                  </th>
                  <th
                    class="ant-calendar-column-header"
                    role="columnheader"
                    title="Tue"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      Tu
                    </span>
                  </th>
                  <th
                    class="ant-calendar-column-header"
                    role="columnheader"
                    title="Wed"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      We
                    </span>
                  </th>
                  <th
                    class="ant-calendar-column-header"
                    role="columnheader"
                    title="Thu"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      Th
                    </span>
                  </th>
                  <th
                    class="ant-calendar-column-header"
                    role="columnheader"
                    title="Fri"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      Fr
                    </span>
                  </th>
                  <th
                    class="ant-calendar-column-header"
                    role="columnheader"
                    title="Sat"
                  >
                    <span
                      class="ant-calendar-column-header-inner"
                    >
                      Sa
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-calendar-tbody"
              >
                <tr
                  class=""
                  role="row"
                >
                  <td
                    class="ant-calendar-week-number-cell"
                    role="gridcell"
                  >
                    35
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-last-month-cell"
                    role="gridcell"
                    title="August 27, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-08-27
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-last-month-cell"
                    role="gridcell"
                    title="August 28, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-08-28
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-last-month-cell"
                    role="gridcell"
                    title="August 29, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-08-29
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-last-month-cell"
                    role="gridcell"
                    title="August 30, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-08-30
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month"
                    role="gridcell"
                    title="August 31, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-08-31
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 1, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-01
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 2, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-02
                      </span>
                    </div>
                  </td>
                </tr>
                <tr
                  class=""
                  role="row"
                >
                  <td
                    class="ant-calendar-week-number-cell"
                    role="gridcell"
                  >
                    36
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 3, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-03
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 4, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-04
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 5, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-05
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 6, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-06
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 7, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-07
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 8, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-08
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 9, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-09
                      </span>
                    </div>
                  </td>
                </tr>
                <tr
                  class=""
                  role="row"
                >
                  <td
                    class="ant-calendar-week-number-cell"
                    role="gridcell"
                  >
                    37
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 10, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-10
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 11, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-11
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 12, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-12
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 13, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-13
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 14, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-14
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 15, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-15
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 16, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-16
                      </span>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-calendar-current-week ant-calendar-active-week"
                  role="row"
                >
                  <td
                    class="ant-calendar-week-number-cell"
                    role="gridcell"
                  >
                    38
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 17, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-17
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-today ant-calendar-selected-day"
                    role="gridcell"
                    title="September 18, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-18
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 19, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-19
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 20, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-20
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 21, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-21
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 22, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-22
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 23, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-23
                      </span>
                    </div>
                  </td>
                </tr>
                <tr
                  class=""
                  role="row"
                >
                  <td
                    class="ant-calendar-week-number-cell"
                    role="gridcell"
                  >
                    39
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 24, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-24
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 25, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-25
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 26, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-26
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 27, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-27
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 28, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-28
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell"
                    role="gridcell"
                    title="September 29, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-29
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-last-day-of-month"
                    role="gridcell"
                    title="September 30, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-09-30
                      </span>
                    </div>
                  </td>
                </tr>
                <tr
                  class=""
                  role="row"
                >
                  <td
                    class="ant-calendar-week-number-cell"
                    role="gridcell"
                  >
                    40
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-next-month-btn-day"
                    role="gridcell"
                    title="October 1, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-10-01
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-next-month-btn-day"
                    role="gridcell"
                    title="October 2, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-10-02
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-next-month-btn-day"
                    role="gridcell"
                    title="October 3, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-10-03
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-next-month-btn-day"
                    role="gridcell"
                    title="October 4, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-10-04
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-next-month-btn-day"
                    role="gridcell"
                    title="October 5, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-10-05
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-next-month-btn-day"
                    role="gridcell"
                    title="October 6, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-10-06
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-calendar-cell ant-calendar-next-month-btn-day"
                    role="gridcell"
                    title="October 7, 2017"
                  >
                    <div
                      class="ant-calendar-date"
                    >
                      <span>
                        2017-10-07
                      </span>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`WeekPicker should support style prop 1`] = `
<span
  class="ant-calendar-picker"
  style="width: 400px;"
>
  <span
    style="display: inline-block; width: 100%;"
  >
    <input
      class="ant-calendar-picker-input ant-input"
      placeholder="Select date"
      readonly=""
      value=""
    />
    <span
      aria-label="calendar"
      class="anticon anticon-calendar ant-calendar-picker-icon"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="calendar"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
        />
      </svg>
    </span>
  </span>
</span>
`;