<view class="am-calendar {{className}}" a:if="{{dates.length > 0}}">
  <view class="am-calendar-months">
    <view class="am-calendar-prev-month {{prevYearDisable?'am-calendar-prev-year_disable':''}}" onTap="onPrevYearTap"
      a:if="{{haveYear}}">
      <view class="am-calendar-arrow am-calendar-arrow_year"></view>
    </view>
    <view class="am-calendar-prev-month  {{prevMonthDisable?'am-calendar-prev-month_disable':''}}"
      onTap="onPrevMonthTap">
      <am-icon type="left" class="am-calendar-arrow" />
    </view>
    <view class="am-calendar-selected-month">
      {{selectedYear}}{{_i18nYear}}{{_i18nMonth.length > 1?'':selectedMonth + 1}}{{_i18nMonth[selectedMonth]?_i18nMonth[selectedMonth]:_i18nMonth}}
    </view>
    <view class="am-calendar-next-month {{nextvMonthDisable?'am-calendar-next-month_disable':''}}"
      onTap="onNextMonthTap">
      <am-icon type="right" class="am-calendar-arrow" />
    </view>
    <view class="am-calendar-next-month {{nextYearDisable?'am-calendar-next-year_disable':''}}" onTap="onNextYearTap"
      a:if="{{haveYear}}">
      <view class="am-calendar-arrow am-calendar-arrow_year next"></view>
    </view>
  </view>
  <view class="am-calendar-days">
    <block
      a:for="{{[`${_i18nWeekSun}`, `${_i18nWeekMon}`, `${_i18nWeekTue}`, `${_i18nWeekWed}`, `${_i18nWeekThu}`, `${_i18nWeekFri}`, `${_i18nWeekSat}`]}}">
      <view class="am-calendar-day">{{item}}</view>
    </block>
  </view>
  <view class="am-calendar-dates">
    <block a:for="{{dates}}">
      <view class="am-calendar-week">
        <block a:for="{{item}}">
          <view class="am-calendar-date-wrap
              {{ item.isSelected ? 'am-calendar-selected': '' }}
              {{ item.isStart ? 'am-calendar-start': '' }}
              {{ item.isMiddle ? 'am-calendar-middle': '' }}
              {{ item.isEnd ? 'am-calendar-end': '' }}
              {{ item.disable ? 'am-calendar-disable': '' }}
              {{ type === 'range' ? 'is-range' : '' }}" data-year="{{item.year}}" data-month="{{item.month}}"
            data-date="{{item.date}}" onTap="onDateTap">
            <view class="am-calendar-block {{ blockType === 2 ? 'has-tag': '' }}"></view>
            <view
              class="am-calendar-date {{ item.isGray ? 'am-calendar-gray': '' }} {{ item.isToday ? 'am-calendar-today': ''}}">
              {{item.date}}</view>
            <view class="am-calendar-tag" style="{{
              color: item.isSelected || item.isMiddle || item.isStart || item.isEnd ? '#fff' : (item.disable ? '#ccc' : item.color)
            }}">{{item.disable ? '' : item.tag}}</view>
          </view>
        </block>
      </view>
    </block>
  </view>
</view>