<page-container>
  <item-row title="选择日期">
    <view class="select-date-component-container">
      <view
        a:for-item="item"
        a:for-index="index"
        a:for="{{threeDayList}}"
        onTap="onItemClick"
        data-value="{{index}}"
        class="select-date-component-item{{(!!(+item.stock) && item.allowBuy )? (selectedIndex === index ? ' active' : '') : ' disabled'}}"
      >
        <text class="text">{{ item.showName }}</text>
        <text class="text">{{ item.showDate }}</text>
        <text class="price">￥{{ item.sellPrice || 0 }}</text>
      </view>
      <view
        onTap="onShowHandel"
        class="select-date-component-more"
      >
        <view>
          <view>更多</view>
          <view>日期</view>
        </view>
        <am-icon type="right" size="16"/>
      </view>
    </view>
  </item-row>
  <popup
    zIndex="100"
    position="bottom"
    onClose="onPopupClose"
    show="{{calendarShow}}"
  >
    <mas-calendar
      date="{{selectedDate}}"
      tags="{{calendarTags}}"
      onChange="onTapDate"
      showBackToday="{{false}}"
      disableDates="{{disableDays}}"
      onMonthChange="onMonthChange"
      a:if="{{ calendarCreate }}"
    />
  </popup>
</page-container>
