Skip to Content

React Scheduler Pro

A professional, lightweight React scheduler component with drag-and-drop, event resizing, resource views, timezone support, dark mode, full keyboard accessibility, and complete TypeScript support. The modern alternative to react-big-calendar.


Why React Scheduler Pro?

  • Lightweight — Only 5 dependencies vs 16+ in alternatives. ~80KB unpacked.
  • Drag & Drop — Native event dragging and resizing with touch support. No external libraries needed.
  • TypeScript First — Written in TypeScript with all types exported.
  • Themeable — CSS custom properties for full customization. Dark mode included.
  • Accessible — WCAG 2.1 AA compliant with full keyboard navigation.
  • Resource Views — Group events by rooms, people, or any resource.
  • Timezone Aware — Built-in timezone support via date-fns-tz.
  • Locale Support — Full i18n via date-fns locales.

Views

  • Day — Single day with hourly time slots
  • Week — Full 7-day week view
  • Work Week — Configurable weekday-only view
  • Month — Monthly calendar grid with multi-day events

Quick Install

npm install react-scheduler-pro
import { Scheduler } from 'react-scheduler-pro';

Get started or explore the examples.

© 2024 Released under the MIT license