Disable Past

Business Background

Disallow a user to select dates or times in the past.

Titan Solution

Titan Web lets you disable the past dates and times so that a user is forced to select a date and time from today or now onward.

How to Video

Video Coming Soon!

How to Guide

Note:

You can disable any past dates and times on the following elements:

  • Date field
  • Date/Time field
  • Date Range field
  • Time field

  1. Click the icon to open the list of elements.
  2. Select the Input element option from the list.
  3. Click-and-drag the Date Range element option to the canvas.
  4. Click the Date Range element settings Gear icon. The Date Range Settings screen opens.
  5. Select the Interactivity option.
Disable Past checkbox unchecked
Disable Past checkbox unchecked
  1. Scroll down and click the Disable Past checkbox.
Disable Past checkbox checked
Disable Past checkbox checked
  1. Save and Preview the project.

For Date fields, past dates are greyed out and cannot be selected:

Date fields, future dates greyed out example 1
Date fields, past dates greyed out (example 1)
Date fields, future dates greyed out example 2
Date fields, past dates greyed out (example 2)

For Time fields, a user cannot add a past time. If they try to select a past time, an “Invalid value” message is shown.

Time fields invalid data example

Hidden Title

Need more help?