Date

This article will show how to use date type custom attribute and how to utilize the selection in a flow.

Screen Builder

Create a new screen inside a flow, and search for "Date":

Options Overview

• Context Key: Eventually, answers will be populated as a list inside a context key under form.
• Label: The label will be presented to the customer right above the component.
• Placeholder: A text that will be displayed inside the input component as a placeholder. Example: Date of Birth
• Format: The available date format of calendar. The options are: MM/DD/YYYY, DD/MM/YYYY, YYYY/MM/DD
• Show Calendar: A toggle to hide the calendar dropdown.
• Label Style: Dropdown of Static or Floating Label.
• Direction: Text Direction (left to right/right to left).
• Size: The size of the text value inside the component.
• Fill container: Stretch to fit the container.
• Mandatory (Behavior Tab): Determines if the user must select a value to continue to the next step.

Usage

The date input component allows users to either type in a date manually or select one using the calendar icon. This component is ideal for capturing values like a user's date of birth.

Once a date is selected and a context key is set, Descopers can reference the user's input later in the flow using that key. The context key can be found under the Component Info setting of the component.