Calendar Time Slots

Demo to preview the settings

Introduction

With this plugin, it is easy to select hours available for events as well as create available time slots for a specific day, and even create weekly patterns.
Also, it is able to set the length of the interval and pause between the end of the interval and the beginning of the new one.
Easily manage your bookings by blocking out your availability or setting specific dates and times that users are allowed to book appointments.

How to setup

Place the required elements on the page and fill in the fields. You can find a more detailed configurations on the plugin demo page.

Plugin Elements

Pattern Generator

Generate pattern or return slots for the selected day using data from fields.
Image without caption
Fields
Title
Description
Start hour
Hours representing start of the day
End hour
Hours representing end of the day
Slot length (minutes)
Length of each interval
Slot break (minutes)
Pause between the end of an interval and the beginning of a new interval
Pauses
All slots that overlap with pauses will be excluded Example: 12:00:00-13:00:00;15:30:00-16:00:00 All slots that overlap these hours will be excluded
Events Type
App Type representing events in your app
Slots Type
App Type representing slots in your app
Available intervals
String with available intervals Example: 12:00:00-13:00:00;15:30:00-16:00:00
Get Slots
Return slots for one day with indicated settings
Image without caption
Actions
Title
Description
Date
Date for which slots are generated
Exposed states
Title
Description
Type
List of slots
List of text, each element is time interval
List of Text
Day Pattern
The string that stores information from the pattern Example: {"start":"09:00:44-11:00:54;13:00:44-17:00:54","end":"","pause":"","slot_length":45,"slot_break":10,"isIntervals":true}
Text

Pattern Executer

This element generates slots using patterns created in the "Pattern Generator" element.
Image without caption
Fields
Title
Description
Monday
Day pattern generated by "Pattern Generator". Apply pattern for each Monday.
Tuesday
Day pattern generated by "Pattern Generator". Apply pattern for each Tuesday.
Wednesday
Day pattern generated by "Pattern Generator". Apply pattern for each Wednesday.
Thursday
Day pattern generated by "Pattern Generator". Apply pattern for each Thursday.
Friday
Day pattern generated by "Pattern Generator". Apply pattern for each Friday.
Saturday
Day pattern generated by "Pattern Generator". Apply pattern for each Saturday.
Sunday
Day pattern generated by "Pattern Generator". Apply pattern for each Sunday.
Slots Type
App Type representing Slot.
Get Slots For One Date
Get slots for the indicated date.
Image without caption
Title
Description
Day
Day for which slots are generated
Get Slots For Range
Generate slots for a range of dates
Image without caption
Title
Description
Dates range
Range of dates for which slots are generated
Exposed states
Title
Description
Type
List of slots
List of generated slots
List of Slots Type
List of slots for range
List of generated slots as text
Text

Range Slots Decoder

Transform string returned from Pattern Executer in the list of slots
Image without caption
Fields
Title
Description
Slots Type
App Type representing slots
Exposed states
Title
Description
Type
Slots
List of slots for range
List of Slots Type
Example:
Example of data returned by Pattern Executer for range:
json
[ {"_p_Start Slot":1637132400000,"_p_Stop Slot":1637135100000}, {"_p_Start Slot":1637136000000,"_p_Stop Slot":1637138700000}, {"_p_Start Slot":1637139600000,"_p_Stop Slot":1637142300000}, {"_p_Start Slot":1637146800000,"_p_Stop Slot":1637149500000}, {"_p_Start Slot":1637150400000,"_p_Stop Slot":1637153100000}, {"_p_Start Slot":1637157600000,"_p_Stop Slot":1637160300000}, {"_p_Start Slot":1637161200000,"_p_Stop Slot":1637163900000}, {"_p_Start Slot":1637164800000,"_p_Stop Slot":1637167500000}, {"_p_Start Slot":1637168400000,"_p_Stop Slot":1637171100000} ]
Data returned from this element
Image without caption

Interval Generator

Converts dates or text to the correct time interval for the plugin
Image without caption
Fields
Title
Description
Time 1
Date that is the beginning of the interval
Time 2
Date that is the ending of the interval
Time 1
Text that is the beginning of the interval
Time 2
Text that is the ending of the interval
Exposed states
Title
Description
Type
Interval
Interval generated using two times indicated in plugin fields. Example: 12:00:00-14:00:00
Text