Adding Date and Time Input Fields

Compose

To collect date and time information from your users you can use the following tools: Date field, Date Time field, and Time field.  This section will review what each tool can do as well as when and how to work with each.

INPUT ELEMENTS TIPS

• Remember to set up a variable to capture your information. You can do so using the variable page, which can be accessed on the Compose page. More about this here. 
• Be sure to add a button to your page and connect this button with a corresponding response set (if...then). More about buttons here. 
• Make sure you include a response set condition to "Save Data" and then connect your input element to a corresponding variable. More about response sets here.

How to add date & time input fields: 

To add a new date and/or time input, select the "add new element" box from the Compose page.

Select either "Date field," "Time field," or "Date time field" from the elements pop-up menu. Below we've outlined the basics of each option:

Date field: enables you to collect only date information from your users.

Time field: enables you to collect only time information from your users.

Date Time field: enables you to collect both date and time information from your users.

Within each of the date and time editing panes, you edit the information you'd like to collect. Though these elements collect slightly different information, the menu inputs are very similar. The below explains the function of each item:  

• Name: Name your field, note this will only be visible to you, while editing the app.
• Caption: this is what your users will see when they use your app, you can prompt them to enter date/time information using this caption.
• Required: enable to require users to enter date/time information before proceeding to the next interaction page.

Once you've adjusted and input each of the menu items select "Add date field" to save your data field to your app page. Great job! Once you've saved the field it will appear on your page similarly to the image below.

Author View	Client View

Saving Data

Now that you have created an input element for your users to add data to your app, you need a place to store it.

First, you'll need to create a variable and variable field by following our data management guide here. Next, you'll need to add a button for your users to indicate they are done adding data to the page by following our adding a button guide here.

Now we're ready to collect some data! Click to the right of your interaction to open the response sets page:

Under the "then" section, click on the orange Add another action button and select "Save data":

Choose the appropriate variable table and variable fields where you want to save data:

Click "Create" to finish:

Managing Elements

Mousing over an element will highlight the element area. Use the pencil icon to edit or remove that particular element. You can also use the arrow icons to move an element up or down on a page. Click on the orange plus sign to add a new element to a page.

Advanced

BEFORE STARTING

• Check out our data management guides to learn how to set up your variables and store data entered by your Clients.

If you'd like your date/time field to be dynamic, depending on the information stored in a variable, you can connect your field to a variable. To learn more about variables, see our getting started with data help page here.

Next Steps

Help users navigate between pages and save data in your mobile app by adding buttons!