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

exports[`VCalendarDaily should render component and have v-calendar-daily class 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 PM
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should render correctly with firstInterval prop 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should render correctly with intervalCount prop 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 576px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 AM
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should render correctly with intervalHeight prop 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1680px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 70px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 PM
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 70px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should render correctly with intervalMinutes prop 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12:40 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1:20 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2:40 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3:20 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4:40 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5:20 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6:40 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7:20 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8:40 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9:20 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10:40 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11:20 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12:40 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1:20 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2:40 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3:20 PM
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should render correctly with maxDays prop 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 PM
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should render correctly without shortIntervals prop 1`] = `

<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--depressed v-btn--fab v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11:00 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10:00 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11:00 PM
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

`;

exports[`VCalendarDaily should use custom interval formatter and render correctly 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 01:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 02:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 03:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 04:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 05:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 06:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 07:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 08:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 09:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 10:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 11:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 12:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 13:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 14:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 15:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 16:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 17:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 18:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 19:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 20:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 21:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 22:00
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                test: 2019-01-29 23:00
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should use custom interval style function and render correctly 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                1 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                3 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                5 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                7 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                9 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                11 PM
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.041666666666666664;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.08333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.125;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.16666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.20833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.25;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.2916666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.3333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.375;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4166666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4583333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5416666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.625;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.6666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7083333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.75;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7916666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.8333333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.875;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9166666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9583333333333334;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.041666666666666664;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.08333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.125;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.16666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.20833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.25;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.2916666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.3333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.375;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4166666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4583333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5416666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.625;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.6666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7083333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.75;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7916666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.8333333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.875;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9166666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9583333333333334;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.041666666666666664;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.08333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.125;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.16666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.20833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.25;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.2916666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.3333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.375;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4166666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4583333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5416666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.625;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.6666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7083333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.75;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7916666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.8333333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.875;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9166666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9583333333333334;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.041666666666666664;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.08333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.125;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.16666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.20833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.25;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.2916666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.3333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.375;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4166666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4583333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5416666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.625;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.6666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7083333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.75;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7916666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.8333333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.875;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9166666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9583333333333334;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.041666666666666664;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.08333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.125;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.16666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.20833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.25;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.2916666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.3333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.375;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4166666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4583333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5416666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.625;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.6666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7083333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.75;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7916666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.8333333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.875;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9166666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9583333333333334;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.041666666666666664;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.08333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.125;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.16666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.20833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.25;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.2916666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.3333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.375;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4166666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4583333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5416666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.625;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.6666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7083333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.75;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7916666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.8333333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.875;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9166666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9583333333333334;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.041666666666666664;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.08333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.125;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.16666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.20833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.25;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.2916666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.3333333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.375;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4166666666666667;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.4583333333333333;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5416666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.5833333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.625;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.6666666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7083333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.75;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.7916666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.8333333333333334;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.875;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9166666666666666;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px; opacity: 0.9583333333333334;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`VCalendarDaily should use custom showIntervalLabel function and render correctly 1`] = `
<div class="v-calendar-daily theme--light">
  <div class="v-calendar-daily__head"
       style="margin-right: 0px;"
  >
    <div class="v-calendar-daily__intervals-head"
         style="width: 60px;"
    >
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Tue
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            29
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Wed
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            30
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Thu
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            31
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Fri
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            1
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sat
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            2
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Sun
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            3
          </span>
        </button>
      </div>
    </div>
    <div class="v-calendar-daily_head-day v-past">
      <div class="v-calendar-daily_head-weekday">
        Mon
      </div>
      <div class="v-calendar-daily_head-day-label">
        <button type="button"
                class="v-btn v-btn--fab v-btn--has-bg v-btn--round theme--light v-size--default transparent"
        >
          <span class="v-btn__content">
            4
          </span>
        </button>
      </div>
    </div>
  </div>
  <div class="v-calendar-daily__body">
    <div class="v-calendar-daily__scroll-area">
      <div class="v-calendar-daily__pane"
           style="height: 1152px;"
      >
        <div class="v-calendar-daily__day-container">
          <div class="v-calendar-daily__intervals-body"
               style="width: 60px;"
          >
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 AM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                12 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                2 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                4 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                6 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                8 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
                10 PM
              </div>
            </div>
            <div class="v-calendar-daily__interval"
                 style="height: 48px;"
            >
              <div class="v-calendar-daily__interval-text">
              </div>
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
          <div class="v-calendar-daily__day v-past">
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
            <div class="v-calendar-daily__day-interval"
                 style="height: 48px;"
            >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;