apps
latest
false
- Getting Started
- Demo apps
- How To
- Build Your First App
- Build a Mobile-Friendly App
- General User Experience Guidelines
- Use Master Detail View
- Use Document Viewer
- Use Count With Choice Set Values
- Use Selected Values From a Table
- Embed Apps
- Embed Maps
- Hide Containers Using a Button
- Include MailTo Links
- Include Star Ratings
- Set External Context
- Work With Data Source and Value Bind
- Use the Send Interim Result Activity
- Public Apps
- Notifications
- Using VB Expressions
- Designing your App
- Events and Rules
- Rule: If-Then-Else
- Rule: Open a Page
- Rule: Open URL
- Rule: Close Pop-Over/Bottom Sheet
- Rule: Show Message
- Rule: Show/Hide Spinner
- Rule: Set Values
- Rule: Start Process
- Rule: Upload File to Storage Bucket
- Rule: Get File From Storage Bucket
- Rule: Reset Values
- Rule: Create/Update Entity Record
- Rule: Delete Entity Record
- Rule: Add to Queue
- Function: And, Or, Not
- Function: Concat
- Function: Contains
- Function: Count
- Function: EndsWith
- Function: If
- Function: IsBlank
- Function: Guid
- Function: Length
- Function: List
- Function: StartsWith
- Function: Sum
- Function: Sort
- Function: Now
- Function: Today
- Function: Time
- Function: Year
- Function: Month
- Function: Day
- Function: Hour
- Function: Minute
- Function: New
- Function: Lookup
- Function: Filter
- Leveraging RPA in your App
- Leveraging Entities in Your App
- Leveraging Queues in Your App
- Leveraging Media in your app
- Leveraging Actions in your app
- Leveraging Connections in your apps
- Application Lifecycle Management (ALM)
- UiPath First-Party Apps
- Basic Troubleshooting Guide
Date Picker
LEGACY
Apps User Guide
Last updated Aug 5, 2024
Date Picker
- 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.
-
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.
To view the date in the format specific to your locale in Google Chrome, follow the steps below:
- Go to the following address in Google Chrome:
chrome://settings/languages
. -
Add the missing language.
- Move the language to the top of listed languages.
- Restart Google Chrome.
- Re-open your app and preview it.
- Select the date in the Date Picker control. The date should now be displayed in the format specific to your locale.