All Tutorials

A tutorial that shows how to create a PHP reservation system for hotel rooms with JavaScript/HTML5 frontend. The user interface includes a visual scheduling calendar with drag and drop support. MySQL and SQLite databases.

How to change the Angular Scheduler component appearance using a CSS theme. You can use one of the predefined themes or create your own theme using an online tool.

Use Angular lazy loading feature to improve the initial load time of your Scheduler application.

Use the Vue date picker component (Navigator) to change the current date. The date picker can highlight dates that already have events or are not available.

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.

How to configure the JavaScript Scheduler to automatically move existing events later when a new event is dragged and dropped, to avoid overlaps.

Learn how to build a customized monthly calendar UI in Next.js 16 using the open-source DayPilot scheduling library.

How to integrate Angular event calendar component with a date picker and navigation buttons for changing the visible week.

How to render custom JSX in events displayed by the React Scheduler component.

How to use diagonal cell overlays in a JavaScript date picker to highlight full and partial day occupancy, common in hospitality reservation and availability views.