code.daypilot.org

Articles

ASP.NET Core Resource-Scheduling Calendar (Open-Source)

How to create a resource-scheduling calendar in ASP.NET Core that displays resources as columns. Add more UI features, such as free/busy highlighting, next/previous date-changing buttons and a modal dialog for editing event details.

Nov 13, 2025 (updated)

JavaScript Scheduler: Use Diagonally Split Cells for Check-In/Check-Out

Learn how to modify the reservation edges to split the start and end cell diagonally. This provides a visual hint that the check-in and check-out days are only partially occupied.

javascript scheduler reservation open-source

Nov 3, 2025 (updated)

JavaScript Scheduler with Horizontal Timeline (Open-Source)

Use the open-source JavaScript Scheduler to build a horizontal timeline for multiple resources: adjust the appearance, add custom controls, configure the timeline, show a context menu, and switch the visible month.

javascript scheduler open-source timeline

Oct 10, 2025 (new)

JavaScript Scheduler: How to Integrate a Date Picker

How to link the JavaScript Scheduler component to a date picker that can change the visible date.

javascript scheduler navigator date-picker open-source

Oct 10, 2025 (updated)

Vue Scheduler: Undo/Redo for Drag and Drop Actions

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

vuejs scheduler undo javascript open-source

Oct 6, 2025 (updated)

Open-Source HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)

HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.

html5 javascript event-calendar php mysql day week month sqlite open-source date-picker

Oct 6, 2025 (updated)

JavaScript Scheduler: Read-Only Mode

How to switch the JavaScript Scheduler to read-only mode (disables all drag-and-drop) and how to disable drag-and-drop for specific events.

javascript scheduler read-only open-source

Oct 5, 2025 (updated)

JavaScript Scheduler: Event Types

How to define your own Scheduler event types and customize the appearance. You can change the event type using a context menu or a modal dialog.

javascript scheduler customization open-source

Oct 5, 2025 (updated)

JavaScript Scheduler: Alternating Column Colors

How to set alternating colors for JavaScript Scheduler columns (time headers and grid).

javascript html5 scheduler open-source

Oct 4, 2025 (updated)

How to Add Interactive Elements to Vue Scheduler Events Using Templates

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.

javascript vuejs vue3 scheduler template open-source

Oct 2, 2025 (updated)

Previous Articles 21-30 of 339 Next

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.