Range Calendar
You can use this card to fetch a range of date and time inputs with the calendar interface, the visitor can choose the start date and the end date in the calendar.
Attribute | Mandatory | Description | Values | |
type | Yes | The type of the input to be displayed to the visitor | range-calendar | |
time | No | You can specify that either the calendar should display only the date or time along with the date. | true - To allow the visitor to choose the time value along with the Date | |
from | No | You can specify the Minimum date range from where the visitor are allowed to choose the date ie., the onset date the visitor are allowed to select from the calendar. | +/- Integer | The no. of days to be specified in the calendar will be calculated before and after the present-day. |
For Example: +5 - This will calculate 5 days after the present-day | ||||
Long | The date value is specified in milliseconds | |||
For Example: 123232323 - start date / time specified in the calendar | ||||
to | No | You can specify the Maximum date range from where the visitor are allowed to choose the date ie., the latest date the visitor are allowed to select from the calendar. | +/- Integer | The no. of days to be specified in the calendar will be calculated before and after the present-day. |
For Example:
+5 - This will calculate 5 days after the present-day | ||||
Long | The date value is specified in milliseconds | |||
For Example: 123232323 - start date / time specified in the calendar | ||||
tz | No | You can specify to allow the visitor to choose the timezone in the calendar | true - To allow the visitor to choose the timezone in the calendar. If not specified, then the timezone of the visitor's device will be taken by default. | |
select_label | No | To set customized text for widget values/slot submission actions | Instead of 'Schedule', they can use custom text like 'Choose a slot" Note: Maximum character limit for values passed inside the select_label key is 20 |
Use Cases:
SalesIQ Scripts:
Case 1: Time limit is relative. The date range from where the visitor can choose a date is calculated by +/- integer from the present-day.
{
"type": "range-calendar",
"time": true,
"tz": true,
"from": "-5",
"label": "Schedule a meeting",
"to": "+5",
"select_label": "Choose a slot"
}
Case 2: Time limit is absolute. The date range (fromtime to totime)is calculated in millisecond and visitor can pick the date from the ample calendar.
{
"type": "range-calendar",
"time": true,
"tz": true,
"from": "12121212",
"label": "Schedule a meeting",
"to": "1212121",
"select_label": "Choose a slot"
}
Dialogflow:
{
"platform": "ZOHOSALESIQ",
"replies": [
"Choose your convenient date"
],
"input": {
"type": "range-calendar",
"label": "Schedule a meeting",
"from": "-5",
"to": "+5",
"time": true,
"tz": true,
"select_label": "Choose a slot"
}
}
Watson Assistant:
"user_defined": {
"zohosalesiq": {
"replies": [
"Choose your convenient date"
],
"input": {
"type": "range-calendar",
"to": "+5",
"tz": true,
"from": "-5",
"time": true,
"label": "Schedule a meeting",
"select_label": "Choose a slot"
}
}
}
Zia Skills:
Context Handler function:
result = Map();
response = Map();
response.put("action", "reply");
response.put("replies", [
"Choose your convenient date"
]);
response.put("input", {
"type": "range-calendar",
"time": true,
"tz": true,
"from": "-5",
"label": "Schedule a meeting",
"to": "+5",
"select_label": "Choose a slot"
});
prompt = Map();
prompt.put("param_name", "calendarrange");
prompt.put("data", response);
result.put("prompt", prompt);
result.put("todo", "prompt");
return result;