DHTMLX React Scheduler

Getting started | Features | License | Useful links | Follow us

DHTMLX React Scheduler is a React wrapper for the DHTMLX Scheduler library.

It provides a declarative way to integrate all of DHTMLX Scheduler's rich features - such as recurring events, Units and Timeline views - directly into React apps. By combining React's component-based workflow with DHTMLX Scheduler's robust JavaScript engine, this library delivers a seamless experience for building interactive Scheduler charts in modern React projects.

Important: this npm package is a trial build intended for evaluation only. For access to commercial licenses and technical support, please request an evaluation on our website: https://dhtmlx.com/docs/products/dhtmlxScheduler-for-React/download.shtml

Getting started

Install package

Professional Evaluation version:

npm install @dhtmlx/trial-react-scheduler

And initialize:

import { useState } from 'react';
import ReactScheduler from '@dhtmlx/trial-react-scheduler';
import '@dhtmlx/trial-react-scheduler/dist/react-scheduler.css';
import { demoData } from './DemoData'

export default function BasicInit() {
  const [theme, setTheme] = useState("terrace");
  const [events, setEvents] = useState(demoData.events);

  return (
    <div style={ { height: '500px' } }>
      <ReactScheduler
        events={events}
        date={new Date("2025-08-15T00:00:00Z")}
        view={"week"}
        theme={theme}
      />
    </div>
  );
}

demoData is an example events dataset. Replace it with your own project data.

Requirements

• React 18.x or newer

Complete guides

• https://docs.dhtmlx.com/scheduler/react.html

Features

• easy customization with React components
• seamless theming and MUI compatibility
• compatibility with Redux Toolkit
• TypeScript support
• 10 built-in views: Day, Week, Month, Agenda, Grid, Map, Timeline, Week Agenda, Units and Yesr
• events filtering
• 7 different skins
• online export to PDF, PNG
• 32 locales
• keyboard navigation
• resources timeline and columns views

License

dhtmlxScheduler v.7.2.13 Professional

This software is covered by DHTMLX Evaluation License. Contact [email protected] to get a proprietary license. Usage without proper license is prohibited.

(c) XB Software Ltd.

Useful links

• DHTMLX React Scheduler product page
• DHTMLX Scheduler product page
• Official documentation
• Online samples
• Export services
• List of available integrations
• Support forum

Follow us

Read us on Medium

Follow us on X

Like our page on Facebook