@salutejs/plasma-new-hope 0.340.0-canary.2316.19100752819.0 → 0.340.0-canary.2316.19170245062.0

package/styled-components/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js

@@ -42,7 +42,7 @@ var mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
 var Cell = (0, _engines.component)(mergedCellConfig);
 var ShortcutsWrapper = _styledcomponents.default.div.withConfig({
     displayName: "DateShortcutList.styles__ShortcutsWrapper",
-    componentId: "sc-e613e6ad-0"
+    componentId: "sc-235f7cb0-0"
 })([
     "order:",
     ";display:flex;flex-direction:",
@@ -65,17 +65,17 @@ var ShortcutsWrapper = _styledcomponents.default.div.withConfig({
 });
 var ShortcutList = _styledcomponents.default.ul.withConfig({
     displayName: "DateShortcutList.styles__ShortcutList",
-    componentId: "sc-e613e6ad-1"
+    componentId: "sc-235f7cb0-1"
 })([
     "width:",
-    ";margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
+    ";list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
 ], function(param) {
     var width = param.width;
     return width || 'fit-content';
 });
 var ShortcutItem = _styledcomponents.default.li.withConfig({
     displayName: "DateShortcutList.styles__ShortcutItem",
-    componentId: "sc-e613e6ad-2"
+    componentId: "sc-235f7cb0-2"
 })([
     "padding:var(",
     ");border-radius:var(",
@@ -95,7 +95,7 @@ var ShortcutItem = _styledcomponents.default.li.withConfig({
 }));
 var StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
     displayName: "DateShortcutList.styles__StyledCell",
-    componentId: "sc-e613e6ad-3"
+    componentId: "sc-235f7cb0-3"
 })([
     "",
     ":var(",
@@ -113,13 +113,13 @@ var StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
 ], _Cell.cellTokens.cellTitleColor, _DateTimePickertokens.tokens.shortcutColor, _Cell.cellTokens.cellPadding, _DateTimePickertokens.tokens.shortcutPadding, _Cell.cellTokens.cellPaddingContent, _DateTimePickertokens.tokens.shortcutPaddingContent, _Cell.cellTokens.cellPaddingLeftContent, _DateTimePickertokens.tokens.shortcutPaddingLeftContent, _Cell.cellTokens.cellPaddingRightContent, _DateTimePickertokens.tokens.shortcutPaddingRightContent, _Cell.cellTokens.cellGap, _DateTimePickertokens.tokens.shortcutGap);
 var ShortcutTitleWrapper = _styledcomponents.default.div.withConfig({
     displayName: "DateShortcutList.styles__ShortcutTitleWrapper",
-    componentId: "sc-e613e6ad-4"
+    componentId: "sc-235f7cb0-4"
 })([
     "display:grid;"
 ]);
 var ShortcutTitle = _styledcomponents.default.span.withConfig({
     displayName: "DateShortcutList.styles__ShortcutTitle",
-    componentId: "sc-e613e6ad-5"
+    componentId: "sc-235f7cb0-5"
 })([
     "font-family:var(",
     ");font-size:var(",

package/styled-components/cjs/components/Tabs/tokens.js

@@ -98,6 +98,7 @@ var tokens = {
     fontSize: '--plasma-tab-item-font-size',
     fontStyle: '--plasma-tab-item-font-style',
     fontWeight: '--plasma-tab-item-font-weight',
+    fontWeightSelected: '--plasma-tab-item-font-weight-selected',
     letterSpacing: '--plasma-tab-item-letter-spacing',
     lineHeight: '--plasma-tab-item-lineheight',
     valueFontFamily: '--plasma-tab-item-value-font-family',

package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _ChipGroup = require("../../../components/ChipGroup");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default-hover);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default-active);"
+            ], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
+            secondary: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary-active);"
+            ], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent-hover);",
+                ":var(--on-dark-text-primary);",
+                ":var(--surface-accent-active);"
+            ], _ChipGroup.chipGroupTokens.chipColor, _ChipGroup.chipGroupTokens.chipBackground, _ChipGroup.chipGroupTokens.chipColorHover, _ChipGroup.chipGroupTokens.chipBackgroundHover, _ChipGroup.chipGroupTokens.chipColorActive, _ChipGroup.chipGroupTokens.chipBackgroundActive)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":auto;",
+                ":3rem;",
+                ":0 1rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":-0.125rem;",
+                ":0.625rem;",
+                ":-0.25rem;",
+                ":1.5rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.625rem;",
+                ":auto;",
+                ":2.5rem;",
+                ":0 0.875rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":auto;",
+                ":2rem;",
+                ":0 0.875rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize),
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":auto;",
+                ":1.5rem;",
+                ":0 0.625rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _ChipGroup.chipGroupTokens.chipBorderRadius, _ChipGroup.chipGroupTokens.chipWidth, _ChipGroup.chipGroupTokens.chipHeight, _ChipGroup.chipGroupTokens.chipPadding, _ChipGroup.chipGroupTokens.chipFontFamily, _ChipGroup.chipGroupTokens.chipFontSize, _ChipGroup.chipGroupTokens.chipFontStyle, _ChipGroup.chipGroupTokens.chipFontWeight, _ChipGroup.chipGroupTokens.chipLetterSpacing, _ChipGroup.chipGroupTokens.chipLineHeight, _ChipGroup.chipGroupTokens.chipLeftContentMarginLeft, _ChipGroup.chipGroupTokens.chipLeftContentMarginRight, _ChipGroup.chipGroupTokens.chipRightContentMarginLeft, _ChipGroup.chipGroupTokens.chipRightContentMarginRight, _ChipGroup.chipGroupTokens.chipClearContentMarginLeft, _ChipGroup.chipGroupTokens.chipClearContentMarginRight, _ChipGroup.chipGroupTokens.chipCloseIconSize)
+        },
+        gap: {
+            dense: (0, _styledcomponents.css)([
+                "",
+                ":0.125rem;"
+            ], _ChipGroup.chipGroupTokens.chipGroupItemsGap),
+            wide: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;"
+            ], _ChipGroup.chipGroupTokens.chipGroupItemsGap)
+        }
+    }
+};

package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -126,7 +126,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-bold-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":0;"
@@ -144,7 +144,7 @@ var config = {
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-bold-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);",
                 ":0.125rem;"
@@ -162,7 +162,7 @@ var config = {
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-bold-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);",
                 ":0.25rem;"
@@ -180,7 +180,7 @@ var config = {
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0.125rem;"

package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js

@@ -59,7 +59,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-bold-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":0;"
@@ -78,7 +78,7 @@ var config = {
                 ":var(--plasma-typo-body-s-font-family);",
                 ":var(--plasma-typo-body-s-font-size);",
                 ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-bold-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);",
                 ":0.25rem;"
@@ -97,7 +97,7 @@ var config = {
                 ":var(--plasma-typo-body-m-font-family);",
                 ":var(--plasma-typo-body-m-font-size);",
                 ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-bold-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);",
                 ":0.125rem;"
@@ -116,7 +116,7 @@ var config = {
                 ":var(--plasma-typo-body-l-font-family);",
                 ":var(--plasma-typo-body-l-font-size);",
                 ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-bold-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);",
                 ":0.125rem;"

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js

@@ -126,6 +126,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import cls from "classnames";
 import { noop } from "../../../utils";
+import { customDayjs } from "../../../utils/datejs";
 import { getDateFormatDelimiter } from "../utils/dateHelper";
 import { useDatePicker } from "../hooks/useDatePicker";
 import { classes } from "../DatePicker.tokens";
@@ -422,18 +423,34 @@ export var datePickerRangeRoot = function(Root) {
                 prevValue,
                 chosenDate
             ]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
-            handleFirstCalendarPick(first, dateInfo);
-            handleSecondCalendarPick(second, dateInfo);
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ customDayjs.locale(lang);
+            var firstFormatted = first ? customDayjs(first).format(format) : '';
+            var secondFormatted = second ? customDayjs(second).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
+                handleFirstCalendarPick(first, dateInfo);
+            }
+            if (secondFormatted !== inputSecondValue) {
+                handleSecondCalendarPick(second, dateInfo);
+            }
             if (!firstValueError && !secondValueError && closeAfterDateSelect) {
                 handleToggle(false);
             }
         };
         var handleChangeCalendarValue = function(param, dateInfo) {
             var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
-            if (firstDate) {
+            /**
+                 * NOTE: проверяем совпадает ли новая дата с предыдущей
+                 * Если нет, то вызываем handle{First,Second}CalendarPick
+                 */ customDayjs.locale(lang);
+            var firstFormatted = firstDate ? customDayjs(firstDate).format(format) : '';
+            var secondFormatted = secondDate ? customDayjs(secondDate).format(format) : '';
+            if (firstFormatted !== inputFirstValue) {
                 handleFirstCalendarPick(firstDate, dateInfo);
             }
-            if (secondDate) {
+            if (secondFormatted !== inputSecondValue) {
                 handleSecondCalendarPick(secondDate, dateInfo);
             }
             if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {

package/styled-components/es/components/DateTimePicker/DateTimePicker.js

@@ -99,11 +99,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from "react";
 import cls from "classnames";
-import { customDayjs } from "../../utils/datejs";
 import { useForkRef } from "@salutejs/plasma-core";
-import { getDateFormatDelimiter } from "../DatePicker/utils/dateHelper";
 import { base, CalendarContainerOverlay, LeftHelper } from "./DateTimePicker.styles";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";
@@ -113,7 +111,6 @@ import { base as readOnlyCSS } from "./variations/_readonly/base";
 import { CalendarGrid, DateShortcutList, Input, Popover, StyledSeparator, TimeGrid } from "./ui";
 import { classes } from "./DateTimePicker.tokens";
 import { useDateTimePicker } from "./hooks/useDateTimePicker";
-import { getFormattedDateTime } from "./utils";
 import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
 export var dateTimePickerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
@@ -194,58 +191,9 @@ export var dateTimePickerRoot = function(Root) {
         var inputInnerRef = useForkRef(inputRef, ref);
         var calendarOverlayRef = useRef(null);
         var _useState = _sliced_to_array(useState(opened), 2), isInnerOpen = _useState[0], setIsInnerOpen = _useState[1];
-        var dateFormatDelimiter = useMemo(function() {
-            return getDateFormatDelimiter(dateFormat);
-        }, [
-            dateFormat
-        ]);
-        var timeFormatDelimiter = useMemo(function() {
-            return getDateFormatDelimiter(timeFormat);
-        }, [
-            timeFormat
-        ]);
-        var timeColumnsCount = (timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(timeFormatDelimiter).length) || 2;
-        var fullFormat = dateFormat + dateTimeSeparator + timeFormat;
-        var _useState1 = _sliced_to_array(useState(defaultDate || ''), 2), innerDate = _useState1[0], setInnerDate = _useState1[1];
-        var dateValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerDate;
-        var initialValues = getFormattedDateTime({
-            value: dateValue,
-            lang: lang,
-            format: fullFormat,
-            includeEdgeDates: includeEdgeDates,
-            min: min,
-            max: max,
-            dateFormat: dateFormat,
-            timeFormat: timeFormat
-        });
-        var _useState2 = _sliced_to_array(useState({
-            input: initialValues.formattedDate,
-            calendar: initialValues.dateValue,
-            time: initialValues.timeValue
-        }), 2), correctDates = _useState2[0], setCorrectDates = _useState2[1];
-        var calendarGridValue = initialValues.dateValue;
-        var timeGridValue = initialValues.timeValue;
-        customDayjs.locale(lang);
-        var timeVisibleValue = timeGridValue ? customDayjs(timeGridValue).format(timeFormat) : '';
-        var inputValue = initialValues.formattedDate;
-        var isDateEqualEdge = function(dateEdge) {
-            if (!dateEdge) {
-                return false;
-            }
-            var normalizedEdgeDate = customDayjs(dateEdge);
-            normalizedEdgeDate.set('hours', 0);
-            normalizedEdgeDate.set('minutes', 0);
-            normalizedEdgeDate.set('seconds', 0);
-            var normalizedCurrentDate = customDayjs(correctDates.calendar);
-            normalizedCurrentDate.set('hours', 0);
-            normalizedCurrentDate.set('minutes', 0);
-            normalizedCurrentDate.set('seconds', 0);
-            if (normalizedCurrentDate.isSame(normalizedEdgeDate)) {
-                return true;
-            }
-            return false;
-        };
         var _useDateTimePicker = useDateTimePicker({
+            inputRef: inputRef,
+            outerValue: outerValue,
             valueError: valueError,
             valueSuccess: valueSuccess,
             type: type,
@@ -253,74 +201,17 @@ export var dateTimePickerRoot = function(Root) {
             disabled: disabled,
             readOnly: readOnly,
             maskWithFormat: maskWithFormat,
-            format: fullFormat,
+            dateTimeSeparator: dateTimeSeparator,
             dateFormat: dateFormat,
             timeFormat: timeFormat,
-            currentValue: inputValue,
-            delimiters: [
-                dateFormatDelimiter,
-                timeFormatDelimiter,
-                dateTimeSeparator
-            ],
-            inputRef: inputRef,
-            correctDates: correctDates,
             max: max,
             min: min,
             includeEdgeDates: includeEdgeDates,
             dateOnTimeSelectOnly: dateOnTimeSelectOnly,
-            setCorrectDates: setCorrectDates,
-            setInnerDate: setInnerDate,
             onChangeValue: onChangeValue,
-            onCommitDate: onCommitDate
-        }), errorClass = _useDateTimePicker.errorClass, successClass = _useDateTimePicker.successClass, handleChangeValue = _useDateTimePicker.handleChangeValue, handleSearch = _useDateTimePicker.handleSearch, getQuarterInfo = _useDateTimePicker.getQuarterInfo, handleCalendarPick = _useDateTimePicker.handleCalendarPick, handleTimePick = _useDateTimePicker.handleTimePick, updateExternalDate = _useDateTimePicker.updateExternalDate;
-        var handleBlur = function(event) {
-            if (!preserveInvalidOnBlur) {
-                customDayjs.locale(lang);
-                var originalDate = correctDates.calendar;
-                if (!originalDate) {
-                    if (onChangeValue) {
-                        onChangeValue(event, correctDates.input, {
-                            originalDate: undefined,
-                            isoDate: ''
-                        });
-                    }
-                    if (onCommitDate) {
-                        onCommitDate(correctDates.input, {
-                            quarterInfo: undefined,
-                            originalDate: undefined,
-                            isoDate: ''
-                        });
-                    }
-                    return;
-                }
-                if (correctDates.time) {
-                    originalDate.setHours(correctDates.time.getHours(), correctDates.time.getMinutes(), correctDates.time.getSeconds());
-                }
-                setInnerDate(originalDate);
-                if (!timeGridValue) {
-                    if (correctDates.calendar) {
-                        setInnerDate(correctDates.calendar);
-                    }
-                }
-                if (onChangeValue) {
-                    onChangeValue(event, correctDates.input, {
-                        originalDate: originalDate,
-                        isoDate: originalDate.toISOString()
-                    });
-                }
-                if (onCommitDate) {
-                    var quarterInfo = getQuarterInfo(originalDate);
-                    onCommitDate(correctDates.input, {
-                        quarterInfo: quarterInfo,
-                        originalDate: originalDate,
-                        isoDate: originalDate.toISOString()
-                    });
-                }
-            }
-            if (onBlur) {
-                onBlur(event);
-            }
-        };
+            onCommitDate: onCommitDate,
+            onBlur: onBlur
+        }), format = _useDateTimePicker.format, dateVisibleValue = _useDateTimePicker.dateVisibleValue, calendarGridValue = _useDateTimePicker.calendarGridValue, inputValue = _useDateTimePicker.inputValue, timeVisibleValue = _useDateTimePicker.timeVisibleValue, timeColumnsCount = _useDateTimePicker.timeColumnsCount, errorClass = _useDateTimePicker.errorClass, successClass = _useDateTimePicker.successClass, handleChangeValue = _useDateTimePicker.handleChangeValue, handleSearch = _useDateTimePicker.handleSearch, handleBlur = _useDateTimePicker.handleBlur, handleCalendarPick = _useDateTimePicker.handleCalendarPick, handleTimePick = _useDateTimePicker.handleTimePick, updateExternalDate = _useDateTimePicker.updateExternalDate, isDateEqualEdge = _useDateTimePicker.isDateEqualEdge;
         var handleCalendarOverlayClick = function(event) {
             if (disabled || readOnly) {
                 return;
@@ -346,30 +237,29 @@ export var dateTimePickerRoot = function(Root) {
         };
         var onKeyDown = useKeyNavigation({
             opened: isInnerOpen,
-            format: fullFormat,
-            maskWithFormat: maskWithFormat,
-            delimiters: [
-                dateFormatDelimiter,
-                timeFormatDelimiter,
-                dateTimeSeparator
-            ],
             closeOnEsc: closeOnEsc,
             onToggle: handleToggle
         }).onKeyDown;
         useEffect(function() {
+            if (disabled || readOnly) {
+                setIsInnerOpen(false);
+                return;
+            }
             setIsInnerOpen(function(prevOpen) {
                 return prevOpen !== opened && opened;
             });
         }, [
-            opened
+            opened,
+            disabled,
+            readOnly
         ]);
         useLayoutEffect(function() {
-            if (!dateValue) {
+            if (!dateVisibleValue) {
                 updateExternalDate(defaultDate);
             }
         }, [
             defaultDate,
-            fullFormat,
+            format,
             lang
         ]);
         return /*#__PURE__*/ React.createElement(Root, {
@@ -470,7 +360,7 @@ export var dateTimePickerRoot = function(Root) {
         }, isDateEqualEdge(max) && {
             max: max
         })))), leftHelper && /*#__PURE__*/ React.createElement(LeftHelper, {
-            className: cls('errorClass, successClass')
+            className: cls(errorClass, successClass)
         }, leftHelper));
     });
 };