Date/time

Use the Date/time form control to create fields that accept a calendar date and/or time. The Date/time control inherits regional settings from the browser and passes the date/time to the workflow in UTC format.

Note: You can arrange up to four of this control on a single row in the form.

Section Setting Description
(unlabeled) Title

Field name displayed on the published form.

 

Customize

Switch toggle to Yes to enable customization of the variable Name of the form control.

 

Name

(This field becomes configurable only when you switch the Customize toggle to Yes.)

Customizes the name of the variable A placeholder that stores changes each time the workflow runs, such as the information entered in a form, or the name of a file. You can also create variables to store information you use in the workflow, such as an email address. for the field. If the name is not customized, the Title will be used as the variable name.

 

Connected to

Connect to a SharePoint column.

Only SharePoint columns of the same type as the selected control are available in the drop-down list. When connected, data entered via that field in the form is entered in the selected SharePoint column.

 

Hide time

Omits the ability to select time in the field.

 

Restrict past dates

Prevents the ability to select dates in the past.

 

Default value

The value which automatically populates the field when the form loads.

Click in this field, and then click Insert to launch the Formula builder where you can create variables with applied formulas. The calculated value becomes the default value.

Note:  If you want to change the format of the Datetime value to a local or custom format, you can use the Formula builder to create a variable with applied formula and use the formatDate function. You can use this variable throughout your workflow. For more information, see formatDate.

 

Required

Mandates entry of a value before the form can be submitted.

 

Custom required message

(Displays when you select Yes in Required)

The validation text which displays below the field when a value is not entered into the field and the user attempts to change page or submit the form.

 

Visible

Shows the field on the published form when loaded.

 

Read-only

Displays the field on the published form but does not allow user input.

 

Description

A description of the field to display below the field on the published form.

 

Tooltip

The message which appears when users hover their cursor or touch the information icon beside the Date/time control in the form.

  Shrink Reduces the width of the control when placed in a row with other form controls.
  Expand Increases the width of the control when placed in a row with other form controls.
Styling CSS class

Add a CSS class to apply a style to this form control. You can create the CSS class in the CSS code editor in form styles. Enter one class name or multiple class names separated by a space.

For more information, see Add a custom CSS to individual controls.

Border color

Border color to apply to the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.

  Control fill

The color to fill the inside of the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.

  Control input color

The font color of the input in the field.

To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code.

To revert back to the global style, click Reset to global style.