Vue Analog Clock Range is a simple clock range component for Vue.
yarn add vue-analog-clock-range
<VueAnalogClockRange
:radius="100"
start="08:30"
end="15:00"
background-color='#ccc'
range-color='#d864ef'>
</VueAnalogClockRange>
This will select the analog range of given hours:
<VueAnalogClockRange
:radius="100"
:show-decor="true"
start="08:30"
end="15:00"
decor-color='#e74c3c'
background-color='#ccc'
range-color='#d864ef'>
</VueAnalogClockRange>
MIT.