// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`should render demo and match snapshot 1`] = `
<div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Select Switch Mode
      </span>
    </div>
    <div class="van-cell__value">
      <span>
        none
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <transition-stub
    name="van-fade"
    appear="true"
    persisted="false"
    css="true"
    role="button"
    tabindex="0"
  >
  </transition-stub>
  <transition-stub
    name="van-popup-slide-bottom"
    appear="false"
    persisted="false"
    css="true"
  >
  </transition-stub>
</div>
<div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Select Single Date
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Select Multiple Date
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Select Date Range
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
</div>
<div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Select Single Date
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Select Date Range
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
</div>
<div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Custom Color
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Custom Date Range
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Custom Confirm Text
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Custom Day Text
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Custom Position
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Max Range
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Custom First Day Of Week
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
</div>
<div>
  <div
    class="van-calendar"
    style="height: 500px;"
  >
    <div class="van-calendar__header">
      <div class="van-calendar__header-title">
        Calendar
      </div>
      <div class="van-calendar__header-subtitle">
      </div>
      <div class="van-calendar__weekdays">
        <span class="van-calendar__weekday">
          Sun
        </span>
        <span class="van-calendar__weekday">
          Mon
        </span>
        <span class="van-calendar__weekday">
          Tue
        </span>
        <span class="van-calendar__weekday">
          Wed
        </span>
        <span class="van-calendar__weekday">
          Thu
        </span>
        <span class="van-calendar__weekday">
          Fri
        </span>
        <span class="van-calendar__weekday">
          Sat
        </span>
      </div>
    </div>
    <div class="van-calendar__body">
      <div class="van-calendar__month">
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/2
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/3
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/4
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/5
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/6
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/7
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/8
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/9
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/10
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/11
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2012/12
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2013/1
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2013/2
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
      <div class="van-calendar__month">
        <div class="van-calendar__month-title">
          2013/3
        </div>
        <div
          role="grid"
          class="van-calendar__days"
        >
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
          <div
            class="van-calendar__day"
            style="width: 100%;"
          >
          </div>
        </div>
      </div>
    </div>
    <div class="van-calendar__footer van-safe-area-bottom">
    </div>
  </div>
</div>
<transition-stub
  name="van-fade"
  appear="true"
  persisted="false"
  css="true"
  role="button"
  tabindex="0"
>
</transition-stub>
<transition-stub
  name="van-popup-slide-bottom"
  appear="false"
  persisted="false"
  css="true"
>
</transition-stub>
`;
