Adding a Date Input to a Form

How to add a Date input to a form

The Date input inserts a date selector onto a form. Dates can be entered 20 years into the future or 100 years into the past.

  1. From the Input menu in the Form Designer, click Date.
  2. Click (Edit) to open the Edit Date window.
  3. On the Settings tab, mark Required to make the date a required field. Mark Read-Only to make the date field read-only. Mark Hidden if you don't want the date to appear in the app. Mark Used for Personal Data if the text field is used for personal data which can be used to delete specific data from a form. By checking this option, when using the Data Deletion page, non-personal data is kept for analysis, while deleting the personal data. After marking this option, an icon appears next to the text alignment icon in the Admin site indicating this field is used for personal data: 
  4. Enter a label for the date.  
  5. In the Tooltip field, enter the tip/hint you may want to include for the date.
  6. Use the Restrict Date Picker: Past and Restrict Date Picker: Future toggles to limit the range of dates a user can pick from in the app. See Using the Restrict Date Picker Options for more information.
  7. Mark options as a default for the date input.
    Toggle on Use Default Value, then select the options from the list you want to default when using the app. Defaults can be changed during form entry.

    Mark Default Current Date on Form to automatically insert the current date when the form is opened using the app. Defaults can be changed during form entry.

    Mark Default Value from Another Field to default a value from another field. Then from the Select Form Field list, select the field you want to use to default from.

    Mark Calculate Default Date to default a calculated date. See Using the Calculate Default Date Field for more information.
  8. Click the Styles tab to specify the style settings for the date input. See Using the Styles Tab for more information. 
  9. Click the Validations tab to create a validation for the date input. See Creating Field Level Validations for more information.
  10. Click the Field Condition tab to create a condition for the date input.
  11. Click OK to save your entries. Click Cancel to close the Edit Date window without saving changes.
  12. Click (Preview) to view how the Date input will look in the app. Click in the field to open a calendar and select the date or click the calendar icon to default today's date into the field.