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.
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
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.
JS Scheduler Integrations
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.
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.
