Date Picker

Date Picker control allows users to input or select dates accurately and conveniently for choosing a single date or multiple or  defining a range of dates. This ensures a consistent user experience and standardizes date entry across forms, preventing invalid entries and format discrepancies.

A quick glance on the Date Picker in Form Control.

Figure: Date Picker Control by Application Designer

Figure: Date Picker Control by End User

User Persona:Application Designer

Configure Date Picker

To configure Date Picker, perform the following steps:

1. Navigate to Form Designer > Form Control > Date Picker.
   
   
2. Drag and drop the Date Picker control into the Form Designer Canvas.
   The Date Picker displayed on the Canvas.
   Figure: Date Picker Control
   
   
3.  Mouse-over to the Date Picker control and click Setting icon.
   The configure properties screen is displayed.
   Figure: Configure Properties
   
   
4.  Enter the required details as described in the following tab and click Save. 

Properties Tab

The Properties tab enables you to define controls and values of the calendar based on the requirement.

Figure: Properties Tab

Enter the appropriate values in the required fields. The following table provides a list of actions with description:

Field	Description
General
Title *	Enter the unique name for the Date. This name identifies the Date control in the form. For example: Valid from, End Date, Expiry date.
Sub Title	Enter the name for the Sub title that allows you to input text that will be displayed directly below the Title. It's useful for describing the function of the control or providing usage instructions.
Render As *	Select from the drop-down to determine the behavior of the control. Single - Enable you to select a single date from the calendar. Multiple - Enables you to select multiple dates from the calendar. Range - Enables you to select the range of dates from the calendar.
Format *	Select the display format for the chosen date: either Date or Date Time.
Display based on logged in Users Time Zone	Enable this option to display selected date and time based logged-in user's time zone setting.
Information
Help Text	Provide a help text that gives the end users guidance on how to fill out the field correctly. For example, "Enter your name here.", "Enter a summary.
Rich Text	Select it to enable the help text as a rich text format. It allows formatting like bold, italic, color to the text, etc. for the help text.
Tooltip	Add a tooltip that is displayed when the user hovers the mouse cursor over the long text field.

Advance

The list of advanced setups allows the Application Designer to configure additional date and time settings. This table presents the properties available in the Advanced section, along with their descriptions.

Figure: Advance tab

Enter the appropriate values in the required fields. The following table provides a list of actions with description:

Field	Description
Date Settings
Year Navigator	Enable the Year Navigator feature to enable customers to navigate through different years by clicking on the arrows.
Min Year	Select the earliest year available in the drop-down list.
Max Year	Select the latest year available in the drop-down list.
Month Navigator	Enable the Month Navigator to allow customers to navigate through different months by clicking on the arrows.
In Line	Enable the toggle to view the calendar display style in the In-Line format. It displays in Float Type if the toggle is disabled.
Allow Selection of Past Date	Enables you to select past dates (any day < current day).
Allow Future Dates Selection	Enables you to select past dates (any day > current day).
Disable Date	Select specific date(s) that customers should not be able to select. Note When a customer hovers over a disabled date, a message "Date Disabled" will be displayed.
Disable Days of Week	Select the days of the week that customers should not be able to select.
Time Settings
Limit Time	Select the time limit from the options provided: AM Only: Customers can select times only in the morning.  Only: Customers can select times only in the afternoon or evening.  Both: Customers can select times throughout the day, both morning and afternoon/evening.
Step Hour	Select the increment value for hours when using the arrow buttons to adjust the time.
Step Minute	Select the increment value for minutes when using the arrow buttons to adjust the time.
Step Second	Select the increment value for seconds when using the arrow buttons to adjust the time

Validations

The Validations tab enables you to configure Calendar details. To know more about the fields that are available under the Validations section, see Field Description.

Figure: Validations

Select the Calendar Validation from the list to configure and click Done.

Appearance

The Appearance tab enables you to configure Icon, Text, and Label for Calendar.  To know more about the fields that are available under the Appearance section, see Field Description.

Figure: Appearance

The Appearance tab is divided into two sections:

• Icon
• Text

Icon

Icon appearance settings allow users to customize the visual representation of icons used in the application. Users can adjust various attributes with their organization's branding or to improve visual clarity and accessibility.

Figure: Icon

Text

Text appearance settings provide users with the ability to customize the visual characteristics of text displayed throughout the application. 

Figure: Text

Field	Description
Font Type	Select the specific font style used for displaying text within the application. It allow users to select from a selection of different font styles to customize the appearance of text throughout the application.
Font Color	Select the color of the text displayed in the application. It ensure that text stands out effectively and maintains visual consistency across the application.
Font Size	Specific font size, you can ensure that text appears clearly on the screen, and helps in emphasizing important information across various elements of the application.
Font Style	The appearance of the text, such as bold, italic, or underline allows users to modify the style of the font to suit their preferences content within the application.

Security

The Security tab guarantees data security and privacy by implementing restricted access or encryption on sensitive field data. This ensures that only users with authorized roles can access or modify it. To know more about the fields that are available under the Security section, see Field Description given below. 

Figure: Security

Field Description

For more information on Security details, refer Form Security.