---
title: Time slot picker
slug: docs/time-slot-picker
docTags: 
createdAt: 2024-11-20T17:28:11.416Z
---

Displays a simple calendar with appointment time slots.

::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/-FI91fGT7Xu9ywZbNfa1T_image.png" size="62" width="1094" height="500" position="center" showCaption="false"}

## Properties

General

Properties
General
Select multiple - select to allow multiple selections
Options
Displayed days - number of days to display from today.
Daily Options - options available each day. Label is used for display, value is saved to dataLayer / webhook.
Data Handling
Name - name of the field used to  identify and also to save its value if Path is not set.
Path - Used to provide more complex structure where the data should be saved. Should match AEP schema attribute selector to enable pre-filling from AEP.
Form Id - used mainly for webhook requests to control which data is sent. Only properties with matching Form Id will be included in the request. If empty - data from all fields collected in current session will be included.
Actions
Event Type - name (type) of event to generate on click. Used to trigger Data Collection Tag Property Rules. Leave empty for no event.
Webhook URL - URL to which a request should be sent on click. Leave empty for no request.
Alignment
Alignment - horizontal alignment of whole component
Styles section