Plugins
Templates
Calendar Time Slots
Link to plugin page:

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.
Fields
Actions
Exposed states
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
Title
Description
Date
Date for which slots are generated
Events
List of Events Type indicated in element fields. They will be excluded from slots
Title
Description
Type
List of slots
List of text, each element is time interval
List of Text
List of slots As Dates
List of Slots Type. Each element is a slot with start and end time fields
List of Slots
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.
Fields
Actions
Exposed states
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.
Events Type
App Type representing events in your app.

Get Slots For One Date

Get slots for the indicated date
Title
Description
Day
Day for which slots are generated

Get Slots For Range

Generate slots for a range of dates
Title
Description
Dates range
Range of dates for which slots are generated
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
Fields
Exposed states
Example
Title
Description
Slots Type
App Type representing slots
Range Slots
List of slots for range returned by Pattern Executer
Title
Description
Type
Slots
List of slots for range
List of Slots Type
Example of data returned by Pattern Executer for range
1
[
2
{"_p_Start Slot":1637132400000,"_p_Stop Slot":1637135100000},
3
{"_p_Start Slot":1637136000000,"_p_Stop Slot":1637138700000},
4
{"_p_Start Slot":1637139600000,"_p_Stop Slot":1637142300000},
5
{"_p_Start Slot":1637146800000,"_p_Stop Slot":1637149500000},
6
{"_p_Start Slot":1637150400000,"_p_Stop Slot":1637153100000},
7
{"_p_Start Slot":1637157600000,"_p_Stop Slot":1637160300000},
8
{"_p_Start Slot":1637161200000,"_p_Stop Slot":1637163900000},
9
{"_p_Start Slot":1637164800000,"_p_Stop Slot":1637167500000},
10
{"_p_Start Slot":1637168400000,"_p_Stop Slot":1637171100000}
11
]
Copied!
Data returned from this element

Interval Generator

Converts dates or text to the correct time interval for the plugin
Fields
Exposed states
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
Title
Description
Type
Interval
Interval generated using two times indicated in plugin fields.
Example: 12:00:00-14:00:00
Text

Demo to preview the settings

Demo page:
Bubble Editor:
Last modified 1mo ago