<wxs src="./index.wxs" module="computed"></wxs>

<template name="calendar">
  <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="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
      <slot name="footer"></slot>
    </view>

    <view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
      <van-button
        wx:if="{{ showConfirm }}"
        round
        block
        type="danger"
        color="{{ color }}"
        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>
</template>