Date Picker

General

• Value Binding - Bind the date picker to either an RPA Process argument or to an App field. This property gets resolved dynamically during runtime.
• Hint Text - Configure the help text for the control which shows in the runtime.
• Default Date - Configure the default date for the control.
• Label - Text to be displayed next to the control. If the Required property from the Validation section is set to =true, there is also an asterisk * after the text.
• Required - If set to =true, it makes this control a mandatory one. It also adds an asterisk * after the configured label text in runtime.
• Required Error Message - Text to be displayed if the Required property is set to =true and the control is left empty.
• Tooltip - Tooltip to be displayed on the date picker. Use this to provide additional information on the control.
• Hidden- If selected, hides the control in the runtime.

• Disabled - If selected, disables the control in the runtime.

Note: When a date is sent from Apps runtime to a robotic process automation (RPA) process as an input argument, the app service converts the date selected into the UTC time zone before sending it to the process. So in the process, the date received should be converted to the local time zone using the ToLocalTime parameter of the DateTime data type. Failing to do so, might result in a different date than picked by the user in Apps runtime.

Events

• Value changed - Configure what happens when the value is changed.

Style

• Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default to Parent's alignment, toggle the selected alignment icons to switch off the specific alignment.

  Note: Alignment is dependent on Parent's layout (Vertical vs. Horizontal).
• Label Placement - By default, the label is set to row and is displayed on the left side of the control. You can also choose to place it above the control by choosing the row alignment.
• Label font family - Sets the font of the label. Font family, size, color, and style (Bold, Italic and Underline) can be configured in this section. By default, the control inherits the font family of its immediate parent container which is indicated by the keyword 'inherited'.
• Input font family - Sets the font of the input text. Font family, size, color, and style (Bold, Italic and Underline) can be configured in this section. By default, the control inherits the font family of its immediate parent container which is indicated by the keyword 'inherited'.
• Margin- Sets the margin of the control. By default 4px margin is set. Top/Bottom and Left/Right margin properties are combined. These properties can be unlinked using the unlink button on the right side of the Margin section heading.

• Size - The width and height of the control can be set in the size section. By default, the size is set to Auto.

  Min Width/ Min Height and Max Width/ Max Height are available under more (...) in the size section.

• Background color - Sets the background of the date picker.

Location-specific Format

To view the date in the format specific to your locale in Google Chrome, follow the steps below:

1. Go to the following address in Google Chrome: chrome://settings/languages.

2. Add the missing language.

   
   

   

   
   
3. Move the language to the top of listed languages.
4. Restart Google Chrome.
5. Re-open your app and preview it.
6. Select the date in the Date Picker control. The date should now be displayed in the format specific to your locale.