<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>