33min

Calendar Time Slots

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.

Document image



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

Pattern Executer

This element generates slots using patterns created in the "Pattern Generator" element.

Document image



Fields

  • 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.​

Actions

Get Slots For One Date - Get slots for the indicated date

  • Day - Day for which slots are generated



Get Slots For Range - Generate slots for a range of dates

  • Dates range - Range of dates for which slots are generated

Exposed states

  • List of slots (List of Slots Type) - List of generated slots
  • List of slots for range (Text) - List of generated slots as text

Range Slots Decoder

Transform string returned from Pattern Executer in the list of slots

Document image



Fields

  • Slots Type - App Type representing slots
  • Range Slots - List of slots for range returned by Pattern Executer​

Exposed states

  • Slots (List of Slots Type) - List of slots for range

Example

[ {"_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:

Document image

Interval Generator

Converts dates or text to the correct time interval for the plugin

Document image

Fields

  • 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

  • Interval (Text) - Interval generated using two times indicated in plugin fields. Example: 12:00:00-14:00:00
Added
Fixed

Demo to preview the settings