Time Span Form Field

Calculate time spans between dates within your Elementor Forms.

watch the Time Span Form Field tutorial

Play Video

Showcase time spans and ranges between static, dynamic date values, or user input in separate date fields.

Gloo is no stranger to time span calculations, as we’ve previously released the Time Span Dynamic Tag. This time however we’ve pushed the concept even forward by making sure to have the same functionalities (and more) directly within your Elementor Forms as an entirely new Form Field, the Time Span Form Field.

There are in fact plenty of reasons why you should want to showcase how much time is left before, for example, an offer ends, or the time left until an user can submit certain data, and so on and so forth.

Flexibility and customization.

As with every Gloo feature, the Time Span Form Field comes with many ways to customize and make sure the output matches your expectations down to the second. As always, we can label the field, but there’s way more in the settings than that.

  • Default Value

Self-explanatory, this field will let you specify what the default value that will get shown in the frontend will be.

  • Start Date Field ID?

This toggle will let you fetch the start date from a separate Date Field so that the Time Span Field will be able to use user inputs to calculate the displayed time ranges against either a specified end date, or another Date Field’s value.

  • Start Date

This is where you can specify the start date manually.

  • Start Date Format

Specify the Date Format for the Start Date (DD/MM/YY or MM/DD/YY, for example.)

From then after, the options repeat but for the End Date values.

  • Output

This will let you specify what measurement unit of time you want the field to return the time range in, between seconds, minutes, hours, days, weeks, months, years, and even a custom output. Choosing custom will make another field show up where you can customize the output.

  • Before/After Text

Option to write some text before and after the field’s output, to complete a sentence and give the user a better idea of what the time span is actually about.

The Time Span Form Field is sure to be a great tool for all those working with dates and Date Fields within their Elementor Form, adding yet another tool in the arsenal of designers and developers alike.

Frequently Asked Questions

The Time Span Form Field is a new feature by Gloo that allows Elementor Forms to showcase time spans and ranges between static, dynamic date values, or user input in separate date fields.
The Time Span Form Field is a flexible and customizable tool that allows you to specify default values, fetch the start date from a separate date field, customize the date format, specify the output measurement unit, and add before/after text to the field’s output. This makes it easy to showcase how much time is left before a certain deadline, for example.
Yes, the Time Span Form Field has a toggle that allows you to fetch the start date from a separate Date Field so that you can calculate the displayed time ranges against either a specified end date or another Date Field’s value.
The Time Span Form Field allows you to specify the output measurement unit of time between seconds, minutes, hours, days, weeks, months, years, and even a custom output.

THIS FEATURE IS PART OF :