<template>
  <div>
		<h2>Time Range</h2>
		<p>The time value is constrained in specified range(08:30 - 18:10).</p>
		<TimeSpinner placeholder="Select a time"
				v-model="time"
				min="08:30"
				max="18:10">
		</TimeSpinner>
		<p v-if="time">Selected: {{time}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time: null
    };
  }
};
</script>