Overview
Use the Date/time to display Date and Time in a field. Timezones, seconds, and different formats can be used to display the date/time. Configure its properties to control calculation, validation, presentation, and style.
Add Date/Time Input to Your Form
Drag Date/Time Input to Form
Drag the Date/Time Input component from the Individual Items section of the Component Selector to add a Date/Time Input to your form. The field appears on your form canvas, ready for configuration.
Position Date/Time Input in Form
To position the Date/Time Input field accurately within your form, observe the green indicators that appear during the drag operation. A green outline around the entire form or a section signifies the field will be appended as the last item. A green border appearing between or at the end of an existing components indicates the precise location where the field will be inserted.
Configure Date/Time Input Properties
Set Date/Time Input Display Type
The type on the Date/Time can be changed so it becomes an Date input field. This can be changed back if necessary.
Set Date/Time Settings
There are many different options for formatting the Date/Time. This can be done using the provided components or with a custom Date/time format. The Components allow for the Timezone to be included as well - additional information for setting up the Timezone can be found in the subsection of this Individual Item.
The settings above display the following Date/Time. These can be adjusted and will update the field in the form live.
Set Date/Time Value
Use the calendar to adjust the values of date/time fields within the calculation properties and on the form itself.
Use the calendar feature for adjustments and select OK once complete.