Introduction
Professional React calendar component with drag-and-drop, recurring events, timezone support, resource scheduling, and 15+ languages.
CalendarKit Pro
CalendarKit Pro (calendarkit-prov2) is a fully-featured, production-ready React calendar component.
It ships with five built-in views, drag-and-drop, event resizing, recurring events, multi-calendar filtering,
IANA timezone support, 15+ languages (including RTL), dark mode, and rich customization APIs — all in a single package.
Highlights
5 Built-in Views
Month, Week, Day, Agenda, and Resource views out of the box.
Drag & Drop
Move and resize events with fluid animations powered by @dnd-kit.
Recurring Events
Full recurrence support: daily, weekly, monthly, yearly with count/until rules.
Event Badges
JSON-safe badgeId (packageLesson, privateLesson…) resolved to Week view card badges.
15+ Languages
Complete i18n with RTL (Arabic) support and per-scheduler locale.
Timezone Support
IANA timezone strings per scheduler instance.
Customization
Replace the header, modal, mini-calendar, and empty-state with your own components.
Package info
| Package | calendarkit-prov2 |
| Component | <ProScheduler /> (alias: <Scheduler />) |
| React | ^18 or ^19 |
| CSS | Tailwind CSS v3+ |
| License | MIT |
Quick look
import { ProScheduler } from 'calendarkit-prov2';
import 'calendarkit-prov2/calendarkit.css';
export default function App() {
return (
<div className="h-[700px] border rounded-lg overflow-hidden">
<ProScheduler
events={[]}
view="week"
language="en"
/>
</div>
);
}