Skip to content

Time ​

The Time element lets users select a time via a time picker.

Basic ​

Basic settings define the element's core properties.

Label ​

The label text shown above or beside the field. It also:

  • Helps identify the field in the admin interface
  • Appears as a heading in the form preview panel on the right

Unique Name ​

The internal identifier for this element. The name is auto-generated by default, but you can edit it manually. Naming rules:

  • Lowercase letters, numbers, and underscores only
  • Must start with a letter

This name references the field in email templates.

Label vs. Unique Name

The Label is the text shown to users, while the Unique Name is the internal identifier. For example, the Label could be "Booking Time" and the Unique Name booking_time.

Description ​

Explanatory text shown beneath the field, providing help and context.

Validators ​

The Time element supports a single validation rule:

ValidatorDescription
RequiredRequires the user to select a time

Styles ​

Icon position ​

Controls where the icon appears. Available options:

  • Inherit: Uses the global configuration in Form style settings
  • Start: Icon on the left
  • End: Icon on the right

Logic ​

Enable conditional logic ​

When enabled, configure rules to show or hide this element based on the user's input in other fields.

Rule match mode ​

After enabling conditional logic, first choose the match mode:

  • Match any condition (any): The element shows/hides when any single rule is satisfied
  • Match all conditions (all): The element shows/hides only when all rules are satisfied

Configure rules ​

Each rule has three parts:

PartDescription
FieldPick a target field from the dropdown (shows the field's Label)
OperatorThe comparison condition
ValueThe target value to compare against

Supported operators ​

OperatorDescription
isTriggers when the field value equals the specified value
is notTriggers when the field value does not equal the specified value
is emptyTriggers when the field value is empty
is not emptyTriggers when the field value is not empty

Add and manage rules ​

  • Click Add logic rule to add a new rule
  • Click the 🗑 button on the right of a rule to delete it
  • Click the + button to add more match conditions

Example

For example, show the "In-store time" field only when the user selects "In-store" for "Booking method":

  • Match mode: Match any condition
  • Field: Booking method
  • Operator: is
  • Value: In-store

Data ​

Default value ​

The default time for the field. Pre-filled when the form opens.

Dynamic default value ​

When enabled, a Parameter name input appears. Enter the name of a URL parameter, and the system reads that value from the URL and fills it into this field automatically.

For example, if you enter time in Parameter name and the user visits:

https://yoursite.com/contact?time=14:30

then the field is auto-filled with 14:30.

Read only ​

Makes the field read-only so the user cannot edit it.

Show in email ​

Controls whether this field's value appears in the email notifications (enabled by default). When disabled, the field's value is excluded from the submission email.

Advanced ​

Unique ID ​

The element's unique ID, auto-generated by the system. Read-only.

No filters

The Time element's value is picked from the time picker and needs no filter pre-processing, so the Advanced tab has no Filters.

Using with the Date element ​

The Time element is often used with the Date element. When you need both date and time, you can:

  • Use the Date element and enable the Time toggle in Options (one field selects both date and time)
  • Or use the Date and Time elements separately (two fields for date and time respectively)

Next steps ​

Built with VitePress