React wrapper for mhcalendar — a highly customizable event calendar.

⚠️ This package is in 0.x.x phase. API may change between releases. Consider pinning the exact version.

This package provides a clean React interface for the mhcalendar web component.

Installation

# npm
npm install mh-calendar-react

Usage

import { MHCalendar } from 'mh-calendar-react' ;

export default function App() {
  return (
    <MHCalendar
      config={{
        viewType: 'WEEK',
        showTimeFrom: 9,
        showTimeTo: 18,
      }}
      events={[
        {
          id: '1',
          title: 'Team Meeting',
          startDate: new Date(now.setHours(10, 0)),
          endDate: new Date(now.setHours(11, 30)),
        },
      ]}
    />
  );
}

More information

Full documentation is coming soon.

For more detailed README - visit core package repository.

License

MIT