usage
npm install week-calender
import {WeekCalender, WeekCalenderGrid} from 'weekCalender'
import 'week-calender/dist/index.css'
app.component(weekCalender.name, weekCalender)
app.component(WeekCalenderGrid.name, WeekCalenderGrid)
then use in template or jsx or some way you like
<week-calender v-model:value='' /><script src="./dist/week-calender.umd.cjs"></script>
components: {
...WeekCalender
}
then use in template or jsx or some way you like
<week-calender v-model:value='' />| props | type | required |
|---|---|---|
| value | string | partial |
| disabled | string | partial |
| event | type |
|---|---|
| update:value | (value: string) => void |
| change | (value: string) => void |
value is 48*7 length which contains 0 | 1
1 represent selected 0 represent unselected
basic function
mouse event to select week period, tooltip with every half hour

