Form Field: Date & Time

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

Add a Date & Time 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 & Time 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 & Time 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 & Time Form Field Properties

The Date & Time 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. 
• Date Label Text - Sets the text that appears in the Date Form Field. 
• Time Text - Sets the text that appears in the Time Form Field. 
• Required Input - Toggles on or off to make the Form Field a required field to submit the Form.