vuejs scheduler

Vue.js application for scheduling resource reservations. Built using a customizable Scheduler UI component - flexible timeline, drag and drop support.

Build a horizontal, resource-based timeline using the open-source Vue Scheduler and customize event appearance with Vue templates and CSS.

How to display global and row-specific holidays in the Vue Scheduler. Optionally, disable the drag and drop operations for the holiday cells.

How to customize the Vue Scheduler row header using Vue templates: add icons, badges, buttons and Vue components.

How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.

Learn how to use the Vue Scheduler component to add a drag-and-drop timesheet UI to your Vue application, calculate daily totals and style the timesheet using CSS.

How to enable on-demand event loading in the Vue 3 Scheduler component. The sample uses the current Vite-based frontend and loads events for the current viewport during scrolling.

How to display a queue of unscheduled tasks that can be dragged to the Vue Scheduler component.

How to switch the visible date range displayed by the Vue.js Scheduler using Previous and Next buttons.

How to add "Undo" and "Redo" buttons to the Vue Scheduler. The UndoService maintains history of changes and allows unlimited undo/redo.

Vue templates supported by the Scheduler component allow you to add dynamic content to events, such as checkboxes, drop-down lists, or attachment upload buttons.

How to use Vue templates to display dynamic reservation prices in each Scheduler time slot. Slot prices are defined using pricing plans independently for each day of the week.

Learn how to enhance Vue Scheduler events with custom Vue components. Add dynamic content, interactive elements and apply custom styling.

Vue.js project that includes Scheduler component with basic configuration and all required boilerplate code.