<
Meet the Brand-New JavaScript Booking Widget for Making Appointments Online
Angular

Lightweight Angular Scheduler

Multi-functional Angular scheduler component to integrate into your scheduling app with 10 views, clean UI, and intuitive drag-and-drop behavior.

Try DHTMLX Angular Calendar Live Demo

Open a demo on desktop
DHTMLX Scheduler is the right choice to develop powerful scheduling solutions.
Capterra Shortlist 2024
GetApp Category Leaders 2024
Software Advice Front Runners 2024
Best Meets Requirements
High Performer EMEA
Users Most Likely To Recommend
Easiest to Use

How to Create Angular Scheduler Example

6 steps to start with DHTMLX Angular Scheduler:
1.
Create an Angular component for Scheduler and import Scheduler and its types.
2.
Specify the CSS selector and inline template to create Scheduler on the page.
3.
Declare a private property for Scheduler that will be used in the ngOnInit and ngOnDestroy methods.
4.
Create the Scheduler instance in the ngOnInit method and add the Scheduler configuration there.
5.
Attach the Scheduler instance to the private property.
6.
Destroy the Scheduler Instance in the ngOnDestroy method to clean up when Scheduler is no longer needed.

DHTMLX Angular Scheduler Component Key Features

PRO edition
Add-on
Standard edition
Timeline view
Being one of the most demanded features, the Timeline view allows representing events in a horizontal layout with separate timelines placed from left to right. You can customize the vertical axis to display any resources, including people, rooms, or equipment.
Timeline view
Custom HTML content in all Timeline modes
With the PRO edition of Angular scheduler, you can set a custom template for cell content in all modes of the Timeline view. Thus, for example, DHTMLX Scheduler may display a total of tasks assigned to each employee within the parent row of the Tree mode.
Custom HTML content in all Timeline modes
Units view (multiple resource view)
The Units view is one more widely-used feature, with the help of which users can display resources on the X-axis. End-users can create handy task planners for managing daily staff timetables with clean UI and intuitive drag-n-drop behavior.
Units view (multiple resource view)
Timeline view
PDF/PNG export module
You can download a standalone module for exporting schedulers to PDF, PNG, Excel, and iCal formats and install it directly on your server or as a Docker image. This is a way to secure your data since you don’t need to send it to external services.
PDF/PNG export module
PDF/PNG export module
Recurring events
With DHTMLX Scheduler, your Angular calendar can contain recurring events displayed on a daily, weekly, monthly, or yearly basis. It can also be equipped with a popup editor that shows detailed parameters to configure recurrence.
Recurring events
Day, Week, Month, and Year views
The default Scheduler functionality provides 6 calendar views, including Day, Week, Month, and Year basic views. Moreover, you can set the Agenda view to display a list of events and the Map view to show their location on Google Maps.
Day, Week, Month, and Year views
Theme customization
DHTMLX Scheduler is equipped with a range of built-in themes, including Terrace, Dark, Material, Flat, Contrast Black, and Contrast White. You can customize any if the themes with ease via CSS variables. Thus, you can adjust colors, fonts, and other stylistic elements throughout the entire application with minimal alterations to the source code.
Theme customization
Recurring events

Why Choose DHTMLX Angular Scheduler?

Clean API with multiple controls
The library provides an extensive API with a wide variety of handy methods, properties, and events allowing you to modify schedulers’ look and feel easily. Thus, you can change the date format, localization, and other configurations you need.
Flexible customization
Nearly every aspect of the Angular calendar scheduler, including colors, text, and scales, can be styled according to your requirements. A popup form for editing task details can also be configured to display custom fields. Besides, you’re free to highlight specific dates or date ranges with custom styles.
Support for accessibility standards
DHTMLX Scheduler holds to modern accessibility standards, including WAI-ARIA, high-contrast themes, and intuitive keyboard navigation. The library is mobile-friendly and allows building schedulers to respond to touch gestures on various devices.
Seamless server-side integration
Due to a simple yet efficient implementation of REST API on the server side and DHTMLX DataProcessor client-side library, our scheduler component works smoothly with any back-end technology.
Get started for free
Download a free 30-day trial version of DHTMLX Scheduler and test its functionality accompanied by our technical support and multiple guides.

What Customers Say

I'm pretty happy with the software because it's very easy and quick to implement. I love to have fast results, it definitely helps. It was very useful to see the Scheduler demos on your website. These demos helped us to see how things are working in real-case scenarios. I think that your demos that looked and worked really well made me choose DHTMLX.
Jeroen van Lierop
Product manager at the Netherlands-based startup QN Projects
We use the Scheduler product and I see DHTMLX as an accelerator of our business to reduce the time to market to launch new features. With it, I can focus my team on the specific points and business rules. DHTMLX Scheduler meets all my needs. In addition, the components are beautiful, fast and reliable.
Mauricio F.
Small business
We found that the flexibility inherent in this product (dhtmlxScheduler) along with the incredibly responsive and helpful support team was key in successfully delivering what was requested.
WebAuthor Team
Government agency
We've been using DHTMLX libraries since 2005/06. It's pretty simple. You guys build controls we couldn't possibly do. Before that, we used straight HTML. Using DHTMLX lets us concentrate primarily on the functional aspects of the application and be able to deliver a modern sophisticated user interface without having to build those kinds of controls ourselves.
David Basri
President of the American software company Point Enterprises, Inc.
Documentation
Use documentation
We provide comprehensive documentation with API references, guides, and video tutorials describing every step of working with DHTMLX Scheduler to simplify and speed up your learning curve.
Samples
Work with code snippets
We're constantly upgrading DHTMLX Scheduler online examples where you can explore its features, play around with the code, preview , and share your results with your team or our tech support.
Free trial
Get a 30-day free trial
We suggest you download a trial version of DHTMLX Scheduler and integrate it into your project to make sure it’s exactly what you need. Our technical support team will answer your questions during the evaluation.
Forum
Access our community forum
Our team moderates the forum you can use to discuss different aspects of DHTMLX Scheduler and search for solutions to component-related issues.
Official tech support
Address DHTMLX support
Our team assists all our clients, trial users, and open-source developers. You can visit our official tech support page to learn more about our support levels.
Integrations
Integrate Scheduler with anything
DHTMLX Scheduler can be integrated not only with Angular, but also with React, Vue.js, Salesforce, ASP.Net, Node.js, and any other technology you’re working with.

DHTMLX Scheduler Licensing

Commercial
Total: $1299
Enterprise
Total: $2899
Ultimate
Total: $5799
License Terms Read License Agreement Read License Agreement Read License Agreement
Developers 5 20
Projects 1 5
Use in SaaS (unlimited end-users) Upon request for a fee
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Premium Premium Ultimate
Time Period 1 year 1 year 1 year
Updates Major, minor, and maintenance updates Major, minor, and maintenance updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests 30 50
Response time 48h 48h 24h
Personal Account Manager
Functionality
PRO + 2 add-ons PRO + 2 add-ons PRO + 3 add-ons
9 PRO features
Several scheduler instances on 1 page
Online export to PDF/PNG without watermark Free for 1 year Free for 1 year Free for 3 years
Free local PDF/PNG export module
Commercial
$1299
License Terms Read License Agreement
Developers 5
Projects 1
Use in SaaS (unlimited end-users) Upon request for a fee
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 30
Response time 48h
Personal Account Manager
Functionality
PRO + 2 add-ons
9 PRO features
Several scheduler instances on 1 page
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Enterprise
$2899
License Terms Read License Agreement
Developers 20
Projects 5
Use in SaaS (unlimited end-users)
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 50
Response time 48h
Personal Account Manager
Functionality
PRO + 2 add-ons
9 PRO features
Several scheduler instances on 1 page
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Ultimate
$5799
License Terms Read License Agreement
Developers
Projects
Use in SaaS (unlimited end-users)
Use in Salesforce
Source code
Perpetual distribution rights
Support Plan
Ultimate
Time Period 1 year
Updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
Response time 24h
Personal Account Manager
Functionality
PRO + 3 add-ons
9 PRO features
Several scheduler instances on 1 page
Online export to PDF/PNG without watermark Free for 3 years
Free local PDF/PNG export module
Get a 70% Discount on DHTMLX Scheduler for Your Startup
One-year license for DHTMLX JavaScript Scheduler to help you cut your time-to-market and deliver top-notch software solutions.