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

exports[`VDatePicker.ts should handle date range picker with null value 1`] = `
<div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
  <div>
    &nbsp;
  </div>
</div>
`;

exports[`VDatePicker.ts should match snapshot with colored picker & header 1`] = `
<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title orange darken-1">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2005
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, Nov 1
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--light">
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="primary--text">
            <button type="button">
              November 2005
            </button>
          </div>
        </div>
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light primary"
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should match snapshot with colored picker 1`] = `
<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title orange darken-1">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2005
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, Nov 1
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--light">
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="orange--text text--darken-1">
            <button type="button">
              November 2005
            </button>
          </div>
        </div>
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light orange darken-1"
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should match snapshot with dark theme 1`] = `
<div class="v-picker v-card v-picker--date theme--dark">
  <div class="v-picker__title">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, May 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--dark"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--dark">
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--dark"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              May 2013
            </button>
          </div>
        </div>
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--dark v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--dark"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--dark">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--dark accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--dark"
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should match snapshot with default settings 1`] = `
<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, May 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--light">
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              May 2013
            </button>
          </div>
        </div>
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should match snapshot with year icon 1`] = `
<div class="v-picker__title primary">
  <div class="v-date-picker-title">
    <div class="v-picker__title__btn v-date-picker-title__year">
      2005
      <i aria-hidden="true"
         class="v-icon notranslate material-icons theme--dark"
      >
        year
      </i>
    </div>
    <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
      <div>
        Tue, Nov 1
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should render component with min/max props 1`] = `

<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Mon, Jan 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--light">
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              January 2013
            </button>
          </div>
        </div>
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

`;

exports[`VDatePicker.ts should render component with min/max props 2`] = `

<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Mon, Jan 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div class="fade-transition-leave fade-transition-leave-active">
      <div class="v-date-picker-header theme--light">
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              January 2013
            </button>
          </div>
        </div>
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="fade-transition-enter fade-transition-enter-active">
      <div class="v-date-picker-header theme--light">
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              2013
            </button>
          </div>
        </div>
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--month theme--light">
        <table>
          <tbody>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--active theme--light accent"
                >
                  <div class="v-btn__content">
                    Jan
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Feb
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Mar
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Apr
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    May
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Jun
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Jul
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Aug
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Sep
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Oct
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Nov
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Dec
                  </div>
                </button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

`;

exports[`VDatePicker.ts should render component with min/max props 3`] = `

<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year v-picker__title__btn--active">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date">
        <div>
          Mon, Jan 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div class="fade-transition-leave fade-transition-leave-active">
      <div class="v-date-picker-header theme--light">
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              January 2013
            </button>
          </div>
        </div>
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="fade-transition-leave fade-transition-leave-active">
      <div class="v-date-picker-header theme--light">
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              2013
            </button>
          </div>
        </div>
        <button disabled="disabled"
                type="button"
                class="v-btn v-btn--disabled v-btn--fab v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--month theme--light">
        <table>
          <tbody>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--active theme--light accent"
                >
                  <div class="v-btn__content">
                    Jan
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Feb
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Mar
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Apr
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    May
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Jun
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Jul
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Aug
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Sep
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Oct
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Nov
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-size--default v-btn--flat v-btn--text v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    Dec
                  </div>
                </button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="fade-transition-enter fade-transition-enter-active">
      <ul class="v-date-picker-years">
        <li class="active primary--text">
          2013
        </li>
      </ul>
    </div>
  </div>
</div>

`;

exports[`VDatePicker.ts should render disabled picker 1`] = `
<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title v-date-picker-title--disabled">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, May 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header v-date-picker-header--disabled theme--light">
        <button type="button"
                disabled="disabled"
                class="v-btn v-btn--disabled v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value v-date-picker-header__value--disabled">
          <div>
            <button type="button">
              May 2013
            </button>
          </div>
        </div>
        <button type="button"
                disabled="disabled"
                class="v-btn v-btn--disabled v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date v-date-picker-table--disabled theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--flat v-btn--rounded v-btn--disabled theme--light accent"
                        disabled
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--flat v-btn--text v-btn--rounded v-btn--disabled theme--light"
                        disabled
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should render flat picker 1`] = `
<div class="v-picker v-card v-picker--date v-picker--flat theme--light">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, May 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--light">
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              May 2013
            </button>
          </div>
        </div>
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should render picker with elevation 1`] = `
<div class="v-picker v-card v-picker--date theme--light elevation-15">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, May 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--light">
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              May 2013
            </button>
          </div>
        </div>
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`VDatePicker.ts should render readonly picker 1`] = `
<div class="v-picker v-card v-picker--date theme--light">
  <div class="v-picker__title primary">
    <div class="v-date-picker-title">
      <div class="v-picker__title__btn v-date-picker-title__year">
        2013
      </div>
      <div class="v-picker__title__btn v-date-picker-title__date v-picker__title__btn--active">
        <div>
          Tue, May 7
        </div>
      </div>
    </div>
  </div>
  <div class="v-picker__body theme--light"
       style="width: 290px;"
  >
    <div>
      <div class="v-date-picker-header theme--light">
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Previous month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-left theme--light"
            >
            </i>
          </span>
        </button>
        <div class="v-date-picker-header__value">
          <div class="accent--text">
            <button type="button">
              May 2013
            </button>
          </div>
        </div>
        <button type="button"
                class="v-btn v-btn--icon v-btn--round theme--light v-size--default"
                aria-label="Next month"
        >
          <span class="v-btn__content">
            <i aria-hidden="true"
               class="v-icon notranslate mdi mdi-chevron-right theme--light"
            >
            </i>
          </span>
        </button>
      </div>
      <div class="v-date-picker-table v-date-picker-table--date theme--light">
        <table>
          <thead>
            <tr>
              <th>
                S
              </th>
              <th>
                M
              </th>
              <th>
                T
              </th>
              <th>
                W
              </th>
              <th>
                T
              </th>
              <th>
                F
              </th>
              <th>
                S
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
              </td>
              <td>
              </td>
              <td>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    1
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    2
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    3
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    4
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    5
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    6
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--active v-btn--rounded theme--light accent"
                >
                  <div class="v-btn__content">
                    7
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    8
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    9
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    10
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    11
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    12
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    13
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    14
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    15
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    16
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    17
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    18
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    19
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    20
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    21
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    22
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    23
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    24
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    25
                  </div>
                </button>
              </td>
            </tr>
            <tr>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    26
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    27
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    28
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    29
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    30
                  </div>
                </button>
              </td>
              <td>
                <button type="button"
                        class="v-btn v-btn--text v-btn--rounded theme--light"
                >
                  <div class="v-btn__content">
                    31
                  </div>
                </button>
              </td>
              <td>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;