React
Responsive React Scheduler
Multi-featured React JS scheduler component to integrate into your app. Comes with 10 views, clean UI, and drag-and-drop support.
Try DHTMLX Scheduler in React JS Live Demo
Open a demo on desktop
DHTMLX Scheduler is the top choice to build powerful scheduling web apps.
How to Create React Scheduler Example
4 steps to start with DHTMLX Scheduler in React JS:
1.
Create a React component for Scheduler and import Scheduler and its CSS file.
2.
Create the Scheduler instance in the useEffect method and add
the Scheduler configuration there.
3.
Destroy the Scheduler Instance in the same method in the return
function to clean up when Scheduler is no longer needed.
4.
Return the container for the Scheduler.
Key Features of DHTMLX React JS Calendar Scheduler
Custom HTML content in all Timeline modes
The PRO version of the React JS appointment scheduler allows setting
a custom template for cell content in all modes of the Timeline view.
For example, you can set it to display a total of all the assigned
tasks to each employee in the parent row of the Tree mode.
Theme customization
DHTMLX Scheduler includes a variety of built-in themes such as Terrace,
Dark, Material, Flat, Contrast Black, and Contrast White. These themes
facilitate easy and time-saving customization through CSS variables,
allowing you to adjust colors, fonts, and other stylistic elements
across the entire application with minimal modifications to the source
code.
DHTMLX Scheduler Integrations
Why Choose DHTMLX React Scheduler?
Simple API
Our library provides an extensive well-documented API with multiple methods,
properties, and events putting you in complete control over the Scheduler's
appearance and behavior. You can easily modify the date format, localization,
and other configuration options you need.
Fully customizable
While working with DHTMLX React JS Scheduler, you can change virtually each of its
elements, e.g. colors, text content, and scales. It’s also possible to configure a
task editing popup form to include custom fields. Plus, you can apply custom styles
to specific dates or date ranges.
Accessibility standards support
DHTMLX supports WAI-ARIA, high-contrast themes, and intuitive keyboard navigation.
The Scheduler component is mobile-friendly and responds to touch gestures on various
modern and widely used devices.
Smooth server-side integration
You can use DHTMLX Scheduler with any back-end technology thanks to the simple and
efficient implementation of REST API on the server side and our DHTMLX DataProcessor
library on the client side.
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
Work with documentation
To streamline your learning curve, you may access our comprehensive documentation with
API references, guides, and video tutorials clearly describing the steps of working with
DHTMLX Scheduler.
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 advise you to download a trial version of DHTMLX Scheduler and integrate it into your
project to make sure it works properly. Our support team will answer your questions during
the trial period.
Forum
Browse our community forum
In addition to providing official technical support, we moderate the forum, where you
and other developers can freely discuss different component-related issues and search
for a proper answer.
Official tech support
Learn about DHTMLX support
Being a DHTMLX client, trial user, and open-source developer, you can always rely on
assistance from our team. Please, visit our tech support page to know about the different
support levels we provide.
Integrations
Integrate Scheduler with anything
Apart from React, DHTMLX Scheduler can be integrated with Angular, Vue.js, Salesforce,
ASP.Net, Node.js, and any other technology you’re working with.
