...
The single dimension time slot picker allows the user to select a time slot when at least one dimension record (out of multiple) is available.
Use this component if users need to pick a time when:
A single specific dimension is available (i.e. when is this room available)
Any one dimension out of a collection of dimensions is available (i.e. rooms in a building, and it does not matter which room)
A sample flow using this component could look like this, with the result shown in the video on the right:
...
Reservation time slot picker
Use the The reservation time slot picker allows the user to find select a time slots slot when a given reservation is possible.
Use this component if you already know what is being booked, but the user still needs to select a time.
So for example you already know which dimensions need to be available (room/staff/etc), and want the user to choose a time slot when all of those are available.
| Note |
|---|
This component can only be used together with the new Conflict Rules. |
...
Field | Input/output | Required/optional | Description |
|---|---|---|---|
Reservation Selection Modal | Input | Required | Show a modal to the user for selecting a reservation. Only applies when there are multiple possibilities, for example when there are more Staff available than required. |
Show Slot End Times | Input | Required | When enabled, each slot will not only display the start time of that slot but also the end time. |
Start of Range | Input | Required | Start date or datetime of the range to search for available time slots. |
End of Range | Input | Required | End date or datetime of the range to search for available time slots. |
Duration | Input | Required | Duration (in minutes) of each time slot in the result. |
Interval | Input | Optional | Interval (in minutes) between the start of each slot. Defaults to the duration, resulting in back-to-back slots. |
Minimum time before the first selectable slot | Input | Optional | The minimum number of minutes until a slot would start to make it selectable. When empty, slots in the past are selectable (provided the start of range is in the past). When 0, only slots starting now or in the future are selectable. When 60 (for example), only slots starting 60 minutes from now are selectable. |
Reservation | Input | Required | The reservation to find available time slots for. Make sure to populate it with all dimensions that need to be available, as well as any other data that is relevant to finding available slots. |
Junctions | Input | Optional | A list of junctions that need to be available during the resulting time slots. You can add multiple lists of junctions by repeatedly clicking the ‘Add Junctions’ button. |
Reservation | Output | N/A | A copy of the input reservation, with the selected times set. If you have any junctions, you still need to 1. insert the reservation, 2. set the reservation lookup on each junction, and 3. insert the junctions. |
Example
Here is an example of a screen flow with this component
...