Date picker

Convenience: A date picker component allows users to easily select a date from a calendar without having to manually enter the date in a text field. This can save time and reduce errors.

User experience: Date picker component can be used to make the form more user-friendly by providing a clear and intuitive way for users to select date.

Data analysis: Date picker component can be used to collect data from various sources and analyze it, or use it as input for further processing.

Event Management: Date picker component can be used in event management websites to select the event date.

Booking and reservation: Date picker component can be used in booking and reservation websites to select the check-in and check-out dates.

Date format: Date picker component can be used to fix the format in which the date is displayed and entered. Ensure the date format is consistent across the form to ensure a consistent user experience.

Name - The name uniquely identifies the component in the rule editor. Special characters and spaces are not allowed in the name strings.

Title - Title is a string that appears at the top of a component in an Adaptive Form. Title uniquely identifies the component in the tree structure of an Adaptive Form. If you do not add a title, the name of the component is displayed instead of the title text.

Hide Title - Select this option to hide title of the component type in an Adaptive Form.

Placeholder text - Placeholder text in a form component refers to a short label or prompt that appears within an input field as a hint to the user on what type of information is expected to be entered in that field. Placeholder text disappears when the user starts typing into the field and reappears if the field is left empty. It provides a visual cue to the user, but does not act as a permanent label or value for the field.

Mark as Unbound Form Element: Select the option to configure a form field not linked to any schema. This option allows you to save data without updating the data source. It also enables you to handle data in a custom way, separate from standard database integration.

Hide Component - Select the option to hide the component from the form. The component remains accessible for other purposes, such as using it for calculations in the Rule Editor. This is useful when you need to store information that doesn’t need to be seen or directly changed by the user.

Disable Component - Select the option to disable the component. The disabled component is not active or editable by the end user. The user can see the value of the field but cannot modify it. The component remains accessible for other purposes, such as using it for calculations in the Rule Editor.

Read-only - Select the option to make the component non-editable. The user can see the value of the field but cannot modify it. The component remains accessible for other purposes, such as using it for calculations in the Rule Editor.

Default Date - This option allows you to add a date to the form field. The entered date appears by default at the place of the component. If no date is entered by user, this value is submitted at the time of form submission. In case Disabled Component or Read-Only Component is selected, the default date is displayed on the screen and submitted at the time of form submission.

Required - Select this option, if you want to display the component in an Adaptive Form. After selecting the option, you must make a selection before proceeding with a form submission. You cannot select the Hide Component or Disable Component in the Basic tab when this option is selected.

Error Message - This option allows you to enter a message that is displayed if the Required checkbox is checked and the form field is left blank.

Script Validation Message - This option allows you to enter a message to be displayed if the script validation fails.

Minimum Date - This option allows you to enter the minimum required date. If you enter a date earlier than the date specified in Minimum Date, an error message appears on the screen. The Minimum Error Message dialog box allows you to add a custom error message.

Minimum Error Message - The Minimum Error Message dialog box allows you to add a custom error message to be displayed, if you enter a date earlier than the date specified in the Minimum Date option.

Maximum Date - This option allows you to enter the maximum required date. If you enter a date later than the date specified in Maximum Date, an error message appears on the screen. The Maximum Error Message dialog box allows you to add a custom error message.

Maximum Error Message - The Maximum Error Message dialog box allows you to add a custom error message to be displayed, if you enter a date later than the date specified in the Maximum Date option.

Short description - A short description is a brief text explanation that provides additional information or clarification about the purpose of a specific form field. It helps the user understand what type of data should be entered into the field and can provide guidelines or examples to help ensure that the information entered is valid and meets the desired criteria. By default, short descriptions remain hidden. Enable the Always show short description option to display it below the component.

Always show short description- Enable the option to display the Short description below the component.

Help text - Help text refers to additional information or guidance that is provided to the user to assist them in filling out a form field correctly. It appears when the user clicks the help icon (i) placed next to the component. Help text provides more detailed information than a form field’s label or placeholder text, and is designed to help the user understand the requirements or constraints of the field. It can also offer suggestions or examples to make filling out the form easier and more accurate.

Display Format - It represents the date format that is displayed to the user. The Type option allows the user to select the date format. You can also customize the date format using the Custom option in the Type dropdown menu.

Edit Format - It represents a date format in which the user can edit the date. The Type option allows the user to select the date format. You can also customize the date format using the Custom option in the Type dropdown menu.

Display Format - It represents the date format that is displayed to the user. The Type option allows the user to select the date format. You can also customize the date format using the Custom option in the Type dropdown menu.

Edit Format - It represents a date format in which the user edits the date. The Type option allows the user to select the date format. You can also customize the date format using the Custom option in the Type dropdown menu.

Default CSS Classes: You can provide a default CSS class for the Adaptive Forms Date-picker Core Component.

Allowed Styles: You can define styles by providing a name and the CSS class that represents the style. For example, you can create a style named “bold text” and provide the CSS class “font-weight: bold”. You can use or apply these styles to an Adaptive Form in Adaptive Forms editor. To apply a style, in Adaptive Forms editor, select the component you want to apply the style to, navigate to the properties dialog, and select the desired style from the Styles drop-down list. If you need to update or modify the styles, simply return to the Design Dialog, update the styles in the styles tab, and save the changes.

Group Name: You can provide a name to identify the custom property group. You can add, delete, or rearrange multiple custom property groups. After adding the custom property group, you can see the following options:

• Key-Value Pairs: You can add multiple custom property names and custom property values by clicking the Add button for each custom property group.

• Delete: Tap or click to delete the custom property name and custom property value.

• Rearrange: Tap or click and drag to rearrange the order of the custom property name and custom property value.