Configure Date and Time Fields

A date time control allow users to enter date and time together. To allow users to enter date and time separately enter a date control and a time control.

To configure a Date Time control:
  1. From the Basic palette, drag and drop a Date Time control onto the canvas.
  2. Select the control and use the General tab in the Properties pane to configure the following:
    Field Description

    Name

    An internal identifier that you will use to identify the control.

    Label

    Specifies the name that displays to users.

    Binding

    Defines a link between the control and a data attribute.

    Placeholder

    Hint text that describes the expected value. This hint text will display in the control before users enter a value.

    Help

    Help text to display to users when they hover over or click the control’s help icon.

    Default Value

    Sets the default date and time that appears in the control when the form loads and the current control value is empty.

    Max Time

    Sets a maximum date and time users can enter in the control.

    Min Time

    Sets a minimum date and time users can enter in the control.

    Max Date

    Sets the latest date users can select.

    Min Date

    Sets the earliest date users can select.

    Format

    Specifies a date format for the control. You can select from the available date formats such as yyyy-MM-dd, MM/dd/yyyy, dd-MM-yyyy and so on.

    Required

    Select this property to specify that users must provide a value in order to successfully submit the form. An asterisk displays to indicate that it's a required field.

    Auto Focus

    Select this property to automatically focus on this control when the form loads. If multiple controls are set to Auto Focus, the focus goes to the first control in the form.

    Disabled

    Select this property to display the control as inactive (grayed out) to users.

    Hide

    Select this property to hide the control.

    Read Only

    Select this property to display the control's content (if any) without allowing users to edit it.

    Prevent Free Text

    Select this property to prevent users from entering free text through the keyboard. When selected, users can enter a date only through the date-selection widget.
  3. Use the Styling tab in the Properties pane to modify the control’s appearance as needed. See Styling Properties.

Note:

When a user enters data into a Date Time control, the timezone information of the user is saved (in UTC). When other users access this data, the date-time information is displayed in timezones specific to them. This timezone conversion capability is available only in the Date Time control and not in the separate Date and Time controls.