Date&Time Widget

Creates a calendar input widget for use in components views. Outputs a string flow variable with a given value.

The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node configuration dialog. You will find the list of available classes and their description on our documentation page.

Options

Label
A descriptive label that will be shown in the view.
Description
Some lines of description that will be shown in the view, for instance by means of a tooltip.
Variable Name
Variable identifier.
"Now" Button in Wizard
If a button with the label Now to insert the current time shall be shown in the wizard.
Granularity in Wizard
In which granularity the time should be displayed in the wizard.
Type
Which date&time type should be selectable.
Earliest
The earliest allowed date&time. The execution time can be used. The selected date has the format yyyy-MM-dd, the selected time can either have the format HH:mm:ss or HH:mm:ss.SSS (where SSS stands for milliseconds).
Latest
The latest allowed date&time. The execution time can be used. The selected date has the format yyyy-MM-dd, the selected time can either have the format HH:mm:ss or HH:mm:ss.SSS (where SSS stands for milliseconds).
Default Value
The value that is selected by default. The execution time can be used. The selected date has the format yyyy-MM-dd, the selected time can either have the format HH:mm:ss or HH:mm:ss.SSS (where SSS stands for milliseconds).

Input Ports

This node has no input ports

Output Ports

Icon
Variable output (string) with the given variable defined.

Views

Interactive View: Date Widget
Displays a calendar input field.

Workflows

Links

Developers

You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.