<template>
  <div class="demo-time-select-basic">
    <ui-time-select
      v-model="time"
      :disabled-time="disabledTime"
      start="00:00"
      end="23:59"
      step="00:15"></ui-time-select>
  </div>
</template>
<script>
import { TimeSelect } from "amumu-ui"

export default {
  components: {
    "ui-time-select": TimeSelect,
  },
  data() {
    return {
      time: "",
    }
  },
  methods: {
    disabledTime({ hour }) {
      return !((hour >= 9 && hour <= 12) || (hour >= 14 && hour <= 17))
    },
  },
}
</script>
