1. Описание

Компонент предназначен для выбора даты и времени.

Блок (Рис.1(1)) используется в поле для построения схемы. При нажатии на блок открывается панель настроек данного компонента (Рис.1(2)).

Image RemovedImage Added

Рис. 1. Компонент "Form Datetime Picker"

1.1. Блок "Form Datetime Picker"

Блок состоит из таких элементов:

1. Названия Название компонента;
2. Ветка "inIn" - принимающая (соединяющая с другим предыдущим блоком) ветка;
3. Ветка "outOut" -   исходящая (соединяющая со следующим блоком) ветка.

При наведении на поле "Out" появляется переключатель, который позволяет соединить этот компонент с компонентом, уже имеющим соединение.

Наличие иконки Image Added обозначает, что  переключатель включен, и данный компонент можно соединить с компонентом, уже имеющим соединение.

Смена положения переключателя  удаляет исходящую ветку этого компонента.

Кнопка Image Added удаляет блок из схемы.

1.2. Панель настроек "Form Datetime Picker "

Состоит из таких элементов:

1. Поле "Id";
2. Элемент "View";
3. Переключатель "Break";
4. Элемент  Элемент "Limit":
5. Элемент "Add limitdescription".

1.2.1. Поле "Id"

В этом поле задается название* (уникальное в рамках схемы) – служебное название, не отображаемое на странице. Используется как переменный для дальнейшего доступа к значениям.

1.2.2. Элемент "View"

Предназначен для настройки отображения.

Состоит из таких полей:

1. Initial valueCurrent time; 
2. Label;
3. Hint.

1.2.2.1. Current time

Устанавливает текущее время.

Image Added - текущее время;

Image Added - время указанное в поле "Initial value"

1.2.2.1.1. Initial value

Поле доступно при выключенном переключателе "Current time". Поле для выбора даты и времени. При нажатии на поле открывается календарь (Рис. 2). После выбора нужной даты и времени необходимо нажать кнопку "Add". При нажатии кнопки "Cancel" выбор не сохраняется.

Image RemovedImage Added

Рис. 2. Initial value

1.2.2.2. Label

В этом поле можно задать пометку.

1.2.2.3. Hint

В этом поле можно задать подсказку.

1.2.3. Переключатель "Break"

1.2.4. Элемент "

Limit"

Рис. 3. Установление лимита

1.2.5. Элемент "Add description"

Рис. 3. Установление лимита4. Элемент "Add description"