<wxs src="./index.wxs" module="computed"></wxs>

<template name="calendar">
  <view class="calendar-container">
    <header showTitle="{{ showTitle }}" showSubtitle="{{ showSubtitle }}" title="{{ title }}" subTitle="{{ subTitle }}"></header>
    <scroll-view class="calendar-body-wrap" scroll-y scroll-into-view="{{ scrollIntoViewIndex }}">
      <mounth
        wx:for="{{ computed.getMonths(minDate, maxDate) }}"
        wx:key="index"
        id="month{{ index }}"
        class="month"
        data-date="{{ item }}"
        date="{{ item }}"
        minDate="{{ minDate }}"
        maxDate="{{ maxDate }}"
        currentDate="{{ currentDate }}"
        type="{{ type }}"
        bind:clickDay="clickDay"
        showMonthTitle="{{ index !== 0 }}"
        formatter="{{ formatter }}"
        color="{{ color }}"
      >
      </mounth>
    </scroll-view>
    <view>
      <l-button type="default" l-class="bottom-button" size="long" bind:lintap="onClickConfirm" bg-color="{{ color }}">{{confirmText}}</l-button>
    </view>
  </view>
</template>
