@steroidsjs/core 3.0.82 → 3.0.83

package/docs-autogen-result.json

@@ -16784,6 +16784,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "displayFormat",
                     "decorators": [],
@@ -17551,6 +17560,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "displayFormat",
                     "decorators": [],
@@ -18086,6 +18104,15 @@
                     "example": "'isVisible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": "Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -18140,6 +18167,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "displayFormat",
                     "decorators": [],
@@ -18239,6 +18275,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "model",
                     "decorators": [],
@@ -18518,6 +18563,15 @@
                     "example": "'toTime'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": "Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -18536,6 +18590,24 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "dateTimeSeparator",
+                    "decorators": [],
+                    "description": "Разделитель для даты и времени, не влияет на отображение",
+                    "required": false,
+                    "type": "string",
+                    "example": null,
+                    "defaultValue": null
+                },
+                {
+                    "name": "disabledDays",
+                    "decorators": [],
+                    "description": " Ограничение доступных дат.",
+                    "required": false,
+                    "type": "{after: Date, before: Date}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "hasInitialFocus",
                     "decorators": [],
@@ -18572,6 +18644,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "rangeButtonsPosition",
                     "decorators": [],
@@ -29901,6 +29982,15 @@
                     "example": "'isVisible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30027,6 +30117,24 @@
                     "example": "'Visible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "maskOptions",
+                    "decorators": [],
+                    "description": "Опции маски для поля ввода",
+                    "required": false,
+                    "type": "MaskitoOptions",
+                    "example": null,
+                    "defaultValue": null
+                },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "model",
                     "decorators": [],
@@ -30184,10 +30292,18 @@
             "defaultProps": null,
             "extends": [
                 "IDateInputStateOutput",
-                "Pick<ITimeFieldProps",
-                "'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps' | 'style'>"
+                "Pick<\n        ITimeFieldProps",
+                "'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps' | 'style' | 'availableTime' | 'minuteStep'\n    >"
             ],
             "properties": [
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30220,6 +30336,14 @@
                     "type": "boolean",
                     "example": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15"
+                },
                 {
                     "name": "noBorder",
                     "decorators": [],
@@ -30300,9 +30424,17 @@
             "defaultProps": null,
             "extends": [
                 "Pick<ITimeFieldViewProps",
-                "'value' | 'onClose' | 'onNow' | 'onSelect' | 'className'>"
+                "'value' | 'onClose' | 'onNow' | 'onSelect' | 'className' | 'availableTime' | 'minuteStep'>"
             ],
             "properties": [
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30311,6 +30443,14 @@
                     "type": "string",
                     "example": null
                 },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15"
+                },
                 {
                     "name": "showHeader",
                     "decorators": [],
@@ -30390,6 +30530,15 @@
                     "example": "'toTime'",
                     "defaultValue": null
                 },
+                {
+                    "name": "availableTime",
+                    "decorators": [],
+                    "description": " Ограничение доступного времени.",
+                    "required": false,
+                    "type": "{from: string, to: string}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -30543,6 +30692,24 @@
                     "example": "'Visible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "maskOptions",
+                    "decorators": [],
+                    "description": "Опции маски для полей",
+                    "required": false,
+                    "type": "{from: MaskitoOptions, to: MaskitoOptions}",
+                    "example": null,
+                    "defaultValue": null
+                },
+                {
+                    "name": "minuteStep",
+                    "decorators": [],
+                    "description": "Шаг минут",
+                    "required": false,
+                    "type": "number",
+                    "example": "15",
+                    "defaultValue": null
+                },
                 {
                     "name": "model",
                     "decorators": [],

package/en.json

@@ -1020,11 +1020,14 @@
     "Пропсы для отображения элемента": "",
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
     "View компонент для элемента дерева": "",
+    " Ограничение доступных дат.": "",
     "Положение дополнительных кнопок (сегодня, вчера и прочие)\nЕсли указано в формате 'position1-position2', то 'position1' будет на устройствах > $tablet-width, а 'position2' на остальных.": "",
     "Перемещать ли фокус на пустое после заполнения": "",
     "Активирует логику:\n- Если кликнули по дате начала или конца диапазона, то позволяем её изменить следующим кликом\n- Если клик не на дату конца или начала диапазона, а диапазон есть, то сбрасываем его\n- Если клик не на дату конца или начала диапазона, а диапазона нет, то устанавливаем кликнутую дату в поле from": "",
     "Добавляет дополнительные кнопки к календарю\ntrue - будут отображены кнопки по-умолчанию\nсписок:\n string - одна из кнопок по-умолчанию\n object - кастомная кнопка": "",
+    "Ограничение доступного времени.": "",
     "Разделитель для даты и времени, не влияет на отображение": "",
+    "Шаг минут": "",
     "Свойства, которые напрямую передаются в DropDown компонент": "",
     "Нужно ли подгружать данные после закрытия DropDown": "",
     "Число в пикселях, больше которого не может быть выпадающее меню": "",
@@ -1039,6 +1042,7 @@
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Допустимое количество символов после разделителя": "",
     "Может ли число быть отрицательным": "",
+    " Ограничение доступного времени.": "",
     "Подключить бесконечный скролл": "",
     "Аттрибут (название) в форме для поля с флагом, определяющим есть ли следующая страница": "",
     "Аттрибут (название) в форме для поля с номером текущей страницы": "",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.0.82",
+    "version": "3.0.83",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/form/DateField/DateField.d.ts

@@ -25,6 +25,13 @@ export interface IDateFieldProps extends IDateInputStateInput, IUiComponent, Pic
      * Опции маски для поля ввода
      */
     maskOptions?: MaskitoOptions;
+    /**
+     *  Ограничение доступных дат.
+     */
+    disabledDays?: {
+        after?: Date;
+        before?: Date;
+    };
     [key: string]: any;
 }
 export interface IDateFieldViewProps extends IDateInputStateOutput, Pick<IDateFieldProps, 'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps' | 'autoPositioning'> {

package/ui/form/DateField/DateField.js

@@ -26,9 +26,16 @@ var enums_1 = require("../../../enums");
  * Поле ввода с выпадающим календарём для выбора даты
  */
 function DateField(props) {
+    var _a, _b, _c;
     var components = (0, hooks_1.useComponents)();
-    var maskInputRef = (0, react_2.useMaskito)({ options: props.maskOptions });
-    var _a = (0, useDateInputState_1["default"])({
+    var maskInputRef = (0, react_2.useMaskito)({
+        options: (_a = props.maskOptions) !== null && _a !== void 0 ? _a : (0, kit_1.maskitoDateOptionsGenerator)({
+            mode: 'dd/mm/yyyy',
+            separator: '.',
+            min: (_c = (_b = props.disabledDays) === null || _b === void 0 ? void 0 : _b.before) !== null && _c !== void 0 ? _c : null
+        })
+    });
+    var _d = (0, useDateInputState_1["default"])({
         input: props.input,
         disabled: props.disabled,
         onChange: props.onChange,
@@ -37,9 +44,13 @@ function DateField(props) {
         placeholder: props.placeholder,
         valueFormat: props.valueFormat,
         displayFormat: props.displayFormat
-    }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
+    }), onClear = _d.onClear, onClose = _d.onClose, isOpened = _d.isOpened, inputProps = _d.inputProps;
     // Calendar props
-    var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: props.input.value, onChange: props.input.onChange, valueFormat: props.valueFormat }, props.calendarProps)); }, [props.calendarProps, props.input.onChange, props.input.value, props.valueFormat]);
+    var calendarProps = (0, react_1.useMemo)(function () {
+        var _a;
+        return (__assign({ value: props.input.value, onChange: props.input.onChange, valueFormat: props.valueFormat }, ((props === null || props === void 0 ? void 0 : props.disabledDays)
+            ? __assign(__assign({}, props.calendarProps), { pickerProps: __assign(__assign({}, (_a = props.calendarProps) === null || _a === void 0 ? void 0 : _a.pickerProps), { disabledDays: props.disabledDays }) }) : props.calendarProps)));
+    }, [props.calendarProps, props.disabledDays, props.input.onChange, props.input.value, props.valueFormat]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { calendarProps: calendarProps, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove, style: props.style, autoPositioning: props.autoPositioning, maskInputRef: maskInputRef, id: props.id })); }, [
         props.viewProps, props.size, props.icon, props.errors, props.label, props.disabled,
         props.className, props.showRemove, props.style, props.autoPositioning, props.id, calendarProps,
@@ -54,10 +65,6 @@ DateField.defaultProps = {
     required: false,
     showRemove: true,
     autoPositioning: true,
-    valueFormat: 'YYYY-MM-DD',
-    maskOptions: (0, kit_1.maskitoDateOptionsGenerator)({
-        mode: 'dd/mm/yyyy',
-        separator: '.'
-    })
+    valueFormat: 'YYYY-MM-DD'
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.DATE_FIELD, DateField);

package/ui/form/DateField/useDateInputState.js

@@ -42,6 +42,9 @@ function useDateInputState(props) {
     }, [propsDisplayValue]);
     // Display input change handler
     var onDisplayValueChange = (0, react_1.useCallback)(function (value) {
+        if (typeof value !== 'string') {
+            return;
+        }
         value = value.replace(/[^0-9:., ]/g, '');
         setDisplayValue(value);
         var newValue = value;

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

@@ -91,6 +91,13 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
         */
         to: MaskitoOptions;
     };
+    /**
+     *  Ограничение доступных дат.
+     */
+    disabledDays?: {
+        after?: Date;
+        before?: Date;
+    };
     /**
      * Активирует логику:
      * - Если кликнули по дате начала или конца диапазона, то позволяем её изменить следующим кликом

package/ui/form/DateRangeField/DateRangeField.js

@@ -10,34 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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_1 = __importStar(require("react"));
+var react_1 = require("react");
 var kit_1 = require("@maskito/kit");
 var react_2 = require("@maskito/react");
 var useDateRange_1 = __importDefault(require("../../form/DateField/useDateRange"));
@@ -47,10 +24,22 @@ var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
 var enums_1 = require("../../../enums");
 var useOnDayClick_1 = __importDefault(require("./useOnDayClick"));
 function DateRangeField(props) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var components = (0, hooks_1.useComponents)();
-    var maskInputFromRef = (0, react_2.useMaskito)({ options: (_a = props.maskOptions) === null || _a === void 0 ? void 0 : _a.from });
-    var maskInputToRef = (0, react_2.useMaskito)({ options: (_b = props.maskOptions) === null || _b === void 0 ? void 0 : _b.to });
+    var maskInputFromRef = (0, react_2.useMaskito)({
+        options: (_b = (_a = props.maskOptions) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : (0, kit_1.maskitoDateOptionsGenerator)({
+            mode: 'dd/mm/yyyy',
+            separator: '.',
+            min: (_d = (_c = props.disabledDays) === null || _c === void 0 ? void 0 : _c.before) !== null && _d !== void 0 ? _d : null
+        })
+    });
+    var maskInputToRef = (0, react_2.useMaskito)({
+        options: (_f = (_e = props.maskOptions) === null || _e === void 0 ? void 0 : _e.to) !== null && _f !== void 0 ? _f : (0, kit_1.maskitoDateOptionsGenerator)({
+            mode: 'dd/mm/yyyy',
+            separator: '.',
+            min: (_h = (_g = props.disabledDays) === null || _g === void 0 ? void 0 : _g.before) !== null && _h !== void 0 ? _h : null
+        })
+    });
     // Global onChange (from props)
     var onChange = (0, react_1.useCallback)(function () {
         var _a;
@@ -62,7 +51,7 @@ function DateRangeField(props) {
         }
     }, [props.attributeFrom, props.attributeTo, props.inputFrom.value, props.inputTo.value, props.onChange]);
     // Input 'from'
-    var _c = (0, useDateInputState_1["default"])({
+    var _j = (0, useDateInputState_1["default"])({
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat,
         input: props.inputFrom,
@@ -71,9 +60,9 @@ function DateRangeField(props) {
         required: props.required,
         inputProps: props.inputPropsFrom,
         onChange: onChange
-    }), isOpenedFrom = _c.isOpened, onCloseFrom = _c.onClose, inputPropsFrom = _c.inputProps, onClearFrom = _c.onClear;
+    }), isOpenedFrom = _j.isOpened, onCloseFrom = _j.onClose, inputPropsFrom = _j.inputProps, onClearFrom = _j.onClear;
     // Input 'to'
-    var _d = (0, useDateInputState_1["default"])({
+    var _k = (0, useDateInputState_1["default"])({
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat,
         input: props.inputTo,
@@ -82,8 +71,8 @@ function DateRangeField(props) {
         required: props.required,
         inputProps: props.inputPropsTo,
         onChange: onChange
-    }), isOpenedTo = _d.isOpened, onCloseTo = _d.onClose, inputPropsTo = _d.inputProps, onClearTo = _d.onClear;
-    var _e = (0, useDateRange_1["default"])({
+    }), isOpenedTo = _k.isOpened, onCloseTo = _k.onClose, inputPropsTo = _k.inputProps, onClearTo = _k.onClear;
+    var _l = (0, useDateRange_1["default"])({
         onClearFrom: onClearFrom,
         onCloseTo: onCloseTo,
         onCloseFrom: onCloseFrom,
@@ -96,8 +85,8 @@ function DateRangeField(props) {
         hasInitialFocus: props.hasInitialFocus,
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat
-    }), focus = _e.focus, onClose = _e.onClose, onClear = _e.onClear, extendedInputPropsFrom = _e.extendedInputPropsFrom, extendedInputPropsTo = _e.extendedInputPropsTo;
-    react_1["default"].useEffect(function () {
+    }), focus = _l.focus, onClose = _l.onClose, onClear = _l.onClear, extendedInputPropsFrom = _l.extendedInputPropsFrom, extendedInputPropsTo = _l.extendedInputPropsTo;
+    (0, react_1.useEffect)(function () {
         if (extendedInputPropsFrom.ref && extendedInputPropsTo.ref) {
             maskInputFromRef(extendedInputPropsFrom.ref.current);
             maskInputToRef(extendedInputPropsTo.ref.current);
@@ -117,7 +106,11 @@ function DateRangeField(props) {
         onToChange: props.inputTo.onChange
     });
     // Calendar props
-    var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: [props.inputFrom.value, props.inputTo.value], onChange: onDayClick, valueFormat: props.valueFormat, numberOfMonths: 2, showFooter: false }, props.calendarProps)); }, [onDayClick, props.calendarProps, props.inputFrom.value, props.inputTo.value, props.valueFormat]);
+    var calendarProps = (0, react_1.useMemo)(function () {
+        var _a;
+        return (__assign({ value: [props.inputFrom.value, props.inputTo.value], onChange: onDayClick, valueFormat: props.valueFormat, numberOfMonths: 2, showFooter: false }, ((props === null || props === void 0 ? void 0 : props.disabledDays)
+            ? __assign(__assign({}, props.calendarProps), { pickerProps: __assign(__assign({}, (_a = props.calendarProps) === null || _a === void 0 ? void 0 : _a.pickerProps), { disabledDays: props.disabledDays }) }) : props.calendarProps)));
+    }, [onDayClick, props.calendarProps, props.disabledDays, props.inputFrom.value, props.inputTo.value, props.valueFormat]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, calendarProps: calendarProps, icon: props.icon, size: props.size, disabled: props.disabled, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, errorsTo: props.errorsTo, errors: props.errors, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style, id: props.id, withRangeButtons: props.withRangeButtons, rangeButtonsPosition: props.rangeButtonsPosition, displayFormat: props.displayFormat })); }, [props.viewProps, props.icon, props.size, props.disabled, props.className, props.showRemove, props.errorsFrom,
         props.errorsTo, props.errors, props.style, props.id, props.withRangeButtons, props.rangeButtonsPosition,
         props.displayFormat, onClear, onClose, calendarProps, extendedInputPropsTo, extendedInputPropsFrom, focus, isOpenedFrom, isOpenedTo]);
@@ -134,16 +127,6 @@ DateRangeField.defaultProps = {
     hasInitialFocus: false,
     icon: true,
     useSmartRangeReset: true,
-    maskOptions: {
-        from: (0, kit_1.maskitoDateOptionsGenerator)({
-            mode: 'dd/mm/yyyy',
-            separator: '.'
-        }),
-        to: (0, kit_1.maskitoDateOptionsGenerator)({
-            mode: 'dd/mm/yyyy',
-            separator: '.'
-        })
-    },
     rangeButtonsPosition: 'left-bottom'
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.DATE_RANGE_FIELD, DateRangeField, { attributeSuffixes: ['from', 'to'] });

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

@@ -27,6 +27,25 @@ export interface IDateTimeFieldProps extends IDateInputStateInput, IUiComponent
      * Разделитель для даты и времени, не влияет на отображение
      */
     dateTimeSeparator?: string;
+    /**
+     *  Ограничение доступных дат.
+     */
+    disabledDays?: {
+        after?: Date;
+        before?: Date;
+    };
+    /**
+     * Ограничение доступного времени.
+     */
+    availableTime?: {
+        from: string;
+        to: string;
+    };
+    /**
+     * Шаг минут
+     * @example 15
+     */
+    minuteStep?: number;
     [key: string]: any;
 }
 export interface IDateTimeFieldViewProps extends IDateInputStateOutput, Pick<IDateTimeFieldProps, 'size' | 'errors' | 'showRemove' | 'calendarProps' | 'className' | 'timePanelViewProps'> {