Form Datetime Picker

Owned by Olesya Tantsyura
Last updated: Nov 19, 2024
2 min read

1. Description

The component is designed to select the date and time.

This component is present in flow types like:

  • Forms.

The block (Fig.1(1)) is used in space to build the Flow. The settings panel for this component opens (Fig.1(2)) when you click on the block.

Fig.1. Form Datetime Picker component

1.1. Form Datetime Picker block

The block consists of the following elements:

  1. The name of the component;

  2. In branch — receiving (connecting with the previous block) branch;

  3. Out branch — outgoing (connecting with the following block) branch. When hovering over the Out field, a switch appears. The switch allows this component to be connected to a component that already has a connection.

The presence of an icon indicates that the switch is on, and this component can be connected to a component that already has a connection.

Changing the switch position removes the outgoing branch of this component.

The button deletes the block from the Flow Schema.

1.2. Form Datetime Picker settings panel

It consists of the following elements:

  1. Id;

  2. View;

  3. Break;

  4. Limit;

  5. Add description.

1.2.1. Id

Here, you enter the name* (unique within the Flow) – a service name that is not displayed on the page. It is used as a variable for further access to values.

1.2.2. View

It is designed to customize the view.

It consists of the following field:

  1. Initial value;

  2. Label;

  3. Hint.

1.2.2.1. Initial value

A field for selecting a date and time. Clicking on the field opens the calendar (Fig. 2). Click the Add button after choosing the desired date and time. Click on the Cancel button does not save the selection.

Fig. 2. Initial value

1.2.2.2. Label

You can enter a mark in this field.

1.2.2.3. Hint

You can enter a hint in this field.

1.2.3. Break

1.2.4. Limit

Fig. 3. Setting a limit

1.2.5 Add description

Fig. 4. Add description