SVAR React Calendar PRO (Trial Version)

SVAR React Calendar is a customizable, high-performance React calendar component for planning and scheduling events. This package provides the trial version of SVAR React Calendar PRO.

The trial includes a built-in SVAR watermark and is intended for evaluation and testing only. You can find the terms of the Trial License here.

⚠️ The trial version is not free software.

To use SVAR React Calendar PRO in a production or commercial project, you must purchase a commercial license - see the pricing details.

Get Help

If you have technical questions about using SVAR React Calendar, visit the SVAR forum.

To access timely email support from our team during your 30-day trial, please submit the trial request form on our website.

How to Use

To start using SVAR React Calendar, import the package, pass an events array, and optionally attach the editor through the calendar API:

import { useState } from 'react';
import { Calendar, Editor } from '@svar-ui/trial-react-calendar';
import '@svar-ui/trial-react-calendar/all.css';

const events = [
  {
    id: 1,
    text: 'Team standup',
    start: new Date(2026, 3, 20, 9, 0),
    end: new Date(2026, 3, 20, 9, 30),
  },
  {
    id: 2,
    text: 'Sprint planning',
    start: new Date(2026, 3, 20, 10, 0),
    end: new Date(2026, 3, 20, 11, 30),
  },
];

export default function App() {
  const [api, setApi] = useState(null);

  return (
    <>
      <Calendar init={setApi} events={events} date={new Date(2026, 3, 20)} />
      {api && <Editor api={api} />}
    </>
  );
}

🔗 Useful Links

• Docs
• Demos