How to dynamically create and display the Angular Scheduler component using ViewContainerRef.createComponent().
Feb 14, 2020
This is a list of calendar and scheduling tutorials written in TypeScript. TypeScript is a new programming language created by Microsoft that extends JavaScript and adds new features to it, like static typing.
Applications written in in TypeScript need to be compiled to JavaScript before they can be run in the browser. This adds a complication step to the deployment workflow (JavaScript can be run directly) which makes the deployment more complicated. However, there are tools available that automate the compilation. Also, the compiler can perform additional optimizations (like the Angular compiler does) and that can compensate for the hassle.
The most prominent use of TypeScript is probably the Angular framework which chooses TypeScript as its primary language.
DayPilot Pro for JavaScript includes TypeScript definitions that describe the DayPilot API. Some IDEs (like WebStorm or Visual Studio) can read the TypeScript definitions and offer code hints for JavaScript projects as well.
Angular 9 project that includes Angular Scheduler component with all required boilerplate code. The project supports Ivy compiler in combination with AOT (ahead-of-time) compilation mode enabled.
Feb 11, 2020
Angular project that displays an event calendar component with day, week and month 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.
Jan 20, 2020
Build an Angular annual leave scheduling application with REST backend created using ASP.NET Core and Entity Framework.
Dec 17, 2019
How to find, focus and highlight a Scheduler row that matches the search criteria.
Dec 3, 2019
Angular 8 project that shows how to implement next/previous/today buttons that change the month displayed by the Angular Scheduler component.
Oct 15, 2019
This tutorial shows how to use the React Scheduler component to create a reservation application in React, using TypeScript language.
Oct 1, 2019
Angular 8 project with pre-configured Angular Timesheet component. You can download the project source code with the required boilerplate and quickly create a proof-of-concept Timesheet implementation.
Sep 27, 2019
Angular CLI project that shows how to create Scheduler UI using DayPilot Pro for Angular. Includes a backend REST/JSON application implemented using Spring Boot (Java).
Sep 25, 2019
Angular 8 project with pre-configured Angular Scheduler component. You can use this project as a quick start for your own Scheduler implementation.
Sep 16, 2019
Simple appointment scheduling application built using Angular 8. The calendar view is created using DayPilot Pro Angular Calendar component. The server-side backend is created using PHP and stores events in a MySQL or SQLite database.
Sep 13, 2019
Angular project that displays a hierarchy of tasks using a Gantt Chart UI component. The frontend Angular application is connected to a JSON backend implemented in PHP with MySQL database.
Sep 5, 2019
Simple Angular application that shows how to use DayPilot Scheduler with PHP/MySQL backend.
Sep 4, 2019
Angular web application that lets you assign and schedule work orders using drag and drop. Built using DayPilot Scheduler Angular component. Includes a REST backend implemented in PHP/MySQL
Sep 3, 2019
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.
Jun 19, 2019
Angular 8 application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Jun 8, 2019
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.
Sep 12, 2018
Angular 6 application that displays the Scheduler in a full screen layout. The project includes a collapsible sidebar with a date picker.
Aug 2, 2018
Angular 6 project with Scheduler component that allows creating and editing events using a modal dialog.
Aug 2, 2018
Angular 6 application with real-time filtering of Scheduler component rows (by name, by number of events).
Jul 10, 2018
Articles 1-20 of 49
Next