Vue Analog Clock Range is a simple clock range component for Vue that enables the user to pick a time range from a clock interface.

Date _Time

Documentation

🕒 vue-analog-clock-range

Vue Analog Clock Range is a simple clock range component for Vue.

Install

yarn add vue-analog-clock-range 

Examples

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

Colored Markers/Decors

<VueAnalogClockRange   :radius="100"   :show-decor="true"   start="08:30"   end="15:00"   decor-color='#e74c3c'   background-color='#ccc'   range-color='#d864ef'> </VueAnalogClockRange>

License

MIT.


You May Also Like