1. Install Air Calendar Lite plugin.
2. Add the Calendar element to the page.
3. Enter group ID for the Calendar.
4. Fill in the required fields.
Settings
------------------------------------------------
Exposet states:
Clicking on a cell returns the following parameters from the calendar.
select_start [date] - Start date for the selected cell, set when the Select event is fired
select_end [date] - End date for the selected cell, set when the Select event is fired
When you click on an event, its parameters are returned from the calendar through the state.
click_start [date] - Start date of the highlighted event
click_end [date] - Date of completion of the highlighted event
click_title [text] - The title of the highlighted event
click_id [text] - Unique ID of the highlighted event
------------------------------------------------
Event:
Select - Event is triggered when a user clicks on a calendar cell.
Click - Event is triggered when a calendar event is clicked.
(
https://fullcalendar.io/docs/date-clicking-selecting)
------------------------------------------------
Action:
Action caption: Load Calendar
Description: Downloading the library (css and js files) Fullcalendar 4.3.1 (
https://fullcalendar.io)
core_main.min.css
core_main.min.js
daygrid_main.min.css
daygrid_main.min.js
timegrid_main.min.css
timegrid_main.min.js
interaction_main.min.js
core_allLocales.min.js
(
https://fullcalendar.io/docs/plugin-index)
Action caption: Create Calendar
Description: This action creates a calendar. To create a calendar, you need to load the plugin scripts by executing Load Calendar
Data Formattyng: Custom -> yyyy-mm-dd'T'HH:MM:ss
Action caption: Set Locale
Description: Setting a new locale for the calendar
Action caption: Load ButtonStyle
Description: Set the color settings for the calendar buttons.
Action caption: AddEvent
Description: Create an event on the calendar
Action caption: Load CalendarStyle
Description: Change the style of the table (font and borders)
Action caption: Load TextColor
Description: Change the color of the title, days of the week, and date.
Action caption: Edit Event
Description: Changes the event settings in the calendar.
Action caption: Delete Event
Description: Delete an event from the calendar.