Form Field: Date

The Date Form Field allows Studio Users to add a date element to a Form that an app end user can select a date using a Calendar when submitting a Form. To use a Date Form Field, a Column in the applicable Table must have the Data Type set to Date/Time.

Add a Date to a Form

1

Login to the Studio and click Content.

2

Create a new Form using the Green Plus Sign or  click on an existing Form.

4

Connect your Form to the applicable  Connected Data Source and  Table. 

5

Click on the  Green Plus Sign and select the  Date Form Field.

6

Select the applicable  Connected Data Field. The selected Connected Data Field must have the Data Type set to Date/Time in the Table. 

7

Input the applicable Properties for the Date Form Field.

8

Add any other applicable Form Fields to the Form.

9

Click  Publish once you're ready to make the Form available to Apps within the Studio.

Date Form Field Properties

The Date Form Field has the following properties:

• Component Id - Sets the name of the Form Field Component in the app. The Component Id can be referenced using JavaScript to add more functionality to the app as needed.
  
  
  Pro Tip: It is a best practice to use only letters without spaces for the Component Id. Symbols, spaces, and numbers are not recommended.
• Connected Data Field - Select the Connected Data Field from the dropdown. Columns must be set up previously in the Connected Data Source in Table Builder to appear in this list. 
• Label Text - Sets the text that appears in the Form Field. 
• Required Input - Toggles on or off to make the Form Field a required field to submit the Form.  
• Half Width - Toggles on or off to determine if the Form Field spans the full width of the Form or only half of the form's width.