Holiday Management in Scheduler Components: A Guide for Vue, Angular, and JavaScript

Dive into our suite of tutorials designed to help you manage and highlight holidays in the Scheduler component. Using Vue, Angular, or JavaScript, these guides will take you through the steps to display global and row-specific holidays and configure custom holiday information. You'll also learn to enhance user interaction by managing drag-and-drop operations during holidays.

Angular Scheduler: Highlighting Holidays

Angular tutorial that shows how to highlight global and resource-specific holidays in the Angular Scheduler UI component.

Sep 13, 2025

Vue Scheduler: How to Display Holidays

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

vuejs scheduler holidays javascript vue3 composition-api

Jul 12, 2024

JavaScript Monthly Calendar: How to Disable Selected Days

How to mark selected days as disabled and prevent adding, moving, and resizing events. You can use this technique to disable days in the past, weekends, holidays or other dates.

javascript month calendar disable holidays

May 24, 2022

JavaScript Scheduler: Displaying Holidays

How to configure the JavaScript Scheduler component to display custom holiday information and block drag and drop operations for the holiday cells.

javascript scheduler holidays disable

Dec 14, 2020

Articles 1-4 of 4

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.