Date/Time Picker

This action allows the user to select a date and time. You could use it to schedule appointments, set a reminder for a specific date, choose travel dates and times, etc.
When this action is triggered, it opens the graphical calendar and clock interface that the user can interact with to select a specific date and time.
Date/Time Picker

Types Date/Time Picker

You can choose to open the following types of Date/Time picker dialog:
  • Date: Allows you to only select a date.
  • Date+Time: Allows you to select the date followed by the time.
  • Time: Allows you to only select a time.

Adding Date/Time Picker action

Follow the steps below to add this action to any widget.
  1. 1.
    Select the Widget (e.g., Container, Button, etc.) on which you want to add the action.
  2. 2.
    Select Actions from the properties panel (the right menu), If it's the first action, click + Add Action button. Otherwise, click the "+" button below the previous action tile (inside Action Flow Editor) and select Add Action.
  3. 3.
    Search and select the Date/Time Picker (under UI Interactions) action.
  4. 5.
    When the picker is opened, by default, the current date/time is selected. To change this, set the Default Date/Time.
  5. 6.
    To allow/disallow a past date/time, use the Allow Past Date/Time option.
  6. 7.
    To allow/disallow a future date/time, use the Allow Future Date/Time option.
After the user has selected the desired date and time, the picker will close automatically, and the selected date/time can then be accessed via the Widget State > Date Picked.
Here's an example of adding the date time picker action and displaying the value in a Text widget.
Adding Date/Time Picker action