Air Calendar (Full Calendar 6.1.15)

✅

Link to plugin page: https://zeroqode.com/plugin/air-calendar-full-calendar-560-1617976227542x141524390860325200

Demo to preview the settings

✅

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

✅

Live Demo: https://seanhootsdemopro.bubbleapps.io/calendar_demo

Introduction

The Air Calendar Plugin is a bubble plugin based on the FullCalendar.

A highly customizable calendar with several different views based on FullCalendar.

FullCalendar is the most powerful calendar and scheduler used by several companies and projects.

This plugin was developed in response to the several limitations of the default bubble calendar and addresses the three main concerns: Performance, Customization, and Feature set.

It is a full-fledged calendar that you can even build your SAAS on (Timekit.io uses the same library, FullCalendar, that this plugin is based on)

Features

multiple views

custom views

full control of Look and Feel

internationalization (Locales and Timezones)

high performance

on-demand fetching:

drag-and-Drop and Resize

easy setup

drag to select

blocked dates/times

standard date representation

Key features include

Multiple views: Weekly, Monthly, Yearly views in timed grids or agenda grids. There are 9 different views by default.

Custom views: In addition to the default views, you can also create your own views (currently two). For example, you can decide to create a 3-day workday schedule view. There is also an option for the browser to remember the last view the user was on (like google calendar).

Full control of Look and Feel: The calendar is super customizable and by default provides only the calendar gird allowing you to create your own buttons and layout for navigation. For example, you can place the next and previous buttons anywhere, user buttons or dropdowns (like google calendar) to switch views, etc. There are also several options to set event colors, border colors, calendar background, and text colors, etc.

Internationalization (Locales and Timezones): The calendar supports different locales (languages) and all the timezones in the world. You can even let your users switch between different timezones dynamically. The calendar provides you with a list of all timezone names (ids) allowing you to create a dropdown with it. Same for locales.

High performance: This plugin is based on the latest re-write(v4) of the FullCalendar library written completely in plain modern javascript removing all jquery dependencies. Also, the library files have been broken down into several small files instead of one huge file. All these make the calendar very lightweight and loads faster.

On-demand fetching: Instead of loading all the calendar events at once causing huge delays like in other calendar plugins, Air Calendar allows you to fetch events that are only needed for the current view. The plugin exposes the current view's start and end dates which you can use to restrict the amount of data fetched from your database.

Drag-and-Drop and Resize: You can easily drag-and-drop events and well resize them. It even has support for dragging events from one calendar to another (currently disabled).

Easy setup: The calendar gives you full control over how to set up your database and how to connect to it. You can name your database fields whatever you want. You don't have to expose your data API. The plugin triggers events for when an event is added, dragged, resized and you use this to determine when and how you write event data to your database through whatever means you prefer.

Drag to select: You can enable creating an event by dragging to select a time period. The plugin also has actions that allow you to select/unselect through workflow actions.

Blocked dates/times: The plugin allows you to block all different kinds of periods. Users will not be able to drag-and-drop or resize events into blocked periods. Blocked periods are created just like normal events so there is no limitation on how to create the blocked periods. You can have blocked day ranges, in combination with single days in combination with single time periods and ranges.

Standard date representation: The calendar uses the iCalendar standard for storing event dates. That is all end dates are exclusive. This allows you to easily import event data from other calendar systems as well as export your calendar data to other calendar systems. For more information on this see the documentation page.

Tutorial

How to install

Install the plugin from the plugin store

Add the element, AirCalendar, to your page and resize it to your needs.

At this point, if you preview your page you will see an empty calendar without any events and buttons.

✅

By default when you add an AirCalendar element to a page, only the calendar grid is displayed. To add navigation buttons like Today, Day, Week, Month, Next, Prev, etc, you have to add buttons.

Creating an events table in the database

Go to the Data tab in Bubble.

Create a new Thing. You can give it any name you like, e.g. Appointment.

At minimum AirCalendar requires and an Event start and end date field which is of type date. You can have other optional fields and any other fields you require for your application. Ideally, you should have the three fields in bold.

Event start date - date (required)

Event end date - date (required)

All day - yes/no (optional)

Event title - text (optional)

Event background color - text (optional)

Event border color - text (optional)

Event text color - text (optional)

Blocked - yes/no (optional)

Type - text (optional)

How to add events to the calendar

To improve the speed of loading events into the calendar, Air Calendar fetches events on demand. This means instead of loading all the calendar events when the page loads, Air Calendar allows you to load just the events needed for a view. To achieve this, store the current view start date and current view end date state values into custom states and then use these custom states in the element event’s data source. When the “view changes” event is triggered, you can write the values to custom states and then utilize these custom states within the “AirCalendar” field.

❕

For better performance (faster event load), use the calendar's view start date and view end date states to restrict events to only those needed for the current view.

☝

Note: Ignore unselect ID field will prevent the current selection from being cleared (due to the unselectAuto option).

This option is useful if you have a “Create an event” form that shows up in response to the user making a selection. When the user clicks on this form, you probably don’t want to the current selection to go away. Thus, you should add a class to your form such as my-form, and set the Ignore unselect ID field to .my-form.

See the related link here: unselectCancel - Docs | FullCalendar

Calendar views

Air Calendar provides 9 different views plus two custom views that you can define yourself. Below are the different views, actions, triggers, and states.

DayGrid view

TimeGrid view

List view

Timeline View

ResourceTimeGrid View

ResourceTimeline View

👇

AirCalendar provides actions and states that allow you the freedom to design your calendar navigation the way you like. The following actions, triggers, and states are provided.

Fields

Title	Description	Type
Type of events	These are the type of things that will be used to display events	Custom type
Event's data source	The list of things that should be displayed by the calendar element	List of custom type
Event Id field	The Event id field (should have unique value for each event)	Text field of event type
Start time field	The field containing the start time of events	Date field of event type
End time field	The field containing the end time of events (optional)	Date field of event type
All day field	To support all-day events, enter a yes/no field	Boolean field of event type
Event title field	The field containing the title/caption of events	Text field of event type
Event content field	Additional content for events (can be HTML)	Text field of event type
Content Display Type	Whether to display content in the Event or as a Tooltip	Dropdown
Event background color field	Field containing the background color for events	Text field of event type
Event bordercolor field	Field containing the border color for events	Text field of event type
Event textcolor field	Field containing the text color for events	Text field of event type
Event draggable field	Field specifying if an event can be dragged	Boolean field of event type
Event resizable field	Field specifying if an event can be resized	Boolean field of event type
Event overlap field	Field specifying if event allows overlap	Boolean field of event type
Blocked event field	Field indicating if event should render as background (blocked)	Boolean field of event type
Event display type	Field containing event display type (block, list-item, background, etc.)	Text field of event type
Event classNames field	List of HTML class names to be attached to events	List of text fields
Recurring	Field indicating if the event is recurring	Boolean field of event type
Days of week	On which days of the week this event repeats	List of text fields
Default view	The initial view when calendar loads	Dropdown
Remember view	Save last view for page refresh	Boolean
CustomView1 view	Type of custom view 1	Dropdown
CustomView1 type	Time unit for custom view 1	Dropdown
CustomView1 duration	Duration of custom view 1	Number
CustomView2 view	Type of custom view 2	Dropdown
CustomView2 type	Time unit for custom view 2	Dropdown
CustomView2 duration	Duration of custom view 2	Number
Date to display at first	Initial date to show on load	Date
Starting day	Day the week starts on	Dropdown
Event draggable?	Enable users to modify events by dragging	Boolean
Event resizable?	Enable users to modify event lengths by resizing	Boolean
Include Sunday column	Show or hide Sundays	Boolean
Include Saturday column	Show or hide Saturdays	Boolean
Event and days are selectable	Allow users to select events or days	Boolean
Enable navigation links	Make day and week names clickable	Boolean
Show week numbers	Display week numbers on left side	Boolean
Event background color	Default background color for all events	Color
Event border color	Default border color for all events	Color
Event text color	Default text color for all events	Color
Locale	Language and localization options	Text
Display event time	Show event time in front of title	Boolean
Show events end time	Control display of event end times	Dropdown
Show current time indicator	Show current time indicator line	Boolean
Minimum date	Minimum date limit for the calendar	Date
Maximum date	Maximum date limit for the calendar	Date
Minimum time	First time slot displayed for each day	Text
Maximum time	Last time slot displayed for each day	Text
Scroll time	How far forward scroll pane is initially scrolled	Text
Allow drag/resize overlap	Allow events to overlap during drag/resize	Boolean
Event limit clicked	Action when user clicks "more" link	Dropdown
Show All Day slot	Display "all-day" slot at top of calendar	Boolean
Slot duration	Frequency for displaying time slots	Dropdown
Slot Label interval	Frequency of time slot labels	Dropdown
Slot label 12 hour	Use 12-hour format for slot labels	Boolean
Event time 12 hour	Use 12-hour format for event times	Boolean
Event limit (month view)	Limit number of events shown per day in month view	Number
Event limit fit	Use available space for events instead of fixed limit	Boolean
Ignore unselect ID	Element ID to ignore when unselect occurs	Text
Timezone	Calendar timezone setting (Deprecated)	Text
Owner's timezone	Timezone used for parsing events	Dropdown
Current time	Display time based on Timezone or Local time	Boolean
Color time indicator	Color of current time indicator line	Color
Disable context menu on right-click of event	Disable default context menu	Boolean
Background events color	Color for blocked cells	Color
Allow editing blocked events	Allow interaction with background events	Boolean
Calendar background color	Background color for the whole calendar	Color
Calendar text color	Text color of calendar	Color
Enable Header Borders	Show borders on calendar header	Boolean
Calendar lines color	Grid lines color	Color
Current day color	Highlight color for current day	Color
Current day cells color	Color for cells of current day	Color
Selected day(s) color	Color for selected days	Color
multiMonthYear color	Background color of months in multiMonthYear mode	Color
Nextday threshold	When an event spans to next day	Text
Select min distance	Minimum mouse movement for selection	Number
Event border width	Border width of events in pixels	Dropdown
Event border radius	Border radius of events in pixels	Dropdown
Default duration	Default duration for events without end date	Text
Allow select overlap	Allow selecting periods with events	Boolean
Title has html content	Treat title text as HTML	Boolean
Pause after drag/resize	Time to disable calendar after modification	Dropdown
Enable Resource/Scheduler view	Enable FullCalendar Scheduler plugin	Boolean
Resource type	Type of resource for events	Custom type
Resource data source	List of resources to display	List of custom type
Event resource field	Field referencing the resource	Field of event type
Res. Id field	Unique ID field for resources	Text field of resource type
Resource title field	Field determining displayed text for resources	Text field of resource type
Resource group name	Field containing resource group name	Text field of resource type
Resource label	Text displayed above resources list	Text
Res. order field	Field for ordering resources	Text field of resource type
Order Res. ascending	Order resources in ascending order	Boolean
Clickable resource	Make resources clickable	Boolean
Resource Area Width	Width of resource row in percentage	Number
Hide resources with no events	Only show resources with events	Boolean
Allow dragging between resources	Allow moving events between resources	Boolean
Dates above(before) resource	Render date headings above resource headings	Boolean
Google Calendar Settings	Settings for Google Calendar integration	Label
Enable Import Events From Google Calendar	Enable Google Calendar integration	Boolean
Google Calendar ID	ID of Google Calendar to import	Text
View type for Google Events	Display type for Google Calendar events	Dropdown
Delay for Mobile Devices	Settings for touch device delays	Label
Event Press Delay	Delay before event becomes draggable on touch	Number
Select Press Delay	Delay before date becomes selectable on touch	Number
Day Header Custom Format	Use custom format for calendar header	Boolean
Weekday format	Format for weekday display in header	Dropdown
Day format	Format for day display in header	Dropdown
Month format	Format for month display in header	Dropdown
Year format	Format for year display in header	Dropdown
Dragging external events	Enable dragging events from outside the calendar	Boolean
Disable adding events	Prevent adding multiple events to same time slot	Boolean

Plugin States

Title	Description	Type
current event	Returns current event. Should be of the event type	Event Type
clicked date	Retrieves the current date that was just clicked. This is a date field	date
current view's name	The current view's name as text. Possible values are any one of the available views listed above. e.g. timeGridWeek. Note that this is case-sensitive (meaning the small letters and capital letters should be exactly as listed above)	text
current view's title	Title text that is displayed at the top of the header (such as “September 2009” or “Sep 7 - 13 2009”).	text
modified event	Returns the event which has just been dragged. You must do a change to a thing with this event.	Event Type
modified event start	Returns the start date of the event that has just been dragged.	date
modified event end	Returns the end date of the event that has just been dragged.	date
modified event allday	Returns the allday of the event that has just been dragged.	yes/no
current view's date	For month view, it will always be sometime between the first and last day of the month. For week views, it will always be sometime between the first and last day of the week.	date
view's activeStart date	A Date that is the first visible day. In month-view, this value is often before the 1st day of the month, because most months do not begin on the first day-of-week.	date
view's activeEnd date	A Date that is the exclusive last visible day.	date
selected start date	Start date/time of selection.	date
selected end date	End date/time of selection.	date
locales	List of timezones	text
more link clicked date	The date for the day of the more link clicked.	date
current event's rightclick pageX	right-click position on the x-axis	number
current event's rightclick pageY	right-click position on the y-axis	number
timezones	Available timezones	text
browser timezone	Returns the browser's timezone	text
browser locale	Returns the browser's locale	text
hovered_event	Returns the currently hovered event.	Event Type
current event's id attribute	ID attribute of the currently clicked, hovered or right-clicked event.	text
timezone offset display seconds	The difference between browsers time and calendar time in seconds. Add this to date picker input when displaying.	number
timezone offset save seconds	The difference between browsers time and calendar time in seconds. Add this to date picker input when saving date from a picker.	number
selection all day?	Whether the selection happened on all-day cells.	yes/no
calendar timezone	The current timezone the calendar is displaying in not the browswer's timezone	text
calendar locale	The current locale of the calendar, not the browser locale.	text
view's currentStart date	A Date is the start of the interval the view is trying to represent. For example, in month view, this will be the first of the month. This value disregards hidden days. You can use this to restrict the number of events the calendar fetches.	date
view's currentEnd date	A Date is the exclusive end of the interval the view is trying to represent. For example, in month view, this will be the day after the last day of the month (because it is exclusive). This value disregards hidden days. You can use this to restrict the number of events the calendar fetches.	date
modified event's new resource	The new Resource of the modified event. If the resource hasn't changed then this will return the same old resource.	Resource type
selected_resource	Resource of the current selection.	Resource type
modified event's old resource	The old Resource of the modified event.	Resource
clicked resource name	The name of the event when clicking on the resource	text
external event start date	External event start date. Received after dragging an external event to the calendar.	date
external event all day	External event all day. Received after dragging an external event to the calendar.	yes/no
date recurring event
clicked resource id	The id of the resource when you click on it

Plugin Events

Title	Description
event is clicked	This event is triggered when the user clicks on an event in the calendar. Refer to the current event that was just clicked using the expression 'This calendar's current event’.
date is clicked	This event is triggered when the user clicks on a day in the calendar. You can refer to the current day that was just clicked using the expression 'This calendar's current day.' You can also retrieve the events for this day with the expression 'This calendar's current day's events’.
event is modified	True when an event has been dragged to a new date or time.
view changes	Triggered when a view is being rendered.
all events rendered	Triggered when a new date-range is rendered, or when the view type switches. This callback will get triggered when the user changes the view, or when any of the date navigation methods are called.
selection is made	Triggered when a date/time selection is made.
more events clicked	Triggered when 'more' link is clicked.
calendars's event is right clicked	Triggered when right clicked on the event
mouse entered event	Triggered when the user mouses over an event.
mouse left event	Triggered when the user mouses out of an event.
Events are loaded	Triggered when events are loaded
Blocked Event Clicked	Triggered when a blocked event is editable and is clicked.
Event is dropped	Triggered when an event is dropped
Recurring event is clicked	An event triggered when a recurring event is clicked on.
Event already added	It is triggered when we add an event to a time interval that contains another event. Triggered when checkbox 1 is enabled.
Resource click	An event triggered when a resource is clicked on.
External event is dropped	Triggered when an external event is dropped
Calendar is loaded	This event is triggered when calendar has finished setting its events and is ready to be used.
Event overlap blocked	It is triggered when a new event overlaps a blocked one.

Plugin Actions

Title	Description
Go to date	Go to the provided date on the calendar
Change view	Switch to the specified view.
Go to Next view	Moves the calendar one step forward (either by a month, week, or day).
Go to Previous view	Moves the calendar one step back (either by a month, week, or day).
Go to Today	Moves the calendar to the current date.
Go to Previous Year	Moves the calendar backward one year.
Go to Next Year	Moves the calendar forward one year.
Set locale	Customize the language and localization options for the calendar. This option affects many things such as: the text in buttons, as defined by header text that contains month or day-of-week strings date formatting strings, such as timeFormat weekNumberCalculation firstDay
Select	A method for programmatically selecting a period of time.
Unselect	A method for programmatically clearing the current selection.
Re-render events	Refetches events from all sources and rerenders them on the screen.
Set timezone	A time zone is a region of the world that serves as a context for displaying dates.
Disable temporary
Render	Will initially render a calendar, or if it is already rendered, will rerender it.
Reload Events	Hides all events, and then displays again, updating all data (including calculating the time of the event in a new time zone).
Set Max Number of displayed events	Set the max number of stacked event levels within a given day.
Toggle Weekends	Toggles the display of weekends in a FullCalendar instance. It checks if weekends are currently enabled, then reverses this setting. If weekends are to be enabled, it also resets any hidden days, ensuring weekends are visible.
Set first day	The day that each week begins.
Use external events	Creates draggable elements from the items of the RG.
Remove All Events	Resets the calendar by removing all event sources and events currently displayed in the calendar. Additionally, it triggers garbage collection if supported by the environment, ensuring optimal memory usage.

Go to date

Change view

Go to Next view

Go to Previous view

Go to Today

Go to the Previous Year

Go to Next Year

Set locale

Select

Unselect

Re-render events

Set timezone

Render

Reload Events

Set Max Number of displayed events

Set the first day

Toggle Weekends

Use external events

Remove All Events

Useful information

Exclusive End date - AllDay events

What is a Current event?

Event dragging and resizing

Example workflow for updating an event when modified

Event selecting

Air Calendar supports dynamic selection. Users can click and drag to select a period of time to create an event. Below are the actions, triggers and states associated with selection.

To enable selection check the element property Event and days are selectable . Once enabled the following states, triggers and actions can be used.

❗

When selection is enabled, clicking on a cell triggers the selection is made event as well as the date clicked event. If you don't want your users to click to select but instead click and drag to select, you have to change the element property, Select min distance to a value greater than 0.

Used States

selected start date: The start date/time of the current selection. The value is a date.

selected end date: The end date/time of the current selection. The value is a date.

selection all day?: This is a boolean (yes/no) that tells you if the selection occurred in an All Day (yes) cell or a timed cell (no).

Used Events

selection is made: Triggered when a selection has been made. Once this event occurs the states defined above are available and can be used in a workflow. For example, you may want to show a popup with the selected dates to create an event in your database.

Used Actions

Air Calendar allows you to programmatically select or cancel a selection. This is useful if after the user has selected an area decides to change the start or end time (see a demo at the start of this page). The following actions are provided.

1. Select: Selects a period of time on the calendar. It has the following fields

start date - Start date of the selection. The value should be a date.

end date - End of the selection. Optional. Default slot value will be used. The value should be a date. This value is exclusive, meaning if you want your last full-day selection to be Thursday, then specify Friday

All day - Specify if selection should happen in the All Day slot. Optional. The default is false.

2. Unselect: Cancels the current selection. It doesn't have any fields.

Timezone feature

Resources / Scheduler

Get Events or Resources from API

Troubleshooting

If you are faced with a problem that the calendar does not load and gives errors related to time zones, try to put these lines in the application header.

javascript
<script src="//dd7tel2830j4w.cloudfront.net/f1555755107112x324873268391724600/moment-timezone-with-data-1970-2030.min.js"></script>

Preventing double events

Use external events

Using recurring events

Changelogs

Update 09.04.25 - Version 2.124.0

Fixed updating "current event" and "modified event" states for external databases, fixed 'blocked event'.

Update 20.03.25 - Version 2.123.0

Added 'multiMonthYear color' field.

Update 12.03.25 - Version 2.122.0

Added event 'Event overlap blocked'.

Update 05.02.25 - Version 2.121.0

Internal update.

Update 28.01.25 - Version 2.120.0

Added field 'Current day cells color'.

Update 15.01.25 - Version 2.119.0

Updated moment.js.

Update 09.01.25 - Version 2.118.0

Fixed styles and removed field "Event display type".

Update 03.12.24 - Version 2.117.0

Added "Event limit fit" field.

Update 28.11.24 - Version 2.115.0

Fixed custom views displaying dates.

Update 27.11.24 - Version 2.114.0

Updated duration of recurring events, removing default popup when moving events.

Update 20.11.24 - Version 2.113.0

Fixed 'multiMonthYear' view mode.

Update 14.11.24 - Version 2.112.0

Minor update (Marketing update).

Update 11.11.24 - Version 2.111.0

Fixed adding calendar events for v6.1.15 and added multiple calendars ids option.

Update 06.11.24 - Version 2.110.0

Minor update (Marketing update).

Update 31.10.24 - Version 2.109.0

Fixed event time display in 'timegrid' mode.

Update 28.10.24 - Version 2.108.0

Added 'multiMonthYear' view mode.

Update 18.10.24 - Version 2.107.0

Minor update (Marketing update).

Update 14.10.24 - Version 2.106.0

Minor fixes.

Update 08.10.24 - Version 2.105.0

Updated "Use external events" action & "Selected end date" state.

Update 13.09.24 - Version 2.104.0

Fixed "document.write()" console warn.

Update 09.09.24 - Version 2.103.0

Optimization of the plugin for the new version library 6.1.15.

Update 28.08.24 - Version 2.102.0

Minor update (Marketing update).

Update 26.08.24 - Version 2.101.0

Upgraded the plugin library version to v.6.1.15.

Update 30.07.24 - Version 2.100.0

Added event 'calendar is loaded'.

Update 16.07.24 - Version 2.99.0

Minor update (Marketing update).

Update 28.06.24 - Version 2.98.0

Updated demo/service links.

Update 13.06.24 - Version 2.97.0

Added field 'Show events end time", updated states "view's current date".

Update 06.06.24 - Version 2.96.0

Minor update.

Update 30.05.24 - Version 2.95.0

Updated 'Event limit (month view)' field.

Update 28.05.24 - Version 2.94.0

Fixed "resourceTimeline" views - date click bug.

Update 21.05.24 - Version 2.93.0

Owner's timezone field made dynamic

Set a time zone from the provided timezones by the plugin’s state “timezones” .

Update 21.05.24 - Version 2.92.0

Added "Resource group name" field.

Update 17.05.24 - Version 2.91.0

Restored 'Selected Day(s) color' field.

Update 26.04.24 - Version 2.90.0

updated description.

Update 25.04.24 - Version 2.89.0

added state 'clicked resource id'.

Update 15.04.24 - Version 2.88.0

added new values to 'Slot duration' and 'Slot Label interval', updated the time format.

Update 05.04.24 - Version 2.87.0

removed unused states.

Update 04.04.24 - Version 2.86.0

updated description.

Update 02.04.24 - Version 2.85.0

Added "Recurring Events" functionality.

Update 29.03.24 - Version 2.84.0

Fixed calendar version conflict.

Update 12.03.24 - Version 2.83.0

Use external events.

Update 07.03.24 - Version 2.82.0

Added field 'Color time indicator'.

Update 04.03.24 - Version 2.81.0

Added checkbox 'Clickable resource', state 'clicked resource name'.

Update 27.02.24 - Version 2.80.0

minor fixes.

Update 14.02.24 - Version 2.79.0

Added field "Disable adding events", event 'Event already added'.

Update 12.02.24 - Version 2.78.0

Added dropdown 'Current time'.

Update 31.01.24 - Version 2.77.0

Added 'Dragging external events' checkbox.

Update 29.01.24 - Version 2.76.0

updated resource Timeline modes and current time.

Update 24.01.24 - Version 2.75.0

updated description.

Update 17.01.24 - Version 2.74.0

minor fixes.

Update 16.01.24 - Version 2.73.0

updated navlinks in "ResourceTimeline" modes.

Update 27.12.23 - Version 2.72.0

Languages library update.

Update 27.12.23 - Version 2.71.0

updated description.

Update 25.12.23 - Version 2.70.0

updated description.

Update 22.12.23 - Version 2.69.0

fixed timezone.

Update 19.12.23 - Version 2.68.0

updated description.

Update 14.12.23 - Version 2.67.0

timezone updated.

Update 07.12.23 - Version 2.66.0

updated display of navlinks and date range title.

Update 01.12.23 - Version 2.65.0

Added ability to use list in "event resource field" field.

Update 27.11.23 - Version 2.64.0

Fixed calendar version conflict.

Update 15.11.23 - Version 2.63.0

Fixed Drag-and-drop effect.

Update 01.11.23 - Version 2.62.0

Added tooltip for events, fixed date format in the header.

Update 19.10.23 - Version 2.61.0

Updated description.

Update 03.10.23 - Version 2.60.0

Added possibility to change the day header format.

Update 03.10.23 - Version 2.59.0

updated description.

Update 28.09.23 - Version 2.58.0

Fixed the display of content in event.

Update 18.09.23 - Version 2.57.0

updated description.

Update 12.09.23 - Version 2.56.0

minor updates.

Update 11.09.23 - Version 2.55.0

Added field 'Enable Header Borders'.

Update 02.08.23 - Version 2.54.0

Fixed "Allow dragging between resources" field and minor fixes.

Update 19.07.23 - Version 2.53.0

minor fixes.

Update 11.07.23 - Version 2.52.0

updated description.

Update 28.06.23 - Version 2.51.0

Added "resource Time Grid" mode to "Custom View 1(2)" fields.

Update 22.06.23 - Version 2.50.0

updated the description.

Update 21.06.23 - Version 2.49.0

Minor fixes.

Update 13.06.23 - Version 2.48.0

Fixed CSS to the "AirCalendar" element..

Update 24.02.23 - Version 2.47.0

minor fixes.

Update 23.02.23 - Version 2.46.0

deleted the icons.

Update 22.02.23 - Version 2.45.0

updated the description.

Update 02.02.23 - Version 2.44.0

Updated description.

Update 20.01.23 - Version 2.43.0

Updated description.

Update 10.01.23 - Version 2.42.0

minor fixes.

Update 20.12.22 - Version 2.41.0

Fixed "Title has html content" option.

Update 26.10.22 - Version 2.40.0

changed "background event field" to "blocked event field".

Update 23.10.22 - Version 2.39.0

Deprecated "eventResize".

Update 16.10.22 - Version 2.38.0

minor fixies.

Update 13.10.22 - Version 2.37.0

Updated description.

Update 03.10.22 - Version 2.36.0

minor fixes.

Update 28.09.22 - Version 2.35.0

adapted to the new responsive engine.

Update 19.09.22 - Version 2.34.0

Adjusted common part.

Update 29.08.22 - Version 2.33.0

Updated common part.

Update 18.08.22 - Version 2.32.0

Added dynamic change option possibility.

Update 09.08.22 - Version 2.31.0

Removed “Hide time axis” field.

Update 22.07.22 - Version 2.30.0

minor changes.

Update 07.07.22 - Version 2.29.0

Added possibility to activate displayed weekends separately

🛠️ Fixed displaying of current time indicator.

Update 22.06.22 - Version 2.28.0

Updated description.

Update 09.05.22 - Version 2.27.0

Added text in description.

Update 14.02.22 - Version 2.26.0

Added posibility to change first day of the week and width of resource column

Update 20.01.22 - Version 2.25.0

Added action to set the max number of displayed events

Update 20.01.22 - Version 2.24.0

updated title.

Update 02.12.21 - Version 2.23.0

Fixed display time of "Now Indicator".

Update 04.11.21 - Version 2.22.0

fixed error in uploading headers.

Update 01.10.21 - Version 2.21.0

Full Calendar updated to 5.9.0

⚒fixed: current timezone display. On the data switch, the hour position is kept. ⚒fixed: part of scripts are transferred to the global header.

➕ updated: Full Calendar library version updated to 5.9.0

Update 13.09.21 - Version 2.20.0

reworked additional libraries.

Update 29.08.21 - Version 2.19.0

Fix in resource ordering.

Update 13.08.21 - Version 2.18.0

Fixed: "not ready" error, military time issue, resource sorting. Added: event "blocked event clicked", action "show/hide weekends".

What was done:

🛠fixed: "not ready" error 🛠fixed: military time issue 🛠fixed: resource sorting

➕ added: event "blocked event clicked", ➕ added: action "show/hide weekends".

Update 28.07.21 - Version 2.17.0

Updated description.

Update 12.07.21 - Version 2.16.0

Added the possibility to use dynamic colors from DB.

➕ added possibility to use dynamic colors in related fields.

The colors in DB should be indicated in HEX format, for example #DB2F1F

Update 09.06.21 - Version 2.15.0

Added timezone support

What was done:

➕ added timezone support. Added a field with the time zone of the page owner for the correct saving of events. It is needed to specify the page owner time zone in this filed in order to use this feature.

The "timezone offset display seconds" and "timezone offset save seconds" states the difference between the owner's time zone and the current calendar time zone.

"Timezone offset display seconds" - used for correct time display.

"Timezone offset save seconds" - used to save time correctly.

❗

IMPORTANT: We strongly recommend making a backup of the database in order to avoid data loss while configuring the updated plugin functionality. It is also necessary to remove and then install the plugin element so that the latest update takes effect and no errors appear. Please be aware that removing the plugin element will impact the previous element settings (fields, checkboxes, etc.). Therefore, before reinstalling the plugin element please make sure you remember all the plugin element settings. :::

Update 03.06.21 - Version 2.14.0

dayGridView rendering fix

What was done:

🛠fixed: dayGridView rendering

Update 31.05.21 - Version 2.13.0

Fixed issue with date field.

Update 22.05.21 - Version 2.12.0

Fixed plugin element settings

What was done:

🛠fixed: day header render

🛠fixed: error when the background color of the event is not changed

🛠fixed: displaying of event content then end time is not set

Update 07.05.21 - Version 2.11.0

Updated icon.

Update 30.04.21 - Version 2.10.0

Roll back to previous version.

Update 29.04.21 - Version 2.9.0

Rollback code to v2.0. Fixed minor issues. Added action "Paste from clipboard" .

Update 28.04.21 - Version 2.8.0

HTML is customized to be as close as possible to the design from Seanhoots. Added getUTCFullYear error fix.

What was done:

🛠fixed: getUTCFullYear error when the Remember view checkbox is activated 🛠fixed: calendar design was customized as close as possible to the Seanhoots (old versions) 🛠fixed: removed outer borders from the week view ➕added: Google Calendar events functionality ➕added: the "Today" circle

Update 22.04.21 - Version 2.7.0

Fixed any issues after updating the library. Added the possibility to import events from Google Calendar and the possibility to change touch delay for mobile devices.

What was done:

🛠 fixed: colors changed in settings now work 🛠 fixed: information message in the left corner is removed 🛠 fixed: before the update, the color of the circle in the list view was taken by the color of the borders. now, if no border color is assigned to the event, the default color of the event will be used.

➕ added: possibility to import events from google calendar. Instruction on how to get API key and calendar id: https://fullcalendar.io/docs/google-calendar. ➕ added: possibility to change press delay for mobile devices.

Update 19.04.21 - Version 2.6.0

Added a possibility to change the event display type. Fixed word-wrap in HTML titles. Now users have the possibility to change the view type of an event from four types:

block ( it seems to display type in older versions of the calendar),

background ( is used for "blocked" events on our demo page),

inverse-background (new view type. Like'background', but fills the reverse space)

list-item (new view type added in v5 of Fullcalendar and used by default ).

The default view is set to 'block' because this view was used in older versions. The type can be changed in the same way as the title or colour of the event.

Update 13.04.21 - Version 2.5.0

fixed: HTML in header element is now rendered not as text fixed: if the duration is 30 minutes or less, the title is di.

Update 12.04.21 - Version 2.4.0

Minor fixes.

Update 12.04.21 - Version 2.3.0

Updated description.

Update 10.04.21 - Version 2.2.0

Updated Library 5.6.0 and bugs fixed.

Update 09.12.19 - Version 2.1.2

Added Render action. Added spinner when calendar is temp. disabled. Bug fix when scheduler is disabled..

Update 02.11.19 - Version 2.1.1

Re-arranged resource and event id fields on the property editor.

Update 02.11.19 - Version 2.1.0

Added event id field (enabling support for google calendar). No GPL license needed if Scheduler is not enabled.

Update 30.10.19 - Version 2.0.0

Added Scheduler (timeline and resource views). Allow select overlap option. Allow html in event title. Added new field for html content. Added ability to temporary freeze calendar after drag/resize. Added action for freezing calendar for certain number of seconds. Bug fixes for event editable in conditions. Removed 'local' as default timezone.

Update 01.05.19 - Version 1.1.1

Initial date optional field. Updated library files which fixes bug of calendar sometimes not showing correctly..

Update 30.04.19 - Version 1.1.0

Added new event specific properties (resize, dragging, overlap).

Update 26.04.19 - Version 1.0.0

Initial public release.

Update 22.04.19 - Version 0.6.0

Added more features.

Update 17.04.19 - Version 0.5.0

Added event limit option..

Update 16.04.19 - Version 0.4.0

Exposed new state "more linked clicked date".

Update 09.04.19 - Version 0.3.0

New features.

Update 07.04.19 - Version 0.2.0

Add allDayDefault.

Update 07.04.19 - Version 0.1.0

Feature update.

Update 07.04.19 - Version 0.0.1

Initial Beta release.

Title	Description	Type
View name (static)	The view to display. If you defined custom views you can use any of them.	dropdown
Date (optional)	If you'd like to navigate to a new date while simultaneously switching to a new view, you can specify a date parameter.	date
Get view name dynamically. Overrides one set above.	If true the view will be valued will be taking from the dynamic text	checkbox
View name (dynamic)	Name of the view to change to.	text

Title	Description	Type
ID RG external events	ID of a repeating group with draggable elements	text
Type of external events	Data type of external events	app type
External events data	External event data source	as type of external events
External event ID	External event ID	text
External event title	External event title	text

Air Calendar (Full Calendar 6.1.15)

Demo to preview the settings

Introduction

Key features include

Tutorial

How to install

Creating an events table in the database

How to add events to the calendar

Calendar views

DayGrid view

TimeGrid view

List view

Timeline View

ResourceTimeGrid View

ResourceTimeline View

Fields

Plugin States

Plugin Events

Plugin Actions

Go to date

Change view

Changing view statically

Changing view name dynamically

Go to Next view

Go to Previous view

Go to Today

Go to the Previous Year

Go to Next Year

Set locale

Select

Unselect

Re-render events

Set timezone

Render

Reload Events

Set Max Number of displayed events

Set the first day

Toggle Weekends

Use external events

Remove All Events

Useful information

Exclusive End date - AllDay events

What is a Current event?

Event dragging and resizing

Example workflow for updating an event when modified

Event selecting

Used States

Used Events

Used Actions

Timezone feature

Required fields, actions and states

Fields

Actions

States

How to use

Resources / Scheduler

Fields

States

Get Events or Resources from API

Troubleshooting

Preventing double events

Use external events

Using recurring events

Changelogs

Update 09.04.25 - Version 2.124.0

Update 20.03.25 - Version 2.123.0

Update 12.03.25 - Version 2.122.0

Update 05.02.25 - Version 2.121.0

Update 28.01.25 - Version 2.120.0

Update 15.01.25 - Version 2.119.0

Update 09.01.25 - Version 2.118.0

Update 03.12.24 - Version 2.117.0

Update 28.11.24 - Version 2.115.0

Update 27.11.24 - Version 2.114.0

Update 20.11.24 - Version 2.113.0

Update 14.11.24 - Version 2.112.0

Update 11.11.24 - Version 2.111.0

Update 06.11.24 - Version 2.110.0

Update 31.10.24 - Version 2.109.0

Update 28.10.24 - Version 2.108.0