@steroidsjs/core 2.1.0-beta.3 → 2.1.0-beta.30

package/ui/form/DateRangeField/demo/disabled.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateRangeField_1 = __importDefault(require("../DateRangeField"));
+/**
+ * Выключенный или недоступный для использования.
+ * @order 2
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateRangeField_1["default"], { label: 'Disabled', disabled: true }))); });

package/ui/form/DateRangeField/demo/errors.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Обработка ошибок.
+ * @order 4
+ * @col 6
+ */
+export default _default;

package/ui/form/DateRangeField/demo/errors.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateRangeField_1 = __importDefault(require("../DateRangeField"));
+/**
+ * Обработка ошибок.
+ * @order 4
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateRangeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });

package/ui/form/DateRangeField/demo/icon.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * С использованием кастомной иконкой.
+ * @order 5
+ * @col 6
+ */
+export default _default;

package/ui/form/DateRangeField/demo/icon.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateRangeField_1 = __importDefault(require("../DateRangeField"));
+/**
+ * С использованием кастомной иконкой.
+ * @order 5
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateRangeField_1["default"], { label: 'Default', icon: true }),
+    React.createElement(DateRangeField_1["default"], { label: 'With error', icon: 'plane', errors: ['Error 1 text'] }),
+    React.createElement(DateRangeField_1["default"], { label: 'Custom', icon: 'dizzy' }))); });

package/ui/form/DateRangeField/demo/placeholder.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * С сообщением для пользователя по контексту использования.
+ * @order 6
+ * @col 6
+ */
+export default _default;

package/ui/form/DateRangeField/demo/placeholder.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateRangeField_1 = __importDefault(require("../DateRangeField"));
+/**
+ * С сообщением для пользователя по контексту использования.
+ * @order 6
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateRangeField_1["default"], { label: 'Placeholder', placeholder: 'Your date...' }))); });

package/ui/form/DateRangeField/demo/required.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Как обязательное поле для заполнения.
+ * @order 3
+ * @col 6
+ */
+export default _default;

package/ui/form/DateRangeField/demo/required.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateRangeField_1 = __importDefault(require("../DateRangeField"));
+/**
+ * Как обязательное поле для заполнения.
+ * @order 3
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateRangeField_1["default"], { label: 'Required', required: true }))); });

package/ui/form/DateTimeField/DateTimeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
 export interface IDateTimeFieldProps extends IDateInputStateInput {
@@ -29,10 +28,5 @@ export interface IDateTimeFieldProps extends IDateInputStateInput {
 export interface IDateTimeFieldViewProps extends IDateInputStateOutput, Pick<IDateTimeFieldProps, 'size' | 'errors' | 'showRemove' | 'calendarProps' | 'className' | 'timePanelViewProps'> {
     [key: string]: any;
 }
-declare const _default: {
-    (props: import("../../form/Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateTimeFieldProps>;
 export default _default;

package/ui/form/DateTimeField/DateTimeField.js

@@ -34,7 +34,8 @@ function DateTimeField(props) {
         inputProps: props.inputProps,
         placeholder: props.placeholder,
         valueFormat: props.valueFormat,
-        displayFormat: props.displayFormat
+        displayFormat: props.displayFormat,
+        useUTC: true
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     var _b = useDateTime_1["default"]({
         displayFormat: props.displayFormat,
@@ -61,7 +62,7 @@ function DateTimeField(props) {
         onClose: onClose,
         inputProps: inputProps,
         calendarProps: calendarProps,
-        timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, className: props.className, showRemove: props.showRemove }));
+        timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, className: props.className, showRemove: props.showRemove, isInvalid: props.isInvalid, disabled: props.disabled }));
 }
 DateTimeField.defaultProps = {
     disabled: false,

package/ui/form/DateTimeField/demo/basic.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Basic
+ * Обычный пример испоьзования DateTimeField.
  * @order 1
  * @col 6
  */

package/ui/form/DateTimeField/demo/basic.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var DateTimeField_1 = __importDefault(require("../DateTimeField"));
 /**
- * Basic
+ * Обычный пример испоьзования DateTimeField.
  * @order 1
  * @col 6
  */

package/ui/form/DateTimeField/demo/disabled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 6
  */

package/ui/form/DateTimeField/demo/disabled.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var DateTimeField_1 = __importDefault(require("../DateTimeField"));
 /**
- * Disabled
+ * Выключенный или недоступный для использования.
  * @order 2
  * @col 6
  */

package/ui/form/DateTimeField/demo/errors.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Errors
+ * Обработка ошибок.
  * @order 4
  * @col 6
  */

package/ui/form/DateTimeField/demo/errors.js

@@ -25,9 +25,9 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var DateTimeField_1 = __importDefault(require("../DateTimeField"));
 /**
- * Errors
+ * Обработка ошибок.
  * @order 4
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateTimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });
+    React.createElement(DateTimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });

package/ui/form/DateTimeField/demo/icon.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Icon
+ * Справа в инпуте кастомная иконка
  * @order 5
  * @col 6
  */

package/ui/form/DateTimeField/demo/icon.js

@@ -25,11 +25,11 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var DateTimeField_1 = __importDefault(require("../DateTimeField"));
 /**
- * Icon
+ * Справа в инпуте кастомная иконка
  * @order 5
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateTimeField_1["default"], { label: 'Icon', dateProps: {
+    React.createElement(DateTimeField_1["default"], { label: 'Custom icon', icon: 'plane', dateProps: {
             icon: true
         } }))); });

package/ui/form/DateTimeField/demo/placeholder.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Placeholder
+ * Сообщение внутри импута
  * @order 6
  * @col 6
  */

package/ui/form/DateTimeField/demo/placeholder.js

@@ -25,13 +25,9 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var DateTimeField_1 = __importDefault(require("../DateTimeField"));
 /**
- * Placeholder
+ * Сообщение внутри импута
  * @order 6
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateTimeField_1["default"], { label: 'Placeholder', dateProps: {
-            placeholder: 'Your date...'
-        }, timeProps: {
-            placeholder: 'Your time...'
-        } }))); });
+    React.createElement(DateTimeField_1["default"], { label: 'Placeholder', placeholder: '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0443\u0434\u043E\u0431\u043D\u0443\u044E \u0432\u0430\u043C \u0434\u0430\u0442\u0443 \u0432\u0441\u0442\u0440\u0435\u0447\u0438' }))); });

package/ui/form/DateTimeField/demo/required.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 6
  */

package/ui/form/DateTimeField/demo/required.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var DateTimeField_1 = __importDefault(require("../DateTimeField"));
 /**
- * Required
+ * Как обязательное поле для заполнения.
  * @order 3
  * @col 6
  */

package/ui/form/DateTimeField/demo/showRemove.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * После введения датты при наведении показывается кнопка, удалить содержание внутри инпута
+ * @order 7
+ * @col 6
+ */
+export default _default;

package/ui/form/DateTimeField/demo/showRemove.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateTimeField_1 = __importDefault(require("../DateTimeField"));
+/**
+ * После введения датты при наведении показывается кнопка, удалить содержание внутри инпута
+ * @order 7
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(DateTimeField_1["default"], { showRemove: true })); });

package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateRangeFieldProps } from '../../form/DateRangeField/DateRangeField';
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
@@ -68,10 +67,5 @@ export interface IDateTimeRangeFieldViewProps extends IDateInputStateOutput, Omi
     errorsFrom?: any;
     errorsTo?: any;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateTimeRangeFieldProps>;
 export default _default;

package/ui/form/DateTimeRangeField/DateTimeRangeField.js

@@ -82,11 +82,20 @@ function DateTimeRangeField(props) {
     var calendarProps = react_1.useMemo(function () { return (__assign({ value: [dateValueFrom, dateValueTo], onChange: focus === 'from' ? onDateFromSelect : onDateToSelect, valueFormat: dateValueFormat }, props.calendarProps)); }, [dateValueFormat, dateValueFrom, dateValueTo, focus, onDateFromSelect, onDateToSelect, props.calendarProps]);
     // TimePanel props
     var timePanelViewProps = react_1.useMemo(function () { return (__assign({ value: focus === 'from' ? timeValueFrom : timeValueTo, onSelect: focus === 'from' ? onTimeFromSelect : onTimeToSelect, onNow: onNow,
-        onClose: onClose, showNow: false, showHeader: true }, props.timePanelViewProps)); }, [focus, onClose, onNow, onTimeFromSelect, onTimeToSelect, props.timePanelViewProps, timeValueFrom, timeValueTo]);
+        onClose: onClose, showNow: false, showHeader: true }, props.timePanelViewProps)); }, [
+        focus,
+        onClose,
+        onNow,
+        onTimeFromSelect,
+        onTimeToSelect,
+        props.timePanelViewProps,
+        timeValueFrom,
+        timeValueTo,
+    ]);
     return components.ui.renderView(props.view || 'form.DateTimeRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear,
         onClose: onClose,
         calendarProps: calendarProps,
-        timePanelViewProps: timePanelViewProps, icon: props.icon, size: props.size, errorsTo: props.errorsTo, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo }));
+        timePanelViewProps: timePanelViewProps, icon: props.icon, size: props.size, errorsTo: props.errorsTo, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, disabled: props.disabled, noBorder: props.noBorder }));
 }
 DateTimeRangeField.defaultProps = {
     disabled: false,

package/ui/form/DateTimeRangeField/demo/basic.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Можно выбрать точную дату с какого по какое время происходит какое-то событие с точностью до минуты
+ * @order 1
+ * @col 6
+ */
+export default _default;

package/ui/form/DateTimeRangeField/demo/basic.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateTimeRangeField_1 = __importDefault(require("../DateTimeRangeField"));
+/**
+ * Можно выбрать точную дату с какого по какое время происходит какое-то событие с точностью до минуты
+ * @order 1
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(DateTimeRangeField_1["default"], null)); });

package/ui/form/DateTimeRangeField/demo/disabled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Оключён и без рамок
+ * @order 2
+ * @col 6
+ */
+export default _default;

package/ui/form/{FieldLayout/demo/hint.js → DateTimeRangeField/demo/disabled.js}

@@ -23,11 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var InputField_1 = __importDefault(require("../../InputField"));
+var DateTimeRangeField_1 = __importDefault(require("../DateTimeRangeField"));
 /**
- * Hint
- * @order 4
+ * Оключён и без рамок
+ * @order 2
  * @col 6
  */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(InputField_1["default"], { hint: 'Some useful text', label: 'Hint' }))); });
+exports["default"] = (function () { return (React.createElement(DateTimeRangeField_1["default"], { disabled: true, noBorder: true })); });

package/ui/form/DateTimeRangeField/demo/errors.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Обработка ошибок.
+ * @order 4
+ * @col 6
+ */
+export default _default;

package/ui/form/DateTimeRangeField/demo/errors.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateTimeRangeField_1 = __importDefault(require("../DateTimeRangeField"));
+/**
+ * Обработка ошибок.
+ * @order 4
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(DateTimeRangeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });

package/ui/form/DateTimeRangeField/demo/icon.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Кастомная иконка справа выбранная по контексту
+ * @order 3
+ * @col 6
+ */
+export default _default;

package/ui/form/DateTimeRangeField/demo/icon.js

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var DateTimeRangeField_1 = __importDefault(require("../DateTimeRangeField"));
+/**
+ * Кастомная иконка справа выбранная по контексту
+ * @order 3
+ * @col 6
+ */
+exports["default"] = (function () { return (React.createElement(DateTimeRangeField_1["default"], { icon: 'plane' })); });

package/ui/form/DateTimeRangeField/demo/placeholder.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Сообщение внутри импута
+ * @order 6
+ * @col 6
+ */
+export default _default;