Full Calendar IO

✅

Link to the plugin page: https://zeroqode.com/plugin/full-calendar-io-plugin-for-bubble-1688393831711x387852606413588540

Demo to preview the plugin:

✅

Live Demo: https://fullcalendariodemo.bubbleapps.io

✅

Bubble Editor: https://bubble.io/page?version=live&id=fullcalendariodemo&name=index&tab=Design&type=page

Introduction

Calendar is developed based on the API Fullcalendar. The plugin is designed to display and make changes to the list of events.

🔔 The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

How to setup

Add the Calendar Element

Drag and drop the FullCalendar element onto your page.

The FullCalendar element serves as the main calendar interface, allowing users to:

View events
Create new events
Interact with existing events

Configure Events

The plugin offers several built-in events that you can use to trigger workflows:

A FullCalendar New Event

Triggered when a user adds a new event to the calendar.

A FullCalendar On Event

Triggered when a user clicks or selects an existing event.

A FullCalendar Update Event

Triggered when an existing event is updated, such as being dragged to a new date.

A FullCalendar View Changed

Triggered when the user changes the calendar view, such as switching from month view to week view.

Use Actions

The plugin provides the BubbleDate action to handle date formatting and conversions within workflows.

BubbleDate

Allows you to convert or manipulate dates used in the FullCalendar workflows.

Plugin Element Properties - FullCalendar

Fields

Title	Description	Type
Events	A list of events (updated dynamically) displayed in the calendar, objects must have fields whose names are also specified in the settings	Any Thing
Title field	Name of the field with the name of the event	Text
	Single event fields
Start field	Name of the field with the start date of the event(single)	Text
End field	Name of the field with the date of the end of the event(single)	Text
	Repeating event fields
StartRecur field	Field name to indicate the start date of the repeated event	Text
EndRecur field	Field name for specifying the end date of the repeated event	Text
Start time	Field name to indicate the start time of the repeated event	Text
End time	Field name for indicating the end time of the repeated event	Text
Days Of Week field	Field name for specifying the days of the week of the repeated event(1,2,3)	Text
Locale	Language and regional settings for the calendar, e.g., "en" for English or "fr" for French	Text
Timezone	Sets the timezone for the calendar, e.g., "UTC", "America/New_York"	Text
Defaultview	Available options: Month, Week, Day	Dropdown
Aspect ratio	Determines the width-to-height ratio of the calendar. For example, 2 means the width is twice the height	Number
Theme system	Available options: standard, bootstrap	Dropdown
Background Color	The background color of the calendar grid	Text
Text Color field	The color of the text displayed within calendar events	Text
Id field	Unique identifier for events, allowing them to be tracked and updated dynamically	Text
Font family	The font style used in the calendar	Text
Font size	The size of the font used in the calendar, specified in pixels (e.g., "12px")	Text
Color	Color of the events in the calendar	Text
Background	Background styling for the calendar	Text
First Day	Sets the first day of the week. For example, 0 = Sunday, 1 = Monday	Number (optional)
Allow edit	Enables or disables the ability to edit events directly in the calendar	Checkbox (yes/no)
Allow new	Enables or disables the ability to add new events directly in the calendar	Checkbox (yes/no)
Selected event color	Specifies the color of an event when it is selected	Text (optional)

Exposed states

Element Events

Plugin Actions

BubbleDate

Title	Description	Type
New event start	The start date of a newly created event	Date
On event id	The ID of the event that is currently selected or clicked	Text
New event end	The end date of a newly created event	Date
Period start week	The timestamp representing the start of the currently visible calendar period (e.g., start of the week)	Number

Title	Description
New event	Triggered when a new event is added to the calendar by the user
On event	Triggered when an event is clicked or selected
Update event	Triggered when an event is updated, such as being moved or resized
View changed	Triggered when the calendar's view is changed (e.g., from month view to week view)

Full Calendar IO

Demo to preview the plugin:

Introduction

How to setup

Plugin Element Properties - FullCalendar

Fields

Exposed states

Element Events

Plugin Actions

Changelogs

Update 13.02.26 - Version 1.18.0

Update 18.07.25 - Version 1.17.0

Update 13.06.25 - Version 1.16.0

Update 25.03.25 - Version 1.15.0

Update 03.02.25 - Version 1.14.0

Update 23.07.24 - Version 1.13.0

Update 13.06.24 - Version 1.12.0

Update 30.05.24 - Version 1.11.0

Update 03.01.24 - Version 1.10.0

Update 20.10.23 - Version 1.9.0

Update 19.10.23 - Version 1.8.0

Update 18.10.23 - Version 1.8.0

Update 17.10.23 - Version 1.7.0

Update 15.09.23 - Version 1.6.0

Update 12.09.23 - Version 1.5.0

Update 06.09.23 - Version 1.4.0

Update 06.09.23 - Version 1.3.0

Update 12.07.23 - Version 1.2.0

Update 07.07.23 - Version 1.1.0

Update 04.06.20 - Version 1.0.4

Update 26.05.20 - Version 1.0.3

Update 12.05.20 - Version 1.0.2

Update 07.05.20 - Version 1.0.1

Update 01.05.20 - Version 1.0.0

Title	Description	Type
ISOdate	Input date in ISO 8601 format to be manipulated or converted	Text