Adding a Date Span Field to a Form

How to add a Date Span field to a form

Use a Date Span field to define a time range or a period between two specific points in time. Rather than requiring your users to fill in two separate date fields for start and end dates, the date span field groups these two fields together, so users can select both dates more easily and efficiently. Once calculated, a date span field functions like any other number field and can be used in other calculated fields. You must have two date fields to calculate a date span. 

1. In the Form Designer, from the Input menu, add Date inputs to the form for which you want to add a date span field. 
2. From the Actions/Container menu in the Form Designer, click Date Span Field.
3. The date span field is added to the form.
   
4. Click on it to view the Date Span Field input slider.
   
5. In the Label field, enter a label for the date span field.
6. Select the column span size for the date span field.
7. Expand Input Options.
   
8. Select the date fields and specify if you want the dates included in the calculation. For example, using a start date value of October 1, 2024, and the end date value of October 15, 2024, the date span result is determined by your selections:
   

   Include Start Date in Calculation Marked	Include End Date in Calculation Marked	Date Span Result
   No	No	13
   Yes	No	14
   No	Yes	14
   Yes	Yes	15

9. Expand Formatting Rules. For more information, see Adding Formatting Rules to Number Fields.
10. Expand Style to specify the style settings for the date span field. See Using the Styles Tab for more information. 
11. Expand Validations to create a validation for the date span field. See Creating Field Level Validations for more information.
12. Click (Preview) to view how the date span will be calculated in the app. In the following example, the Include Start Date in Calculation option was marked but the Include End Date Calculation option was not marked.