Angular Timetable Tutorial

Angular 7 application that displays a weekly timetable with custom time blocks.
November 5, 2018 (updated)
JavaScript Scheduler: Pushing Existing Events Forward (Drag and Drop)
JavaScript Scheduler: Pushing Existing Events Forward (Drag and Drop)
How to configure the JavaScript Scheduler component to automatically move events at the target location during drag and drop.
Angular Calendar: Day/Week/Month Views
Angular Calendar: Day/Week/Month Views
Angular project that displays an event calendar component with day, week and months views that share the same data and can be easily switched. A date picker component is used to switch the current date and highlight busy days.
Angular 7 Scheduler Quick Start Project
Angular 7 Scheduler Quick Start Project
Angular 7 project with pre-configured Scheduler component.
Vue.js Scheduler Quick Start Tutorial
Vue.js Scheduler Quick Start Tutorial
Vue.js project that includes Scheduler component with basic configuration and all required boilerplate code.
Angular Scheduler: CSS Themes
Angular Scheduler: CSS Themes
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.
Angular Scheduler: Timeline Customization
Angular Scheduler: Timeline Customization
How to create a custom timeline for the Angular Scheduler component. The manual mode lets you create the timeline by defining individual time cells.
Angular 6 Timesheet Quick Start Project
Angular 6 Timesheet Quick Start Project
Angular 6 timesheet application built using a customizable Scheduler component. It displays days on the vertical axis and time of day on the horizontal axis.
Angular 6 Hotel Room Booking Tutorial (PHP/MySQL)
Angular 6 Hotel Room Booking Tutorial (PHP/MySQL)
Angular hotel room reservation application. The user interface supports managing rooms (create, edit, delete, change status) and reservations (create, edit, move, delete, change status). Includes a PHP/MySQL backend with token-based authentication.
JavaScript Scheduler: Alternate Column Colors
JavaScript Scheduler: Alternate Column Colors
How to set alternating colors for JavaScript Scheduler columns (time headers and grid).
Browse Tutorials by Topic