Find the answer you are looking for

Date Time Picker Node

The Date Time Picker node, available in the Aivo nodes category, allows you to display a component that enables users to select a date and time in the Web channel.

⚙ Node Configuration
The following fields are required to configure the node:
  1. Name: Allows you to customize the node name, which you can later view in the Studio workspace.
  2. Bot (required): Select from the dropdown the bot where the node will be executed. This bot must also contain the Step In node to which the date and time selected by the user will be sent.
  3. Next Step (required): Add or select from the dropdown the Step In node to which the date and time selected by the user will be sent.
  4. Block Input (optional):Allows you to define whether the text box will be temporarily blocked while the component is displayed.
    • True: Blocks the text box.
    • False: Allows the user to enter text.
  5. Ref (required): Enter the name of the internal identifier where the date and time selected by the user will be stored.
  6. Label (optional): Defines the label or name that will be displayed to the end user in the form.
  7. Callback Label (optional): It is currently not necessary to configure this field, as it applies to the WhatsApp channel and the Date Time Picker component is only available for the Web channel.
  8. Available Dates (optional): Indicates the variable containing the list of dates available for the user to select. Dates must use the ISO 8601 format, for example: 2024-03-21T13:30:00_02:00.
    ℹ Please note: This field only accepts values sent through msg from a Function node. It is not compatible with Mustache and cannot be loaded directly from an Inject node.
  9. Timezone (optional): Allows you to select a specific time zone for the component. If you select an option, it will take priority over the time zone specified in Available Dates. In other words, if Available Dates includes a time zone, it will be replaced by the one selected in Timezone; if it does not include one, the selected time zone will be applied automatically.
  10. Disable Previous Dates: This option is enabled by default, but it is optional. When enabled, it disables dates before the current date and prevents the user from selecting them.
  11. Enable Date Range (optional): Allows you to define the date range available for the user to select. When enabled, two required fields will be displayed and must be completed with dates in ISO 8601 format, without including the time:
    • Date Range Min: Defines the earliest available date.
    • Date Range Max: Defines the latest available date.
  12. Twelve Hour Clock (optional): Enabled by default. Allows times to be displayed in a 12-hour format using AM/PM.
📥 You can download an example flow from the link.

▶ In the following video, you can learn about all the properties available for configuring this node:
This website stores cookies on your computer. These cookies are used to collect information about how you interact with our website and allow us to remember you. We use this information in order to improve and customize your browsing experience and for analytics and metrics about our visitors both on this website and other media. To find out more about the cookies we use, see our Privacy Policy.

If you decline, your information won’t be tracked when you visit this website. A single cookie will be used in your browser to remember your preference not to be tracked.