What is the Inquiry Date component?
Inquiry Date is an Inquiry screen component that allows a user to select or enter a date in a structured format.
The Inquiry Date component is useful for capturing birthdates, expiration dates, ID issue dates, and scheduling information.
How do you add an Inquiry Date component?
- Navigate to the Dashboard, and click on Inquiries > Templates.
- Find and click on the Inquiry template you want to edit, or Create a new template.
- Hover over a Screen and click the Edit button to view the Component Library.
- In the left toolbar, click Component Library and search for ‘Date’.
- Drag and drop the Date component into your screen, and reposition it by dragging it around.
- Click on the Date component, and go to Properties in the right toolbar.
- (Optional) Under Settings, you can customize an Acceptable Date Range. The Date component allows you to define an acceptable date range to control user input. You can customize the following settings:
- Start Date & End Date: Define the date range users can select from. Two options are available: Fixed Range or Relative Range. These options ensure users can only select valid dates based on the predefined criteria, improving accuracy and user experience.
- Fixed Range: Sets specific calendar dates for the Start Date and End Date, limiting users to selecting dates within that exact period (e.g., January 1, 2025 – December 31, 2025). This is ideal for events, application deadlines, or scenarios requiring strict date selection.
- Start Date & End Date: Define the date range users can select from. Two options are available: Fixed Range or Relative Range. These options ensure users can only select valid dates based on the predefined criteria, improving accuracy and user experience.
- (Optional) Under Settings, you can customize an Acceptable Date Range. The Date component allows you to define an acceptable date range to control user input. You can customize the following settings:
2. Relative Range: Set the date to “Today” or “Custom.” Custom will allow you to adjust dates dynamically based on the current date, letting you set a range that moves forward or backward in time (e.g., "30 days from today" or "1 year before today"). This works well for scheduling appointments, setting expiration dates, or creating rolling date windows.
3. If you select invalid date ranges, you will receive a warning.
2. Default User Timezone: Ensure the date is displayed in the user’s local timezone.
2. (Optional) Under **Settings**, you can customize **Validations.** Default validations are included to only allow dates within the **Acceptable Date Range** set above as input. You can learn more about adding additional **Validations** below.
3. (Optional) Add customized **labels** and **placeholders** for month, day, and year, as well as **translations**:
1. Edit the text in the **Label** boxes. The **Label** is a text element displayed above the Date component to describe its purpose, such as “Month”, “Day”, or “Year” helping users understand what information to provide.
2. Edit the text in the **Placeholder** boxes. The **Placeholder** displays temporary text inside the Date component, such as “Month” offering an example or guidance on the expected format until the user enters their own input.
3. Add translations for the text by clicking **Edit translations.** You can **Translate All** or **Translate** individual languages, manually or automatically. If you don’t set translations, you’ll be prompted to do so upon **Publishing** the template.
- In the Fields toolbar tab, you can set up and customize the behavior of the Date component.
- Required: Choose whether the field is mandatory (Yes), optional (No), or based on conditions (Conditional). If you choose Conditional you will need to set a Logic rule, you can read more about Logic below.
- Field: Select which field will store the date value. For example, choose the “Birthdate” field if users will be entering their birthdate.
- (Optional) In the Logic toolbar tab, you can add rules that govern when the component appears, and when it does not. You can read more about Logic below.
- Close the step. You’ll have to Save and Publish the template to begin using it.
Validations
Validation rules can be set on a Date component to ensure that the entered date is a properly formatted and is valid. This can prevent errors such as an incomplete date or values outside of acceptable ranges. This ensures that only valid dates are submitted.
The Error message can be edited to provide the user with more information on why the Date is not valid. Translations for the error message can be added by clicking Edit translations. You can Translate All or Translate individual languages, manually or automatically. If you don’t set translations, you’ll be prompted to do so upon Publishing the template.
Validation Rules
Validation rules consist of three main components:
- Field: The object that will have a condition linked to it.
- Condition: How the field is compared to the value (e.g., equals, does not equal).
- Value: The value to test against.
Creating Validation Rules
- AND Statements: Combine multiple conditions that must all be true for the rule to pass. Add these using the "Add" button.
- OR Groups: Combine conditions where only one needs to be true for the rule to pass. Create these by clicking "Add OR Group".
How to Use Validation Rules
- Click on the Date component, and go to Logic in the right toolbar.
- Create a validation rule by filling in the three boxes following When, which correspond to an object, its condition, and its value being assessed, respectively. When that validation rule passes, the component update is applied.
- (Optional) Add additional validation rules by clicking either + Add (if you want to add 'AND' rules, where all must be passed to continue) or + Or (if you want to add 'OR' rules, where one must be passed to continue). You can also nest a group of OR statements within an AND statement by clicking + Add Group.
- (Optional) To edit the validation directly, you can open the code editor.
Translations
Persona can automatically translate new text into other languages in the component’s Properties tab. You can also customize the translation for any particular language.
Logic
Persona provides you with the ability to add logic to a Date component. For example, a component may only become visible to a user if certain conditions are met. On the Logic tool bar tab, there are two options for logic rules:
- On screen load: Logic rules are evaluated only when the screen loads. They can reference any field configured on the template.
- On screen update: Logic rules are evaluated in real time. They can only reference inputs on the current screen.
For form components a field can be labeled as required under specific conditions.
- Require field: Logic rules are evaluated in real time referencing inputs on the current screen. They can only reference inputs on the current screen.
Logic Rules
Logic rules consist of three main components:
- Field: The object that will have a condition linked to it.
- Condition: How the field is compared to the value (e.g., equals, does not equal).
- Value: The value to test against.
Creating Logic Rules
- AND Statements: Combine multiple conditions that must all be true for the rule to pass. Add these using the "Add" button.
- OR Groups: Combine conditions where only one needs to be true for the rule to pass. Create these by clicking "Add OR Group".
How to Use Logic Rules
- Click on the Date component, and go to Logic in the right toolbar.
- Choose either “On screen load” or “On screen update” and click Add.
- Choose what Component Update to apply. This determines what happens to the component when the logical rules are met.
- Create a logical rule by filling in the three boxes following When, which correspond to an object, its condition, and its value being assessed, respectively. When that logical rule passes, the component update is applied.
- (Optional) Add additional logical rules by clicking either + Add (if you want to add 'AND' rules, where all must be passed to continue) or + Or (if you want to add 'OR' rules, where one must be passed to continue). You can also nest a group of OR statements within an AND statement by clicking + Add Group.
- (Optional) To edit the logic directly, you can open the code editor.
Plans Explained
Date component by plan
Startup Program | Essential Plan | Growth Plan | Enterprise Plan | |
---|---|---|---|---|
Date component | Limited | Available | Available | Available |
Validations for Date component | Limited | Available | Available | Available |
Translations for Date component | Limited | Limited | Available | Available |
Logic for Date component | Limited | Limited | Limited | Available |
Learn more about pricing and plans.