Date Range Settings
The date range attributes are configured using the Date Range Settings screen.
The following options are available:
Content
Customize the content options and determine how other elements appear in the Date Range input element.

# | Option | Function |
---|---|---|
1 | Show Label | Labels help users understand what data they should provide. Depending on your business needs, you can choose to show or hide label fields. |
2 | Label | Add labels to your various text fields to give them meaning. Use the Labels option to easily track, map, and identify elements. |
3 | Placeholder | Use Placeholder text to indicate to the user the information they should provide to gain quality data for your business needs. The Placeholder option can be used for different elements, such as Email, URL, and Text when there is no label; for example, you can use it to guide the user about the information they must provide. |
4 | Date Format | Easily choose and customize which Date Format best suits your business needs. The Date Format option is available for all the date elements. |
5 | Use current date range | The Use current date and time option is available for the date and time elements. This setting automatically selects the current date and time, which means the data captured is accurate. |
6 | Default Value | Use the Default Value to set a value that will be automatically filled in just a few clicks. This option is available for elements, such as Date, Time, Email, Number, Slider, and more. |
7 | Start Date | You can add a start date to a date range. This applies to the date range input field as well as the date range widget. |
8 | End Date | You can add an end date to a date range. This applies to the date range input field as well as the date range widget. |
9 | Months | You can select the number of months you want to display. This applies to the date range input field and the date range widget. |
10 | User Tip | Add brief instructions or context to each input field using User Tips. |
Interactivity
Customize the interactivity options and determine how your user can interact with the Date Range input element.
# | Option | Function |
---|---|---|
1 | Hide onload | Use the Hide Onload option to hide specific elements on load to control what the user sees. It allows you to hide an element when the page is loaded. |
2 | Disable Tooltip | Tooltips give information to the user; however, when they are not necessary for self-explanatory fields, they may make fields look cluttered. You can disable the tooltip. |
3 | Disable | The user will not be able to type any text when this option is active. |
4 | Mandatory | Use the Mandatory setting to mark various input fields as mandatory. The user will not be able to continue when a mandatory field is not complete. |
5 | Auto Focus | When you have multiple questions, you can guide the user to start answering specific questions by activating the text cursor to draw attention to a specific field. Use the Auto Focus feature to bring users to a specific input field when they open documents with Titan Web. You can use this option with accessibility mode. |
6 | Read Only | Use the Read Only function so users can view an input field but not make edits. This option allows the user to only view text; they cannot make any changes, such as deleting or editing text. |
7 | Hide Asterisk | Use the Hide Asterisk option to hide the mandatory question indicator. This option is available for different elements. |
8 | Hide Valid Text | Use the Hide Valid Text option to either show or hide the valid indicator on the element. You can configure an icon to indicate valid input. |
9 | Hide Error Text | Use the Hide Error Text option to either show or hide the invalid text on the element. You can configure an icon to indicate invalid input. |
10 | Tab Order | Use this feature to set which fields will be active when the user presses the Tab key. This assists the visually impaired who need to navigate using the Tab key. |
11 | Validation Icon Status | Configure icons to indicate valid or invalid input. |
12 | Suffix | Use the Suffix option to add a non-editable suffix with a specific meaning. |
13 | Enable Clear Icon | Use Enable Clear Icon to assist users in clearing all input in a field. |
14 | Direction | Change the appearance of the date range field by setting the date range to display the months in a horizontal or vertical direction. |
15 | Month and Year pickers | To change the appearance of the date range, remove the month and year picker. Users will have to use the < and > arrows to select. |
16 | Show Defined Ranges | Change the appearance of the date range by adding defined date ranges. This will give the user standardized options when selecting a date range. |
17 | Default Locale | Use the Default Locale function to auto-translate inputs into the selected locale. This option is available for the following elements: Date Range, Date, Time, and Date Time. |
18 | Auto Detect Locale | Use the Auto Detect Locale function to auto-translate inputs into the users’ locale, as defined in their operating system. The Auto Detect Locale option is available for elements such as Date, Time, and DateTime elements. |
19 | Disable Future | Disable future dates and times so that a user is forced to select a date and time from today or earlier than now. |
20 | Disable Past | Disable the past dates and times so that users are forced to select a date and time from today or from now onward. |
21 | Fixed Label | Use the Fixed Label setting to ensure your long-form content always displays to users. |
22 | DocGen Settings | Use the Fixed Label setting to ensure your long-form content always displays to users. |
Salesforce
Configure Integrations – Integrate data from Salesforce.
Conditions
Configure Conditions – Determine what will happen when your user interacts with this element.
Value Rules
Set Value Rules – Use this function to set the acceptable values for an input field. This can improve efficiency and accuracy when capturing information.
Captions
Captions – Use the Captions to provide instructions and context to users. There are different caption options available per element that will help guide the user.
Animation
Animation – This option allows you to add visual interest to your screen. Create the illusion of movement when the element shows on the screen. You can set the duration and delay to control the movement and preview by default.
Accessibility
Accessibility – Ensure people with disabilities can perceive, understand, navigate, and interact effectively with your websites.
Metadata
Metadata – See how this element is identified in the backend, such as its purpose, content, or function. Your users won’t see this.