<template>
<div class="vue-calendar-item" >
<div class="vue-month">{{month.monthText}}</div>
<ul class="vue-day">
<li>日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六</li>
</ul>
<date-item 
:min-date="minDate"
:max-date="maxDate"
:selected-suffix="selectedSuffix"
:selected-value="selectedValue"
:month="month"
@changed="onChanged" 
></date-item>
</div>
</template>

<script>
import dateItem from "./dateItem"

export default{
    props:["month","minDate","maxDate","months","selectedSuffix","selectedValue"],
    components:{
        "dateItem":dateItem
    },
    methods:{
        onChanged(item){
            this.$emit("changed",item);
        }
    }
}
</script>
   
  