<template>
  <div>
		<h2>Basic TimeSpinner</h2>
		<div style="margin-bottom:20px">
			<Label for="t1">Start Time:</Label>
			<TimeSpinner inputId="t1" v-model="time1"></TimeSpinner>
		</div>
		<div style="margin-bottom:20px">
			<Label for="t2">End Time:</Label>
			<TimeSpinner inputId="t2" v-model="time2"></TimeSpinner>
		</div>
		<p>Start: {{time1}}, End: {{time2}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time1: "01:20",
      time2: "15:50"
    };
  }
};
</script>