<template>
  <div class="demo-time-picker-basic">
    <ui-time-picker
      v-model="time"
      :disabled-hours="disabledHours"
      :disabled-minutes="disabledMinutes"
      :disabled-seconds="disabledSeconds"
      use12hour
      format="hh:mm:ss A"></ui-time-picker>
  </div>
</template>
<script>
import { TimePicker } from "amumu-ui"

export default {
  components: {
    "ui-time-picker": TimePicker,
  },
  data() {
    return {
      time: "",
    }
  },
  methods: {
    disabledHours(hour) {
      return hour < 6
    },
    disabledMinutes(hour, minute) {
      return hour === 6 && minute < 30
    },
    disabledSeconds(hour, minute, second) {
      return hour === 6 && minute < 30 && second <= 30
    },
  },
}
</script>
