This is a space-saving calendar control that offers the possibility to display the day of the week as well as the week number.
It consists of 2 files and has only the dependency to the quasar framework. HorizontalCalendar.vue and HorizontalCalendarDay.vue
If you like it we would appreciate a star for the project. 🌟
Here you can simply try it out and also make settings in the configuration.
https://tinohager.github.io/vue-horizontal-calendar/
| Props | Type | Description |
|---|---|---|
| model-value | Date, undefined | The selected date |
| day-width | number | Width in pixel of a day column |
| visible-days | number | Number of visible days |
| show-calendar-week | boolean | Is calendar week row visible |
| show-weekday | boolean | Is weekday row visible |
| show-year | boolean | Is year row visible |
| calendar-week-prefix | string | Prefix for calendar week |
| day-offset | number | Day count left and right |
| day-jump-offset | number | Day move on click the button left or right |
| locales | string, undefined | Translation for day name and month name |