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
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.
Follow the steps below to add this action to any widget.
- 1.Select the Widget (e.g., Container, Button, etc.) on which you want to add the action.
- 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.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.
- 6.To allow/disallow a past date/time, use the Allow Past Date/Time option.
- 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
Last modified 2mo ago