@fullcalendar for preact, based on `@fullcalendar/react`

fullcalendar-preact.js

import { h, Component } from 'preact';
import '@fullcalendar/core/vdom.js';
import {
  CalendarApi, CalendarDataProvider,
  CalendarContent, CalendarRoot
} from '@fullcalendar/common';


export default class FullCalendar extends Component
{
  constructor() {
    super(...arguments);
    this._calendarApi = new CalendarApi();
  }
  
  render() {
    return (
      <CalendarDataProvider optionOverrides={this.props} calendarApi={this._calendarApi}>
        {(data) => (
          <CalendarRoot options={data.calendarOptions} theme={data.theme} emitter={data.emitter}>
            {(classNames, height, isHeightAuto, forPrint) => (
              <div className={classNames.join(' ')} style={{ height }}>
                <CalendarContent
                  isHeightAuto={isHeightAuto}
                  forPrint={forPrint}
                  {...data}
                />
              </div>
            )}
          </CalendarRoot>
        )}
      </CalendarDataProvider>
    )
  }

  getApi() {
    return this._calendarApi;
  }
}

// export all important utils/types
export * from '@fullcalendar/common';