Home

FullCalendar web component addon

This addon is an integration of the FullCalendar 4 as Flow component for Vaadin 14.x.x, if you want to use the FullCalendar Scheduler, please have a look at this addon: https://vaadin.com/directory/component/full-calendar-4-scheduler-web-component

Please also have a look at the demo for a live example and source code of how to integrate the FC. Not all described events are handled visually currently.

In case you look for the FullCalendar for Vaadin 10-13 version (built on FC 3.10.x) look here: https://vaadin.com/directory/component/full-calendar-web-component

You can find additional information about the FullCalendar (functionality, features, license information, etc.) visiting https://fullcalendar.io/

---

Addon Functionality

The following functions are currently implemented and available to use from server side:

• adding / updating / removing calendar items.

• switching between shown intervals (next month, previous month, etc.).

• goto a specific date or today.

• switch the calendar view (month, basic views for days and weeks, agenda views for days and weeks, list views for day to year).

• setting a locale to be used for displaying week days, formatting values, calculating the first day of the week, etc. (supported locales are provided as constant list).

• setting the first day of week to be shown (overrides the locale setting).

• show of week numbers.

• limit max shown entries per day (except basic views).

• showing now indicator.

• activating day / week numbers / names to be links.

• setting a eventRender JS function from server side.

• setting business hours information (multiple entries possible).

• setting fixedWeekCount to manage the number of weeks displayed in a month view.

• creating recurring events.

• setting / handling timezones and their offsets (by default the FC uses UTC times and dates).

• Event handling for

  • clicking an empty time spot in the calendar.
  • selecting a block of empty time spots in the calendar.
  • clicking an entry.
  • moving an entry via drag and drop (event is fired on drop + changed time).
  • resizing an entry (event is fired after resize + changed time).
  • view rendered (i. e. to update a label of the shown interval).
  • clicking on limited entries link "+ X more".
  • clicking on a day's or week's number link (when activated).

• Model supports setting

  • title.
  • start / end / all day flag.
  • color (html colors, like "#f00" or "red").
  • description (not shown via FC).
  • editable / read only.
  • rendering mode (normal, background, inversed background).
  • recurring data (day of week, start / end date and time).

Feedback and co.

If there are bugs or you need more features (and I'm not fast enough) feel free to contribute on GitHub. :) I'm also happy for feedback or suggestions about improvements.