vue-hour-range-picker is a Vue component which lets you select hour ranges in weekly timeframe. Select and drag the mouse from starting to end hour block. It works with touch devices also and fully responsive.
It is currently compatible with Vue3 only.
npm install vue-hour-range-picker
import { HourRangePicker, type HourRangePickerType } from 'vue-hour-range-picker';
import 'vue-hour-range-picker/style.css';
html:
<HourRangePicker v-model="value1"></HourRangePicker>
js:
import { ref } from 'vue';
import { HourRangePicker, type HourRangePickerType } from 'vue-hour-range-picker';
import 'vue-hour-range-picker/style.css';
const value1 = ref<HourRangePickerType>();
For documentation and demo, see: https://jamshedhossan9.github.io/vue-hour-range-picker/
For bug reports and feature requests, please open an issue here on GitHub.
MIT
Copyright (C) 2024 - Jamshed Hossan