<view class="van-calendar">
  <header title="{{ title }}" showTitle="{{ showTitle }}" subtitle="{{ subtitle }}" showSubtitle="{{ showSubtitle }}">
    <slot name="title" slot="title"></slot>
  </header>

  <scroll-view class="van-calendar__body" scroll-y scroll-into-view="{{ scrollIntoView }}">
    <month wx:for="{{ computed.getMonths(minDate, maxDate) }}" wx:key="index" id="month{{ index }}" class="month"
      data-date="{{ item }}" date="{{ item }}" type="{{ type }}" color="{{ color }}" minDate="{{ minDate }}"
      maxDate="{{ maxDate }}" showMark="{{ showMark }}" formatter="{{ formatter }}" rowHeight="{{ rowHeight }}"
      currentDate="{{ currentDate }}" showSubtitle="{{ showSubtitle }}" allowSameDay="{{ allowSameDay }}"
      showMonthTitle="{{ index !== 0 || !showSubtitle }}" bind:click="onClickDay" />
  </scroll-view>

  <view class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}">
    <slot name="footer"></slot>
  </view>

  <view class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}">
    <van-button wx:if="{{ showConfirm }}" round block type="default"
      color="{{ 'linear-gradient( 315deg, #0ABCA4 0%, rgba(11,195,170,0.8) 100%)' }}"
      custom-class="van-calendar__confirm" disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
      nativeType="text" bind:click="onConfirm">
      {{
      computed.getButtonDisabled(type, currentDate)
      ? confirmDisabledText
      : confirmText
      }}
    </van-button>
  </view>
</view>