Date Picker

Allows to select a certain date.

Look&Feel Settings

Label (not mandatory) to be used to show the component's label.

Placeholder (not mandatory) to be used to show the component's placeholder.

Name (mandatory) - name of the component.

Tooltip (not mandatory) - tooltip string.

Min (mandatory) - minimum timestamp value [unix formatted] to start from. Is set to 0 by default.

Max (mandatory) - maximum timestamp value [unix formatted] which can be selected. Equivavalent to the moment of creation by default.

Step (not mandatory) - selection step value.

Required (mandatory) - marks if the selection required or not. Is set to false by default.

Allow clear (mandatory) - allows clear on selection. Is set to false by default.

Disabled (mandatory) - makes the component disabled if turned on. Is turned off by default.

Visible (mandatory) - makes the component visible if turned on. Enabled by default.

Workflow triggers

• onChange - fires when the dropdown option is changed.

• onFocus - fires when the component is being focused on.

• onBlur - fires when the component is blurred.

• onCreate - fires when the component is created.

• onShow - fires when the component is shown.

• onHide - fires when the component is hidden.

• onDestroy - fires when the component is shown.

• onEnterKey - fires when the Enter key is pressed.

Component Actions

Datepicker Get Properties

Gets the component's properties.

Input parameters:

• Component Id [string] - component's identifier;

Output parameters:

• Label [string] - component's label;

• Placeholder [string] - component's placeholder;

• Allow Clear [boolean] - allows clear the selection if true;

• Disable [boolean] - disables component if true;

• Tooltip [string] - tooltip string;

• Required [boolean] - shows required mark if true;

• Debounce (ms) [integer] - delay to validate the value;

• Min [datetime] - minimum timestamp value [unix formatted] to start from;

• Max [datetime] - maximum timestamp value [unix formatted] which can be selected;

• Value [datetime] - selected timestamp value [unix formatted];

• Validate Icon [boolean] - icon to be shown on validate the value;

• Validate Status [Status type] - status to be shown on validate the value;

• Validate Message [string] - message to be shown on validate the value;

Datepicker Set Properties

Sets the component's properties.

Input parameters:

• Component Id [string] - component's identifier;

• Label [string] - component's label;

• Placeholder [string] - component's placeholder;

• Allow Clear [boolean] - allows clear the selection if true;

• Disable [boolean] - disables component if true;

• Tooltip [string] - tooltip string;

• Required [boolean] - shows required mark if true;

• Debounce (ms) [integer] - delay to validate the value;

• Min [datetime] - minimum timestamp value [unix formatted] to start from;

• Max [datetime] - maximum timestamp value [unix formatted] which can be selected;

• Value [datetime] - selected timestamp value [unix formatted];

• Validate Icon [boolean] - icon to be shown on validate the value;

• Validate Status [Status type] - status to be shown on validate the value;

• Validate Message [string] - message to be shown on validate the value;

Datepicker Update Properties

Updates component's properties.

Input parameters:

• Component Id [string] - component's identifier;

• Label [string] - component's label;

• Placeholder [string] - component's placeholder;

• Allow Clear [boolean] - allows clear the selection if true;

• Disable [boolean] - disables component if true;

• Tooltip [string] - tooltip string;

• Required [boolean] - shows required mark if true;

• Debounce (ms) [integer] - delay to validate the value;

• Min [datetime] - minimum timestamp value [unix formatted] to start from;

• Max [datetime] - maximum timestamp value [unix formatted] which can be selected;

• Value [datetime] - selected timestamp value [unix formatted];

• Validate Icon [boolean] - icon to be shown on validate the value;

• Validate Status [Status type] - status to be shown on validate the value;

• Validate Message [string] - message to be shown on validate the value;

Datepicker Validate

Validates the selected timestamp value from the DateTime Picker component.

Input parameters:

• Component Id [string] - component's identifier;

Output parameters:

• Success [boolean] - validation result;

• Error [string] - error message;

Usage example

Date can be divided into some different parts like years, months and days.

• Drag the Datepicker Get Properties block and drop it into the canvas. Component ID has to be specified in order to get the value from the Date Picker component

• The selected value can be divided into some minor parts, like years, months and days. Expand date has to be used.