@salutejs/plasma-new-hope 0.114.0-canary.1332.10195467656.0 → 0.115.0-canary.1335.10199765951.0

package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useEffect, useRef, useState } from 'react';
+import React, { ComponentProps, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
@@ -263,82 +263,3 @@ export const Range: StoryObj<StoryPropsRange> = {
     },
     render: (args) => <StoryRange {...args} />,
 };
-
-const StoryDeferred = ({
-    enableContentLeft,
-    enableContentRight,
-    valueError,
-    valueSuccess,
-    size,
-    ...rest
-}: StoryPropsDefault) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    const [defVal, setDefVal] = useState<Date | undefined>(undefined);
-
-    const iconSize = size === 'xs' ? 'xs' : 's';
-
-    useEffect(() => {
-        setTimeout(() => {
-            setDefVal(new Date(2024, 5, 14));
-        }, 5000);
-    }, []);
-
-    return (
-        <>
-            <h3>Асинхронная установка даты по умолчанию</h3>
-            <DatePicker
-                defaultDate={defVal}
-                isOpen={isOpen}
-                size={size}
-                valueError={valueError}
-                valueSuccess={valueSuccess}
-                contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-                contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
-                onBlur={onBlur}
-                onFocus={onFocus}
-                onToggle={(is) => setIsOpen(is)}
-                onChangeValue={(e, currentValue) => {
-                    onChangeValue(e, currentValue);
-                }}
-                onCommitDate={() => setIsOpen(false)}
-                {...rest}
-            />
-        </>
-    );
-};
-
-export const Deferred: StoryObj<StoryPropsDefault> = {
-    argTypes: {
-        defaultDate: {
-            control: {
-                type: 'date',
-            },
-        },
-        labelPlacement: {
-            options: labelPlacements,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-    args: {
-        label: 'Лейбл',
-        leftHelper: 'Подсказка к полю',
-        placeholder: '30.05.2024',
-        size: 'l',
-        view: 'default',
-        labelPlacement: 'outer',
-        min: new Date(2024, 1, 1),
-        max: new Date(2024, 12, 29),
-        maskWithFormat: false,
-        disabled: false,
-        readOnly: false,
-        textBefore: '',
-        enableContentLeft: true,
-        enableContentRight: true,
-        valueError: false,
-        valueSuccess: false,
-    },
-    render: (args) => <StoryDeferred {...args} />,
-};

package/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx

@@ -49,7 +49,7 @@ const StoryDefault = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}
@@ -92,7 +92,7 @@ const StoryWithoutOverlay = () => {
     return (
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet opened={opened} withOverlay={false} onClose={() => setOpened(false)}>
+            <Sheet isOpen={opened} withOverlay={false} onClose={() => setOpened(false)}>
                 <StyledBody>
                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
                     consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
@@ -125,7 +125,7 @@ const StoryWithScroll = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}
@@ -195,7 +195,7 @@ const StoryWithInsideScroll = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}
@@ -267,7 +267,7 @@ const StoryWithDoubleScroll = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}

package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx

@@ -222,7 +222,7 @@ const StoryAddCustomItem = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
-                opened={opened}
+                isOpen={opened}
                 onToggle={onToggle}
                 onChangeValue={onChangeValue}
                 onKeyDown={onKeyDown}

package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useEffect, useRef, useState } from 'react';
+import React, { ComponentProps, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
@@ -262,82 +262,3 @@ export const Range: StoryObj<StoryPropsRange> = {
     },
     render: (args) => <StoryRange {...args} />,
 };
-
-const StoryDeferred = ({
-    enableContentLeft,
-    enableContentRight,
-    valueError,
-    valueSuccess,
-    size,
-    ...rest
-}: StoryPropsDefault) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    const [defVal, setDefVal] = useState<Date | undefined>(undefined);
-
-    const iconSize = size === 'xs' ? 'xs' : 's';
-
-    useEffect(() => {
-        setTimeout(() => {
-            setDefVal(new Date(2024, 5, 14));
-        }, 5000);
-    }, []);
-
-    return (
-        <>
-            <h3>Асинхронная установка даты по умолчанию</h3>
-            <DatePicker
-                defaultDate={defVal}
-                isOpen={isOpen}
-                size={size}
-                valueError={valueError}
-                valueSuccess={valueSuccess}
-                contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-                contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
-                onBlur={onBlur}
-                onFocus={onFocus}
-                onToggle={(is) => setIsOpen(is)}
-                onChangeValue={(e, currentValue) => {
-                    onChangeValue(e, currentValue);
-                }}
-                onCommitDate={() => setIsOpen(false)}
-                {...rest}
-            />
-        </>
-    );
-};
-
-export const Deferred: StoryObj<StoryPropsDefault> = {
-    argTypes: {
-        defaultDate: {
-            control: {
-                type: 'date',
-            },
-        },
-        labelPlacement: {
-            options: labelPlacements,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-    args: {
-        label: 'Лейбл',
-        leftHelper: 'Подсказка к полю',
-        placeholder: '30.05.2024',
-        size: 'l',
-        view: 'default',
-        labelPlacement: 'outer',
-        min: new Date(2024, 1, 1),
-        max: new Date(2024, 12, 29),
-        maskWithFormat: false,
-        disabled: false,
-        readOnly: false,
-        textBefore: '',
-        enableContentLeft: true,
-        enableContentRight: true,
-        valueError: false,
-        valueSuccess: false,
-    },
-    render: (args) => <StoryDeferred {...args} />,
-};

package/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx

@@ -49,7 +49,7 @@ const StoryDefault = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}
@@ -92,7 +92,7 @@ const StoryWithoutOverlay = () => {
     return (
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet opened={opened} withOverlay={false} onClose={() => setOpened(false)}>
+            <Sheet isOpen={opened} withOverlay={false} onClose={() => setOpened(false)}>
                 <StyledBody>
                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
                     consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
@@ -125,7 +125,7 @@ const StoryWithScroll = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}
@@ -195,7 +195,7 @@ const StoryWithInsideScroll = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}
@@ -267,7 +267,7 @@ const StoryWithDoubleScroll = ({
         <>
             <Button onClick={() => setOpened(true)}>Открыть</Button>
             <Sheet
-                opened={opened}
+                isOpen={opened}
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setOpened(false)}

package/emotion/es/components/Combobox/Combobox.js

@@ -1,4 +1,4 @@
-var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "placement", "onToggle", "onKeyDown", "filterFunction"];
+var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "isOpen", "placement", "onToggle", "onKeyDown", "filterFunction"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -43,12 +43,15 @@ export var comboboxRoot = function comboboxRoot(Root) {
       enumerationType = _ref$enumerationType === void 0 ? 'comma' : _ref$enumerationType,
       _ref$opened = _ref.opened,
       opened = _ref$opened === void 0 ? false : _ref$opened,
+      _ref$isOpen = _ref.isOpen,
+      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
       onToggle = _ref.onToggle,
       onKeyDown = _ref.onKeyDown,
       filterFunction = _ref.filterFunction,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = opened || isOpen;
     var forceUpdate = useForceUpdate();
     var uniqId = safeUseId();
     var innerId = id || uniqId;
@@ -73,10 +76,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
       itemsRefs: itemsRefs,
       inputRef: inputRef
     };
-    var _useState3 = useState(opened),
+    var _useState3 = useState(innerIsOpen),
       _useState4 = _slicedToArray(_useState3, 2),
-      innerOpened = _useState4[0],
-      setInnerOpened = _useState4[1];
+      isVisible = _useState4[0],
+      setIsVisible = _useState4[1];
     var _useState5 = useState(''),
       _useState6 = _slicedToArray(_useState5, 2),
       search = _useState6[0],
@@ -99,11 +102,11 @@ export var comboboxRoot = function comboboxRoot(Root) {
       if (disabled || readOnly) {
         return;
       }
-      setInnerOpened(opened);
-    }, [opened, disabled, readOnly]);
+      setIsVisible(innerIsOpen);
+    }, [innerIsOpen, disabled, readOnly]);
     useEffect(function () {
       // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
-      if (opened) {
+      if (innerIsOpen) {
         setFilterValue('');
       }
     }, []);
@@ -113,14 +116,14 @@ export var comboboxRoot = function comboboxRoot(Root) {
       }
 
       // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
-      if (!innerOpened) {
+      if (!isVisible) {
         setFilterValue('');
       }
       if (onToggle) {
         onToggle(openValue, event);
         return;
       }
-      setInnerOpened(openValue);
+      setIsVisible(openValue);
     };
     var closedWithoutChanges = useRef(true);
     var updateValue = function updateValue(item, event) {
@@ -152,7 +155,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
     };
     var _useKeyNavigation = useKeyNavigation({
         controlledRefs: controlledRefs,
-        opened: innerOpened,
+        opened: isVisible,
         enumerationType: enumerationType,
         valueType: valueType,
         componentType: 'combobox',
@@ -172,7 +175,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
     var onSearch = function onSearch(newSearch, newOpened) {
       setSearch(newSearch);
       setFilterValue(newSearch);
-      setInnerOpened(newOpened !== null && newOpened !== void 0 ? newOpened : true);
+      setIsVisible(newOpened !== null && newOpened !== void 0 ? newOpened : true);
     };
     var onKeyDownHandle = function onKeyDownHandle(event) {
       onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
@@ -191,10 +194,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
       disabled: disabled || readOnly
     }), /*#__PURE__*/React.createElement(StyledPopover, {
       role: role,
-      isOpen: innerOpened,
+      isOpen: isVisible,
       onToggle: onInnerToggle,
       target: /*#__PURE__*/React.createElement(ComboboxTarget, _extends({
-        opened: innerOpened,
+        opened: isVisible,
         values: values,
         label: label,
         placeholder: placeholder,

package/emotion/es/components/DatePicker/DatePickerBase.styles.js

@@ -10,4 +10,4 @@ export var baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(to
 export var StyledCalendar = /*#__PURE__*/_styled(Calendar, {
   target: "e116mmtq0",
   label: "plasma-new-hope__StyledCalendar"
-})("width:var(", tokens.width, ");", baseCalendarTokens, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0c4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlckJhc2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjYWxlbmRhckJhc2VDb25maWcsIGNhbGVuZGFyQmFzZVRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9EYXRlUGlja2VyLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENhbGVuZGFyQ29uZmlnID0gbWVyZ2VDb25maWcoY2FsZW5kYXJCYXNlQ29uZmlnKTtcbmNvbnN0IENhbGVuZGFyID0gY29tcG9uZW50KG1lcmdlZENhbGVuZGFyQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2VDYWxlbmRhclRva2VucyA9IGBcbiAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUGFkZGluZ1RvcH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5jYWxlbmRhclNoYWRvd30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlclJhZGl1c30pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1Db2xvcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGFibGVJdGVtQmFja2dyb3VuZEhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1CYWNrZ3JvdW5kSG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUNoaWxkQmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1DaGlsZEJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhvdmVyZWRJdGVtQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck91dGxpbmVGb2N1c0NvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyT3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckNvbnRlbnRQcmltYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50UHJpbWFyeUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhcldpZHRofTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhzUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRTaXplfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExpbmVIZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhTZWxlY3RlZEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aFNlbGVjdGVkRm9udFdlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUXVhcnRlckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheXNQYWRkaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5c1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1Cb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtQm9yZGVyUmFkaXVzfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udEZhbWlseX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlGb250U2l6ZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fSk7XG4gICAgXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJXcmFwcGVyUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlcldyYXBwZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd0dhcH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckFycm93R2FwfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJEYXRlR2FwfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRGF0ZUdhcH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHRCb2xkfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodEJvbGR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbldpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn0pO1xuYDtcblxuLy8gTk9URTog0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyIENhbGVuZGFyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXIgPSBzdHlsZWQoQ2FsZW5kYXIpYFxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICAke2Jhc2VDYWxlbmRhclRva2Vuc31cbmA7XG4iXX0= */"));
+})(baseCalendarTokens, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyQmFzZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0c4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlckJhc2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjYWxlbmRhckJhc2VDb25maWcsIGNhbGVuZGFyQmFzZVRva2VucyB9IGZyb20gJy4uL0NhbGVuZGFyJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9EYXRlUGlja2VyLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENhbGVuZGFyQ29uZmlnID0gbWVyZ2VDb25maWcoY2FsZW5kYXJCYXNlQ29uZmlnKTtcbmNvbnN0IENhbGVuZGFyID0gY29tcG9uZW50KG1lcmdlZENhbGVuZGFyQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2VDYWxlbmRhclRva2VucyA9IGBcbiAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUGFkZGluZ1RvcH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5jYWxlbmRhclNoYWRvd30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5jYWxlbmRhckJvcmRlclJhZGl1c30pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RlZEl0ZW1Db2xvcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJTZWxlY3RhYmxlSXRlbUJhY2tncm91bmRIb3Zlcn06IHZhcigke3Rva2Vucy5jYWxlbmRhclNlbGVjdGFibGVJdGVtQmFja2dyb3VuZEhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJvcmRlckNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Cb3JkZXJDb2xvcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1CYWNrZ3JvdW5kSG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1Db2xvckhvdmVyfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDdXJyZW50SXRlbUNoaWxkQmFja2dyb3VuZEhvdmVyfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQ3VycmVudEl0ZW1DaGlsZEJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJBY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyQWN0aXZlSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhvdmVyZWRJdGVtQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIb3ZlcmVkSXRlbUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJSYW5nZUJhY2tncm91bmR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck91dGxpbmVGb2N1c0NvbG9yfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyT3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckNvbnRlbnRQcmltYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50UHJpbWFyeUNvbG9yfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJDb250ZW50U2Vjb25kYXJ5Q29sb3J9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhcldpZHRofTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyWWVhckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJZZWFyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyWWVhclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclllYXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcblxuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhzUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoSXRlbUJvcmRlclJhZGl1c30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEl0ZW1XaWR0aH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aEZvbnRTaXplfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJNb250aEZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udExpbmVIZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhck1vbnRoRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyTW9udGhTZWxlY3RlZEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJNb250aFNlbGVjdGVkRm9udFdlaWdodH0pO1xuXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyc1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtQm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyUXVhcnRlckl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbVdpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVySXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250RmFtaWx5fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250U3R5bGV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udExldHRlclNwYWNpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlckZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJRdWFydGVyRm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyUXVhcnRlclNlbGVjdGVkRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhclF1YXJ0ZXJTZWxlY3RlZEZvbnRXZWlnaHR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheXNQYWRkaW5nfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5c1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1Cb3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtQm9yZGVyUmFkaXVzfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtV2lkdGh9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckRheUl0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlJdGVtSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udEZhbWlseX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJEYXlGb250U2l6ZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFN0eWxlfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckRheUZvbnRMaW5lSGVpZ2h0fSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJEYXlGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5Rm9udFdlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLmNhbGVuZGFyRGF5U2VsZWN0ZWRGb250V2VpZ2h0fSk7XG4gICAgXG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJXcmFwcGVyUGFkZGluZ306IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlcldyYXBwZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd0dhcH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckFycm93R2FwfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJBcnJvd1BhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlclBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJQYWRkaW5nfSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuY2FsZW5kYXJIZWFkZXJEYXRlR2FwfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRGF0ZUdhcH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRGYW1pbHl9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTaXplfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFNpemV9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRTdHlsZX0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2FsZW5kYXJIZWFkZXJGb250TGluZUhlaWdodH0pO1xuICAgICR7Y2FsZW5kYXJCYXNlVG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5jYWxlbmRhckhlYWRlckZvbnRXZWlnaHRCb2xkfTogdmFyKCR7dG9rZW5zLmNhbGVuZGFySGVhZGVyRm9udFdlaWdodEJvbGR9KTtcbiAgICBcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvbldpZHRofSk7XG4gICAgJHtjYWxlbmRhckJhc2VUb2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7dG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2NhbGVuZGFyQmFzZVRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn0pO1xuYDtcblxuLy8gTk9URTog0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyIENhbGVuZGFyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FsZW5kYXIgPSBzdHlsZWQoQ2FsZW5kYXIpYFxuICAgICR7YmFzZUNhbGVuZGFyVG9rZW5zfVxuYDtcbiJdfQ== */"));

package/emotion/es/components/DatePicker/RangeDate/RangeDate.js

@@ -13,6 +13,7 @@ import { cx } from '../../../utils';
 import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
+import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -172,6 +173,11 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var _useKeyNavigation = useKeyNavigation({
+        isCalendarOpen: isInnerOpen,
+        onToggle: handleToggle
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,
@@ -215,7 +221,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       onFocusFirstTextfield: onFocusFirstTextfield,
       onFocusSecondTextfield: onFocusSecondTextfield,
       onBlurFirstTextfield: onBlurFirstTextfield,
-      onBlurSecondTextfield: onBlurSecondTextfield
+      onBlurSecondTextfield: onBlurSecondTextfield,
+      onKeyDown: onKeyDown
     }));
     useEffect(function () {
       var _rangeRef$current5, _rangeRef$current6;
@@ -223,13 +230,10 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
     }, [rangeRef.current]);
     useEffect(function () {
-      setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format));
-      setInputFirstValue(formatInputValue(defaultFirstDate, format));
-    }, [defaultFirstDate]);
-    useEffect(function () {
-      setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format));
-      setInputSecondValue(formatInputValue(defaultSecondDate, format));
-    }, [defaultSecondDate]);
+      setIsInnerOpen(function (prevOpen) {
+        return prevOpen !== isOpen && isOpen;
+      });
+    }, [isOpen]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: rootRef,
       view: view,
@@ -240,7 +244,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(RangeDatePopover, {
       calendarValue: [calendarFirstValue, calendarSecondValue],
       target: RangeComponent,
-      isOpen: isOpen || isInnerOpen,
+      isOpen: isInnerOpen,
       includeEdgeDates: includeEdgeDates,
       eventList: eventList,
       disabledList: disabledList,

package/emotion/es/components/DatePicker/SingleDate/SingleDate.js

@@ -14,6 +14,7 @@ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '.
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { StyledCalendar } from '../DatePickerBase.styles';
+import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -110,6 +111,11 @@ export var datePickerRoot = function datePickerRoot(Root) {
       handleToggle = _useDatePicker.handleToggle,
       handleChangeValue = _useDatePicker.handleChangeValue,
       handleCommitDate = _useDatePicker.handleCommitDate;
+    var _useKeyNavigation = useKeyNavigation({
+        isCalendarOpen: isInnerOpen,
+        onToggle: handleToggle
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
     var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, _extends({
       ref: inputRef,
       className: cx(datePickerErrorClass, datePickerSuccessClass),
@@ -127,15 +133,17 @@ export var datePickerRoot = function datePickerRoot(Root) {
         return handleCommitDate(date, true, false);
       },
       onFocus: onFocus,
-      onBlur: onBlur
+      onBlur: onBlur,
+      onKeyDown: onKeyDown
     }, innerLabelPlacement && {
       label: label,
       labelPlacement: labelPlacement
     }));
     useEffect(function () {
-      setCalendarValue(formatCalendarValue(defaultDate, format));
-      setInputValue(formatInputValue(defaultDate, format));
-    }, [defaultDate]);
+      setIsInnerOpen(function (prevOpen) {
+        return prevOpen !== isOpen && isOpen;
+      });
+    }, [isOpen]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,
@@ -144,7 +152,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
       readOnly: !disabled && readOnly,
       ref: ref
     }, rest), !innerLabelPlacement && label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(StyledPopover, {
-      isOpen: isOpen || isInnerOpen,
+      isOpen: isInnerOpen,
       usePortal: false,
       onToggle: handleToggle,
       offset: offset,