React, Vue, and Angular Connectors

I’m happy to announce the release of three new FullCalendar subprojects. They provide components for the three most popular front-end JavaScript frameworks: React, Vue, and Angular. In order to do this, I needed to enlist some help:

  • Josh Ruff (of Sardius Media) had developed sardius-fullcalendar-wrapper, a high-quality connector between React and FullCalendar v4.
  • irustm had developed ng-fullcalendar, the most popular connector between Angular and FullCalendar.

I worked with Josh and irustm to get their components to API-parity with FullCalendar v4, write docs, write tests, and do a million other things to prepare these projects to be part of the FullCalendar family. In just a week and a half, we did it! Please check them out:

Github Project NPM Package Docs
fullcalendar-reactStar @fullcalendar/react view the docs »
fullcalendar-angularStar @fullcalendar/angular view the docs »
fullcalendar-vueStar @fullcalendar/vue view the docs »

In case you’re wondering, I (Adam Shaw) built the Vue connector. You’re welcome.

All three of these projects are in beta and need people to play with them. Please check them out!

Psst... there are separate pages for feature requests, bug reports, and getting help.
  • kemka

    This is great, I was just looking for an adaptor for Vue today and found no good solutions. Great project, keep up the good work!

  • Hoxton

    any updated connector to angularjs?

  • abhiram

    This is what am looking for , I can able to create a fullcalender with external events drag and drop but unable to create it using react , how can i create fullcalender with external events drag and drop using reactjs

    • abhiram

      i went through documentation now i can able to drag external events into calendar, but how can the all events which are present on the calendar after drag and drop or resize

  • disjfa

    Setup the example setup for vue, but with vue cli. Maybe you can steal all of it.

  • Gianni Liburdi