<template>
  <div>
    <group title="default">
      <calendar
        v-model="demo1"
        title="Calendar"
        disable-past
      />
    </group>
    <group title="set value as TODAY">
      <calendar
        v-model="demo2"
        title="Calendar"
        disable-past
      />
    </group>
    <group title="disable future">
      <calendar
        v-model="demo3"
        title="Calendar"
        disable-future
      />
    </group>
  </div>
</template>

<script>
import { Group, Calendar } from '../components/_index'

export default {
  components: {
    Calendar,
    Group
  },
  data () {
    return {
      demo1: '',
      demo2: 'TODAY',
      demo3: 'TODAY'
    }
  }
}
</script>
