Overview
Use the Duration Input to capture and display time values. Configure its properties to control calculations, validation, presentation, and style, with options for various display formats.
Add Duration Input to Your Form
Drag Duration Input to Form
Drag the Duration component from the Individual Items section of the Component Selector to add a Duration Input to your form. The field appears on your form canvas, ready for configuration.
Position Duration Input in Form
To position the Duration 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 the Duration Input
Set Duration Display Type
Change the display type of the Duration field to function as a Time input field. You can revert this change if necessary.
Set Duration Formatting
Customize the display of the Duration using provided formatting controls. This enables the presentation of the duration in various formats. Adjustments update the field live on the form.
The following duration control produces the following duration format on the form.
Set Duration Value
Use the field on the form to set the time duration. This allows you to define values directly on the form.