📅

Calendar

Full-featured calendar with event management

96%
Code Reduction
800
Traditional Lines
35
Factory Lines
4
Frameworks

Code Example

const EventCalendar = ui.createCalendar({
  events: calendarEvents,
  view: 'month',
  onDateClick: (date) => showCreateEvent(date),
  onEventClick: (event) => showEventDetails(event),
  features: {
    drag: true,
    resize: true,
    weekends: true
  }
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your Calendar component with 96% less code!

Features

  • ✓Month/week/day views
  • ✓Event creation
  • ✓Drag to reschedule
  • ✓Recurring events
  • ✓Reminders
  • ✓Multiple calendars

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓