Date Picker

Owned by Charles Evans
Last updated: Sept 17, 2020 by Ana Chua
1 min read

The DatePicker control is used to open an interactive calendar in a small overlay where you can select a localised date between 0001-01-01 and 9999-12-31. It consists of two parts: the date input field and the date picker. For more information, you may refer to the SAPUI5 API reference for Date Picker control and its samples.

Date Picker Properties

Element

Usage

Element

Usage

Type

Defines the following formatting and validation settings of the control:

Type - Sets the type of the control to Date, DateTime, or Time

Display Format - Sets the display format of the date in the input field

Binding Type

  1. dateValue - for relative date

  2. value - for absolute date

Value Format - Determines the format of the value property.  If Binding Type is set to value, the format is set to the type of the binding

Validations

  1. Regex

  2. Script Function

  3. Error Msg

  4. Value Required

  5. Required At Approval Level

Actions on change

Defines the actions that will be executed on change event by calling a JavaScript function

Placeholder

Provides a short hint that describes the expected value of an input field

The short hint is displayed in the field before the user enters a value

Common Control Properties