@salutejs/plasma-new-hope 0.114.0-canary.1332.10195467656.0 → 0.114.0-dev.0

package/emotion/es/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/es/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/es/components/DatePicker/DatePickerBase.styles.js

@@ -1,4 +1,4 @@
-import './DatePickerBase.styles_1whkrlf.css';
+import './DatePickerBase.styles_192va2p.css';
 import { styled } from '@linaria/react';
 import 'react';
 import 'focus-visible';

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarBaseConfig, calendarBaseTokens } from '../Calendar';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './DatePicker.tokens';\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nexport const baseCalendarTokens = `\n    padding-top: var(${tokens.calendarPaddingTop});\n    box-shadow: var(${tokens.calendarShadow});\n    border-radius: var(${tokens.calendarBorderRadius});\n\n    ${calendarBaseTokens.calendarBackgroundColor}: var(${tokens.calendarBackgroundColor});\n    ${calendarBaseTokens.calendarSelectedItemBackground}: var(${tokens.calendarSelectedItemBackground});\n    ${calendarBaseTokens.calendarSelectedItemColor}: var(${tokens.calendarSelectedItemColor});\n    ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(${tokens.calendarSelectableItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(${tokens.calendarCurrentItemBorderColor});\n    ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: var(${tokens.calendarCurrentItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemColorHover}: var(${tokens.calendarCurrentItemColorHover});\n    ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(${tokens.calendarCurrentItemChildBackgroundHover});\n    ${calendarBaseTokens.calendarActiveItemBackground}: var(${tokens.calendarActiveItemBackground});\n    ${calendarBaseTokens.calendarActiveItemColor}: var(${tokens.calendarActiveItemColor});\n    ${calendarBaseTokens.calendarHoveredItemBackground}: var(${tokens.calendarHoveredItemBackground});\n    ${calendarBaseTokens.calendarHoveredItemColor}: var(${tokens.calendarHoveredItemColor});\n    ${calendarBaseTokens.calendarRangeBackground}: var(${tokens.calendarRangeBackground});\n    ${calendarBaseTokens.calendarOutlineFocusColor}: var(${tokens.calendarOutlineFocusColor});\n    ${calendarBaseTokens.calendarContentPrimaryColor}: var(${tokens.calendarContentPrimaryColor});\n    ${calendarBaseTokens.calendarContentSecondaryColor}: var(${tokens.calendarContentSecondaryColor});\n\n    ${calendarBaseTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${calendarBaseTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${calendarBaseTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${calendarBaseTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n    ${calendarBaseTokens.calendarWidth}: var(${tokens.calendarWidth});\n    ${calendarBaseTokens.calendarHeight}: var(${tokens.calendarHeight});\n\n    ${calendarBaseTokens.calendarYearsPadding}: var(${tokens.calendarYearsPadding});\n    ${calendarBaseTokens.calendarYearItemBorderRadius}: var(${tokens.calendarYearItemBorderRadius});\n    ${calendarBaseTokens.calendarYearItemWidth}: var(${tokens.calendarYearItemWidth});\n    ${calendarBaseTokens.calendarYearItemHeight}: var(${tokens.calendarYearItemHeight});\n    ${calendarBaseTokens.calendarYearFontFamily}: var(${tokens.calendarYearFontFamily});\n    ${calendarBaseTokens.calendarYearFontSize}: var(${tokens.calendarYearFontSize});\n    ${calendarBaseTokens.calendarYearFontStyle}: var(${tokens.calendarYearFontStyle});\n    ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(${tokens.calendarYearFontLetterSpacing});\n    ${calendarBaseTokens.calendarYearFontLineHeight}: var(${tokens.calendarYearFontLineHeight});\n    ${calendarBaseTokens.calendarYearFontWeight}: var(${tokens.calendarYearFontWeight});\n    ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(${tokens.calendarYearSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarMonthsPadding}: var(${tokens.calendarMonthsPadding});\n    ${calendarBaseTokens.calendarMonthItemBorderRadius}: var(${tokens.calendarMonthItemBorderRadius});\n    ${calendarBaseTokens.calendarMonthItemWidth}: var(${tokens.calendarMonthItemWidth});\n    ${calendarBaseTokens.calendarMonthItemHeight}: var(${tokens.calendarMonthItemHeight});\n    ${calendarBaseTokens.calendarMonthFontFamily}: var(${tokens.calendarMonthFontFamily});\n    ${calendarBaseTokens.calendarMonthFontSize}: var(${tokens.calendarMonthFontSize});\n    ${calendarBaseTokens.calendarMonthFontStyle}: var(${tokens.calendarMonthFontStyle});\n    ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(${tokens.calendarMonthFontLetterSpacing});\n    ${calendarBaseTokens.calendarMonthFontLineHeight}: var(${tokens.calendarMonthFontLineHeight});\n    ${calendarBaseTokens.calendarMonthFontWeight}: var(${tokens.calendarMonthFontWeight});\n    ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(${tokens.calendarMonthSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarQuartersPadding}: var(${tokens.calendarQuartersPadding});\n    ${calendarBaseTokens.calendarQuarterItemBorderRadius}: var(${tokens.calendarQuarterItemBorderRadius});\n    ${calendarBaseTokens.calendarQuarterItemWidth}: var(${tokens.calendarQuarterItemWidth});\n    ${calendarBaseTokens.calendarQuarterItemHeight}: var(${tokens.calendarQuarterItemHeight});\n    ${calendarBaseTokens.calendarQuarterFontFamily}: var(${tokens.calendarQuarterFontFamily});\n    ${calendarBaseTokens.calendarQuarterFontSize}: var(${tokens.calendarQuarterFontSize});\n    ${calendarBaseTokens.calendarQuarterFontStyle}: var(${tokens.calendarQuarterFontStyle});\n    ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(${tokens.calendarQuarterFontLetterSpacing});\n    ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(${tokens.calendarQuarterFontLineHeight});\n    ${calendarBaseTokens.calendarQuarterFontWeight}: var(${tokens.calendarQuarterFontWeight});\n    ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(${tokens.calendarQuarterSelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarDaysPadding}: var(${tokens.calendarDaysPadding});\n    ${calendarBaseTokens.calendarDayItemBorderRadius}: var(${tokens.calendarDayItemBorderRadius});\n    ${calendarBaseTokens.calendarDayItemWidth}: var(${tokens.calendarDayItemWidth});\n    ${calendarBaseTokens.calendarDayItemHeight}: var(${tokens.calendarDayItemHeight});\n    ${calendarBaseTokens.calendarDayFontFamily}: var(${tokens.calendarDayFontFamily});\n    ${calendarBaseTokens.calendarDayFontSize}: var(${tokens.calendarDayFontSize});\n    ${calendarBaseTokens.calendarDayFontStyle}: var(${tokens.calendarDayFontStyle});\n    ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(${tokens.calendarDayFontLetterSpacing});\n    ${calendarBaseTokens.calendarDayFontLineHeight}: var(${tokens.calendarDayFontLineHeight});\n    ${calendarBaseTokens.calendarDayFontWeight}: var(${tokens.calendarDayFontWeight});\n    ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(${tokens.calendarDaySelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarHeaderWrapperPadding}: var(${tokens.calendarHeaderWrapperPadding});\n    ${calendarBaseTokens.calendarHeaderArrowGap}: var(${tokens.calendarHeaderArrowGap});\n    ${calendarBaseTokens.calendarHeaderArrowPadding}: var(${tokens.calendarHeaderArrowPadding});\n    ${calendarBaseTokens.calendarHeaderPadding}: var(${tokens.calendarHeaderPadding});\n    ${calendarBaseTokens.calendarHeaderDateGap}: var(${tokens.calendarHeaderDateGap});\n    ${calendarBaseTokens.calendarHeaderFontFamily}: var(${tokens.calendarHeaderFontFamily});\n    ${calendarBaseTokens.calendarHeaderFontSize}: var(${tokens.calendarHeaderFontSize});\n    ${calendarBaseTokens.calendarHeaderFontStyle}: var(${tokens.calendarHeaderFontStyle});\n    ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(${tokens.calendarHeaderFontLetterSpacing});\n    ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(${tokens.calendarHeaderFontLineHeight});\n    ${calendarBaseTokens.calendarHeaderFontWeight}: var(${tokens.calendarHeaderFontWeight});\n    ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(${tokens.calendarHeaderFontWeightBold});\n    \n    ${calendarBaseTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${calendarBaseTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${calendarBaseTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${calendarBaseTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${calendarBaseTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendar = styled(Calendar)`\n    width: var(${tokens.width});\n    ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarConfig","mergeConfig","calendarBaseConfig","Calendar","component","_exp","StyledCalendar","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;AAOA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA7GkBA,SA6GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGnC;;;;"}
+{"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePicker/DatePickerBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { calendarBaseConfig, calendarBaseTokens } from '../Calendar';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens } from './DatePicker.tokens';\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nexport const baseCalendarTokens = `\n    padding-top: var(${tokens.calendarPaddingTop});\n    box-shadow: var(${tokens.calendarShadow});\n    border-radius: var(${tokens.calendarBorderRadius});\n\n    ${calendarBaseTokens.calendarBackgroundColor}: var(${tokens.calendarBackgroundColor});\n    ${calendarBaseTokens.calendarSelectedItemBackground}: var(${tokens.calendarSelectedItemBackground});\n    ${calendarBaseTokens.calendarSelectedItemColor}: var(${tokens.calendarSelectedItemColor});\n    ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(${tokens.calendarSelectableItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(${tokens.calendarCurrentItemBorderColor});\n    ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: var(${tokens.calendarCurrentItemBackgroundHover});\n    ${calendarBaseTokens.calendarCurrentItemColorHover}: var(${tokens.calendarCurrentItemColorHover});\n    ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(${tokens.calendarCurrentItemChildBackgroundHover});\n    ${calendarBaseTokens.calendarActiveItemBackground}: var(${tokens.calendarActiveItemBackground});\n    ${calendarBaseTokens.calendarActiveItemColor}: var(${tokens.calendarActiveItemColor});\n    ${calendarBaseTokens.calendarHoveredItemBackground}: var(${tokens.calendarHoveredItemBackground});\n    ${calendarBaseTokens.calendarHoveredItemColor}: var(${tokens.calendarHoveredItemColor});\n    ${calendarBaseTokens.calendarRangeBackground}: var(${tokens.calendarRangeBackground});\n    ${calendarBaseTokens.calendarOutlineFocusColor}: var(${tokens.calendarOutlineFocusColor});\n    ${calendarBaseTokens.calendarContentPrimaryColor}: var(${tokens.calendarContentPrimaryColor});\n    ${calendarBaseTokens.calendarContentSecondaryColor}: var(${tokens.calendarContentSecondaryColor});\n\n    ${calendarBaseTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n    ${calendarBaseTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n    ${calendarBaseTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n    ${calendarBaseTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n    ${calendarBaseTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n    ${calendarBaseTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n    ${calendarBaseTokens.calendarWidth}: var(${tokens.calendarWidth});\n    ${calendarBaseTokens.calendarHeight}: var(${tokens.calendarHeight});\n\n    ${calendarBaseTokens.calendarYearsPadding}: var(${tokens.calendarYearsPadding});\n    ${calendarBaseTokens.calendarYearItemBorderRadius}: var(${tokens.calendarYearItemBorderRadius});\n    ${calendarBaseTokens.calendarYearItemWidth}: var(${tokens.calendarYearItemWidth});\n    ${calendarBaseTokens.calendarYearItemHeight}: var(${tokens.calendarYearItemHeight});\n    ${calendarBaseTokens.calendarYearFontFamily}: var(${tokens.calendarYearFontFamily});\n    ${calendarBaseTokens.calendarYearFontSize}: var(${tokens.calendarYearFontSize});\n    ${calendarBaseTokens.calendarYearFontStyle}: var(${tokens.calendarYearFontStyle});\n    ${calendarBaseTokens.calendarYearFontLetterSpacing}: var(${tokens.calendarYearFontLetterSpacing});\n    ${calendarBaseTokens.calendarYearFontLineHeight}: var(${tokens.calendarYearFontLineHeight});\n    ${calendarBaseTokens.calendarYearFontWeight}: var(${tokens.calendarYearFontWeight});\n    ${calendarBaseTokens.calendarYearSelectedFontWeight}: var(${tokens.calendarYearSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarMonthsPadding}: var(${tokens.calendarMonthsPadding});\n    ${calendarBaseTokens.calendarMonthItemBorderRadius}: var(${tokens.calendarMonthItemBorderRadius});\n    ${calendarBaseTokens.calendarMonthItemWidth}: var(${tokens.calendarMonthItemWidth});\n    ${calendarBaseTokens.calendarMonthItemHeight}: var(${tokens.calendarMonthItemHeight});\n    ${calendarBaseTokens.calendarMonthFontFamily}: var(${tokens.calendarMonthFontFamily});\n    ${calendarBaseTokens.calendarMonthFontSize}: var(${tokens.calendarMonthFontSize});\n    ${calendarBaseTokens.calendarMonthFontStyle}: var(${tokens.calendarMonthFontStyle});\n    ${calendarBaseTokens.calendarMonthFontLetterSpacing}: var(${tokens.calendarMonthFontLetterSpacing});\n    ${calendarBaseTokens.calendarMonthFontLineHeight}: var(${tokens.calendarMonthFontLineHeight});\n    ${calendarBaseTokens.calendarMonthFontWeight}: var(${tokens.calendarMonthFontWeight});\n    ${calendarBaseTokens.calendarMonthSelectedFontWeight}: var(${tokens.calendarMonthSelectedFontWeight});\n\n    ${calendarBaseTokens.calendarQuartersPadding}: var(${tokens.calendarQuartersPadding});\n    ${calendarBaseTokens.calendarQuarterItemBorderRadius}: var(${tokens.calendarQuarterItemBorderRadius});\n    ${calendarBaseTokens.calendarQuarterItemWidth}: var(${tokens.calendarQuarterItemWidth});\n    ${calendarBaseTokens.calendarQuarterItemHeight}: var(${tokens.calendarQuarterItemHeight});\n    ${calendarBaseTokens.calendarQuarterFontFamily}: var(${tokens.calendarQuarterFontFamily});\n    ${calendarBaseTokens.calendarQuarterFontSize}: var(${tokens.calendarQuarterFontSize});\n    ${calendarBaseTokens.calendarQuarterFontStyle}: var(${tokens.calendarQuarterFontStyle});\n    ${calendarBaseTokens.calendarQuarterFontLetterSpacing}: var(${tokens.calendarQuarterFontLetterSpacing});\n    ${calendarBaseTokens.calendarQuarterFontLineHeight}: var(${tokens.calendarQuarterFontLineHeight});\n    ${calendarBaseTokens.calendarQuarterFontWeight}: var(${tokens.calendarQuarterFontWeight});\n    ${calendarBaseTokens.calendarQuarterSelectedFontWeight}: var(${tokens.calendarQuarterSelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarDaysPadding}: var(${tokens.calendarDaysPadding});\n    ${calendarBaseTokens.calendarDayItemBorderRadius}: var(${tokens.calendarDayItemBorderRadius});\n    ${calendarBaseTokens.calendarDayItemWidth}: var(${tokens.calendarDayItemWidth});\n    ${calendarBaseTokens.calendarDayItemHeight}: var(${tokens.calendarDayItemHeight});\n    ${calendarBaseTokens.calendarDayFontFamily}: var(${tokens.calendarDayFontFamily});\n    ${calendarBaseTokens.calendarDayFontSize}: var(${tokens.calendarDayFontSize});\n    ${calendarBaseTokens.calendarDayFontStyle}: var(${tokens.calendarDayFontStyle});\n    ${calendarBaseTokens.calendarDayFontLetterSpacing}: var(${tokens.calendarDayFontLetterSpacing});\n    ${calendarBaseTokens.calendarDayFontLineHeight}: var(${tokens.calendarDayFontLineHeight});\n    ${calendarBaseTokens.calendarDayFontWeight}: var(${tokens.calendarDayFontWeight});\n    ${calendarBaseTokens.calendarDaySelectedFontWeight}: var(${tokens.calendarDaySelectedFontWeight});\n    \n    ${calendarBaseTokens.calendarHeaderWrapperPadding}: var(${tokens.calendarHeaderWrapperPadding});\n    ${calendarBaseTokens.calendarHeaderArrowGap}: var(${tokens.calendarHeaderArrowGap});\n    ${calendarBaseTokens.calendarHeaderArrowPadding}: var(${tokens.calendarHeaderArrowPadding});\n    ${calendarBaseTokens.calendarHeaderPadding}: var(${tokens.calendarHeaderPadding});\n    ${calendarBaseTokens.calendarHeaderDateGap}: var(${tokens.calendarHeaderDateGap});\n    ${calendarBaseTokens.calendarHeaderFontFamily}: var(${tokens.calendarHeaderFontFamily});\n    ${calendarBaseTokens.calendarHeaderFontSize}: var(${tokens.calendarHeaderFontSize});\n    ${calendarBaseTokens.calendarHeaderFontStyle}: var(${tokens.calendarHeaderFontStyle});\n    ${calendarBaseTokens.calendarHeaderFontLetterSpacing}: var(${tokens.calendarHeaderFontLetterSpacing});\n    ${calendarBaseTokens.calendarHeaderFontLineHeight}: var(${tokens.calendarHeaderFontLineHeight});\n    ${calendarBaseTokens.calendarHeaderFontWeight}: var(${tokens.calendarHeaderFontWeight});\n    ${calendarBaseTokens.calendarHeaderFontWeightBold}: var(${tokens.calendarHeaderFontWeightBold});\n    \n    ${calendarBaseTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n    ${calendarBaseTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n    ${calendarBaseTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n    ${calendarBaseTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    ${calendarBaseTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendar = styled(Calendar)`\n    ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarConfig","mergeConfig","calendarBaseConfig","Calendar","component","_exp","StyledCalendar","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;AAOA,IAAMA,oBAAoB,gBAAGC,WAAW,CAACC,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGC,SAAS,CAACJ,oBAAoB,CAAC,CAAA;;AAsGhD;AAAA,IAAAK,IAAA,GA7GkBA,SA6GlBA,IAAAA,GAAA;AAAA,EAAA,OACqCF,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMG,cAAc,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEnC;;;;"}

package/es/components/DatePicker/DatePickerBase.styles_192va2p.css

@@ -0,0 +1 @@
+.s1ywkx25{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}

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

@@ -4,6 +4,7 @@ import { cx } from '../../../utils/index.js';
 import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper.js';
 import { useDatePicker } from '../hooks/useDatePicker.js';
 import { classes } from '../DatePicker.tokens.js';
+import { useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
@@ -165,6 +166,11 @@ 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,
@@ -208,7 +214,8 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       onFocusFirstTextfield: onFocusFirstTextfield,
       onFocusSecondTextfield: onFocusSecondTextfield,
       onBlurFirstTextfield: onBlurFirstTextfield,
-      onBlurSecondTextfield: onBlurSecondTextfield
+      onBlurSecondTextfield: onBlurSecondTextfield,
+      onKeyDown: onKeyDown
     }));
     useEffect(function () {
       var _rangeRef$current5, _rangeRef$current6;
@@ -216,13 +223,10 @@ 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,
@@ -233,7 +237,7 @@ 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/es/components/DatePicker/RangeDate/RangeDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDate.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    SyntheticEvent,\n    createRef,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport type { RangeInputRefs } from '../../Range/Range.types';\nimport { classes } from '../DatePicker.tokens';\n\nimport type { DatePickerRangeProps } from './RangeDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledLabel, StyledRange, base } from './RangeDate.styles';\nimport { RangeDatePopover } from './RangeDatePopover/RangeDatePopover';\n\nexport const datePickerRangeRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerRangeProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<RangeInputRefs, DatePickerRangeProps>(\n        (\n            {\n                className,\n\n                isDoubleCalendar = false,\n                isOpen = false,\n\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                defaultFirstDate = '',\n                defaultSecondDate = '',\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                format = 'DD.MM.YYYY',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                onToggle,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n\n                onCommitFirstDate,\n                onCommitSecondDate,\n\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = ref && 'current' in ref ? ref : createRef<RangeInputRefs>();\n            const rootRef = useRef<HTMLDivElement | null>(null);\n\n            const [firstInputRef, setFirstInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.firstTextField(),\n            );\n            const [secondInputRef, setSecondInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.secondTextField(),\n            );\n            const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n            const [calendarFirstValue, setCalendarFirstValue] = useState(formatCalendarValue(defaultFirstDate, format));\n            const [inputFirstValue, setInputFirstValue] = useState(formatInputValue(defaultFirstDate, format));\n\n            const [calendarSecondValue, setCalendarSecondValue] = useState(\n                formatCalendarValue(defaultSecondDate, format),\n            );\n            const [inputSecondValue, setInputSecondValue] = useState(formatInputValue(defaultSecondDate, format));\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                handleChangeValue: handleChangeFirstValue,\n                handleCommitDate: handleCommitFirstDate,\n            } = useDatePicker({\n                currentValue: inputFirstValue,\n                setInputValue: setInputFirstValue,\n                setCalendarValue: setCalendarFirstValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: firstValueError,\n                valueSuccess: firstValueSuccess,\n                inputRef: firstInputRef,\n                onChangeValue: onChangeFirstValue,\n                onCommitDate: onCommitFirstDate,\n            });\n\n            const {\n                handleChangeValue: handleChangeSecondValue,\n                handleCommitDate: handleCommitSecondDate,\n            } = useDatePicker({\n                currentValue: inputSecondValue,\n                setInputValue: setInputSecondValue,\n                setCalendarValue: setCalendarSecondValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: secondValueError,\n                valueSuccess: secondValueSuccess,\n                inputRef: secondInputRef,\n                onChangeValue: onChangeSecondValue,\n                onCommitDate: onCommitSecondDate,\n            });\n\n            const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    firstInputRef?.current?.contains((event.target as Node) || null) ||\n                    secondInputRef?.current?.contains((event.target as Node) || null)\n                        ? true\n                        : opened;\n\n                if (onToggle) {\n                    return onToggle(isCalendarOpen, event);\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const RangeComponent = (\n                <>\n                    {/* TODO https://github.com/salute-developers/plasma/issues/1227\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    //@ts-ignore */}\n                    <StyledRange\n                        ref={rangeRef}\n                        dividerIcon={dividerIcon}\n                        dividerVariant={dividerVariant}\n                        disabled={disabled}\n                        readOnly={!disabled && readOnly}\n                        firstPlaceholder={firstPlaceholder}\n                        secondPlaceholder={secondPlaceholder}\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        firstTextfieldTextBefore={firstTextfieldTextBefore}\n                        secondTextfieldTextBefore={secondTextfieldTextBefore}\n                        firstTextfieldTextAfter={firstTextfieldTextAfter}\n                        secondTextfieldTextAfter={secondTextfieldTextAfter}\n                        firstTextfieldContentLeft={firstTextfieldContentLeft}\n                        firstTextfieldContentRight={firstTextfieldContentRight}\n                        secondTextfieldContentLeft={secondTextfieldContentLeft}\n                        secondTextfieldContentRight={secondTextfieldContentRight}\n                        firstValue={inputFirstValue}\n                        secondValue={inputSecondValue}\n                        firstValueError={firstValueError}\n                        secondValueError={secondValueError}\n                        firstValueSuccess={firstValueSuccess}\n                        secondValueSuccess={secondValueSuccess}\n                        onChangeFirstValue={handleChangeFirstValue}\n                        onChangeSecondValue={handleChangeSecondValue}\n                        onSearchFirstValue={(_, date) => {\n                            handleCommitFirstDate(String(date), true, false);\n                            if (!calendarSecondValue || secondValueError) {\n                                rangeRef?.current?.secondTextField()?.current?.focus();\n                            }\n                        }}\n                        onSearchSecondValue={(_, date) => {\n                            handleCommitSecondDate(String(date), true, false);\n                            if (!calendarFirstValue || firstValueError) {\n                                rangeRef?.current?.firstTextField()?.current?.focus();\n                            }\n                        }}\n                        onFocusFirstTextfield={onFocusFirstTextfield}\n                        onFocusSecondTextfield={onFocusSecondTextfield}\n                        onBlurFirstTextfield={onBlurFirstTextfield}\n                        onBlurSecondTextfield={onBlurSecondTextfield}\n                    />\n                </>\n            );\n\n            useEffect(() => {\n                setFirstInputRef(rangeRef.current?.firstTextField());\n                setSecondInputRef(rangeRef.current?.secondTextField());\n            }, [rangeRef.current]);\n\n            useEffect(() => {\n                setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format));\n                setInputFirstValue(formatInputValue(defaultFirstDate, format));\n            }, [defaultFirstDate]);\n\n            useEffect(() => {\n                setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format));\n                setInputSecondValue(formatInputValue(defaultSecondDate, format));\n            }, [defaultSecondDate]);\n\n            return (\n                <Root\n                    ref={rootRef}\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <RangeDatePopover\n                        calendarValue={[calendarFirstValue, calendarSecondValue]}\n                        target={RangeComponent}\n                        isOpen={isOpen || isInnerOpen}\n                        includeEdgeDates={includeEdgeDates}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        placement={placement}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        closeOnEsc={closeOnEsc}\n                        offset={offset}\n                        type={type}\n                        onToggle={handleToggle}\n                        isDoubleCalendar={isDoubleCalendar}\n                        onChangeStartOfRange={(firstDate, dateInfo) => {\n                            handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            handleCommitSecondDate('');\n                        }}\n                        onChangeValue={([firstDate, secondDate], dateInfo) => {\n                            firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);\n                            if (firstDate && secondDate && !firstValueError && !secondValueError) {\n                                setIsInnerOpen(false);\n                            }\n                        }}\n                    />\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerRangeConfig = {\n    name: 'DatePickerRange',\n    tag: 'div',\n    layout: datePickerRangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRangeRoot","Root","forwardRef","_ref","ref","_rangeRef$current","_rangeRef$current2","className","_ref$isDoubleCalendar","isDoubleCalendar","_ref$isOpen","isOpen","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","_ref$defaultFirstDate","defaultFirstDate","_ref$defaultSecondDat","defaultSecondDate","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onToggle","onChangeFirstValue","onChangeSecondValue","onCommitFirstDate","onCommitSecondDate","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","createRef","rootRef","useRef","_useState","useState","current","firstTextField","_useState2","_slicedToArray","firstInputRef","setFirstInputRef","_useState3","secondTextField","_useState4","secondInputRef","setSecondInputRef","_useState5","_useState6","isInnerOpen","setIsInnerOpen","_useState7","formatCalendarValue","_useState8","calendarFirstValue","setCalendarFirstValue","_useState9","formatInputValue","_useState10","inputFirstValue","setInputFirstValue","_useState11","_useState12","calendarSecondValue","setCalendarSecondValue","_useState13","_useState14","inputSecondValue","setInputSecondValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","setInputValue","setCalendarValue","valueError","valueSuccess","inputRef","onChangeValue","onCommitDate","handleChangeFirstValue","handleChangeValue","handleCommitFirstDate","handleCommitDate","_useDatePicker2","handleChangeSecondValue","handleCommitSecondDate","handleToggle","opened","event","_firstInputRef$curren","_secondInputRef$curre","isCalendarOpen","contains","target","RangeComponent","React","createElement","Fragment","StyledRange","firstValue","secondValue","onSearchFirstValue","_","date","String","_rangeRef$current3","focus","onSearchSecondValue","_rangeRef$current4","useEffect","_rangeRef$current5","_rangeRef$current6","_extends","cx","classes","datePickerRoot","StyledLabel","RangeDatePopover","calendarValue","onChangeStartOfRange","firstDate","dateInfo","_ref2","_ref3","secondDate","LeftHelper","datePickerRangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"RangeDate.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    SyntheticEvent,\n    createRef,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport type { RangeInputRefs } from '../../Range/Range.types';\nimport { classes } from '../DatePicker.tokens';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerRangeProps } from './RangeDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledLabel, StyledRange, base } from './RangeDate.styles';\nimport { RangeDatePopover } from './RangeDatePopover/RangeDatePopover';\n\nexport const datePickerRangeRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerRangeProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<RangeInputRefs, DatePickerRangeProps>(\n        (\n            {\n                className,\n\n                isDoubleCalendar = false,\n                isOpen = false,\n\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                defaultFirstDate = '',\n                defaultSecondDate = '',\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                format = 'DD.MM.YYYY',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                onToggle,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n\n                onCommitFirstDate,\n                onCommitSecondDate,\n\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = ref && 'current' in ref ? ref : createRef<RangeInputRefs>();\n            const rootRef = useRef<HTMLDivElement | null>(null);\n\n            const [firstInputRef, setFirstInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.firstTextField(),\n            );\n            const [secondInputRef, setSecondInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.secondTextField(),\n            );\n            const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n            const [calendarFirstValue, setCalendarFirstValue] = useState(formatCalendarValue(defaultFirstDate, format));\n            const [inputFirstValue, setInputFirstValue] = useState(formatInputValue(defaultFirstDate, format));\n\n            const [calendarSecondValue, setCalendarSecondValue] = useState(\n                formatCalendarValue(defaultSecondDate, format),\n            );\n            const [inputSecondValue, setInputSecondValue] = useState(formatInputValue(defaultSecondDate, format));\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                handleChangeValue: handleChangeFirstValue,\n                handleCommitDate: handleCommitFirstDate,\n            } = useDatePicker({\n                currentValue: inputFirstValue,\n                setInputValue: setInputFirstValue,\n                setCalendarValue: setCalendarFirstValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: firstValueError,\n                valueSuccess: firstValueSuccess,\n                inputRef: firstInputRef,\n                onChangeValue: onChangeFirstValue,\n                onCommitDate: onCommitFirstDate,\n            });\n\n            const {\n                handleChangeValue: handleChangeSecondValue,\n                handleCommitDate: handleCommitSecondDate,\n            } = useDatePicker({\n                currentValue: inputSecondValue,\n                setInputValue: setInputSecondValue,\n                setCalendarValue: setCalendarSecondValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: secondValueError,\n                valueSuccess: secondValueSuccess,\n                inputRef: secondInputRef,\n                onChangeValue: onChangeSecondValue,\n                onCommitDate: onCommitSecondDate,\n            });\n\n            const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    firstInputRef?.current?.contains((event.target as Node) || null) ||\n                    secondInputRef?.current?.contains((event.target as Node) || null)\n                        ? true\n                        : opened;\n\n                if (onToggle) {\n                    return onToggle(isCalendarOpen, event);\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n            });\n\n            const RangeComponent = (\n                <>\n                    {/* TODO https://github.com/salute-developers/plasma/issues/1227\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    //@ts-ignore */}\n                    <StyledRange\n                        ref={rangeRef}\n                        dividerIcon={dividerIcon}\n                        dividerVariant={dividerVariant}\n                        disabled={disabled}\n                        readOnly={!disabled && readOnly}\n                        firstPlaceholder={firstPlaceholder}\n                        secondPlaceholder={secondPlaceholder}\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        firstTextfieldTextBefore={firstTextfieldTextBefore}\n                        secondTextfieldTextBefore={secondTextfieldTextBefore}\n                        firstTextfieldTextAfter={firstTextfieldTextAfter}\n                        secondTextfieldTextAfter={secondTextfieldTextAfter}\n                        firstTextfieldContentLeft={firstTextfieldContentLeft}\n                        firstTextfieldContentRight={firstTextfieldContentRight}\n                        secondTextfieldContentLeft={secondTextfieldContentLeft}\n                        secondTextfieldContentRight={secondTextfieldContentRight}\n                        firstValue={inputFirstValue}\n                        secondValue={inputSecondValue}\n                        firstValueError={firstValueError}\n                        secondValueError={secondValueError}\n                        firstValueSuccess={firstValueSuccess}\n                        secondValueSuccess={secondValueSuccess}\n                        onChangeFirstValue={handleChangeFirstValue}\n                        onChangeSecondValue={handleChangeSecondValue}\n                        onSearchFirstValue={(_, date) => {\n                            handleCommitFirstDate(String(date), true, false);\n                            if (!calendarSecondValue || secondValueError) {\n                                rangeRef?.current?.secondTextField()?.current?.focus();\n                            }\n                        }}\n                        onSearchSecondValue={(_, date) => {\n                            handleCommitSecondDate(String(date), true, false);\n                            if (!calendarFirstValue || firstValueError) {\n                                rangeRef?.current?.firstTextField()?.current?.focus();\n                            }\n                        }}\n                        onFocusFirstTextfield={onFocusFirstTextfield}\n                        onFocusSecondTextfield={onFocusSecondTextfield}\n                        onBlurFirstTextfield={onBlurFirstTextfield}\n                        onBlurSecondTextfield={onBlurSecondTextfield}\n                        onKeyDown={onKeyDown}\n                    />\n                </>\n            );\n\n            useEffect(() => {\n                setFirstInputRef(rangeRef.current?.firstTextField());\n                setSecondInputRef(rangeRef.current?.secondTextField());\n            }, [rangeRef.current]);\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== isOpen && isOpen);\n            }, [isOpen]);\n\n            return (\n                <Root\n                    ref={rootRef}\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <RangeDatePopover\n                        calendarValue={[calendarFirstValue, calendarSecondValue]}\n                        target={RangeComponent}\n                        isOpen={isInnerOpen}\n                        includeEdgeDates={includeEdgeDates}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        placement={placement}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        closeOnEsc={closeOnEsc}\n                        offset={offset}\n                        type={type}\n                        onToggle={handleToggle}\n                        isDoubleCalendar={isDoubleCalendar}\n                        onChangeStartOfRange={(firstDate, dateInfo) => {\n                            handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            handleCommitSecondDate('');\n                        }}\n                        onChangeValue={([firstDate, secondDate], dateInfo) => {\n                            firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);\n                            if (firstDate && secondDate && !firstValueError && !secondValueError) {\n                                setIsInnerOpen(false);\n                            }\n                        }}\n                    />\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerRangeConfig = {\n    name: 'DatePickerRange',\n    tag: 'div',\n    layout: datePickerRangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRangeRoot","Root","forwardRef","_ref","ref","_rangeRef$current","_rangeRef$current2","className","_ref$isDoubleCalendar","isDoubleCalendar","_ref$isOpen","isOpen","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","_ref$defaultFirstDate","defaultFirstDate","_ref$defaultSecondDat","defaultSecondDate","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onToggle","onChangeFirstValue","onChangeSecondValue","onCommitFirstDate","onCommitSecondDate","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","createRef","rootRef","useRef","_useState","useState","current","firstTextField","_useState2","_slicedToArray","firstInputRef","setFirstInputRef","_useState3","secondTextField","_useState4","secondInputRef","setSecondInputRef","_useState5","_useState6","isInnerOpen","setIsInnerOpen","_useState7","formatCalendarValue","_useState8","calendarFirstValue","setCalendarFirstValue","_useState9","formatInputValue","_useState10","inputFirstValue","setInputFirstValue","_useState11","_useState12","calendarSecondValue","setCalendarSecondValue","_useState13","_useState14","inputSecondValue","setInputSecondValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","setInputValue","setCalendarValue","valueError","valueSuccess","inputRef","onChangeValue","onCommitDate","handleChangeFirstValue","handleChangeValue","handleCommitFirstDate","handleCommitDate","_useDatePicker2","handleChangeSecondValue","handleCommitSecondDate","handleToggle","opened","event","_firstInputRef$curren","_secondInputRef$curre","isCalendarOpen","contains","target","_useKeyNavigation","useKeyNavigation","onKeyDown","RangeComponent","React","createElement","Fragment","StyledRange","firstValue","secondValue","onSearchFirstValue","_","date","String","_rangeRef$current3","focus","onSearchSecondValue","_rangeRef$current4","useEffect","_rangeRef$current5","_rangeRef$current6","prevOpen","_extends","cx","classes","datePickerRoot","StyledLabel","RangeDatePopover","calendarValue","onChangeStartOfRange","firstDate","dateInfo","_ref2","_ref3","secondDate","LeftHelper","datePickerRangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/es/components/DatePicker/SingleDate/SingleDate.css

@@ -66,9 +66,9 @@
 .CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
 .CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 
-.DatePickerBase_styles_1whkrlf_s1ywkx25__0de2a50c{width:var(--plasma-date-picker-width);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
+.DatePickerBase_styles_192va2p_s1ywkx25__54f0dcc0{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
 
-.base_g7zrur_bjvjzuw__a2d99c62 .base_g7zrur_svfqi8__a2d99c62{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_g7zrur_bjvjzuw__a2d99c62 .base_g7zrur_l5dd1qs__a2d99c62{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
+.base_lf7y25_bjvjzuw__c1098ff4{width:var(--plasma-date-picker-width);}.base_lf7y25_bjvjzuw__c1098ff4 .base_lf7y25_svfqi8__c1098ff4{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_lf7y25_bjvjzuw__c1098ff4 .base_lf7y25_l5dd1qs__c1098ff4{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
 
 .base_15vaheb_bgt8q06__7d0ca642 .base_15vaheb_svfqi8__7d0ca642{display:block;color:var(--plasma-date-picker__label-color);}.base_15vaheb_bgt8q06__7d0ca642 .base_15vaheb_l5dd1qs__7d0ca642{color:var(--plasma-date-picker__left-helper-color);}
 
@@ -125,7 +125,7 @@
 .Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
 
 
-.SingleDate_styles_qt45m5_s15omatb__8a7c51cd{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.SingleDate_styles_qt45m5_s15omatb__8a7c51cd.SingleDate_styles_qt45m5_datePickerError__8a7c51cd{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_qt45m5_s15omatb__8a7c51cd.SingleDate_styles_qt45m5_datePickerSuccess__8a7c51cd{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
-.SingleDate_styles_qt45m5_boba7w3__8a7c51cd{display:inline-block;}.SingleDate_styles_qt45m5_boba7w3__8a7c51cd .SingleDate_styles_qt45m5_popoverWrapper__8a7c51cd,.SingleDate_styles_qt45m5_boba7w3__8a7c51cd .SingleDate_styles_qt45m5_popoverTarget__8a7c51cd{width:inherit;}
+.SingleDate_styles_18z9fw1_s15omatb__5966bc9e{--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.SingleDate_styles_18z9fw1_s15omatb__5966bc9e.SingleDate_styles_18z9fw1_datePickerError__5966bc9e{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_18z9fw1_s15omatb__5966bc9e.SingleDate_styles_18z9fw1_datePickerSuccess__5966bc9e{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
+.SingleDate_styles_18z9fw1_boba7w3__5966bc9e{display:inline-block;}
 
 

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

@@ -5,6 +5,7 @@ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '.
 import { useDatePicker } from '../hooks/useDatePicker.js';
 import { classes } from '../DatePicker.tokens.js';
 import { StyledCalendar } from '../DatePickerBase.styles.js';
+import { useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
@@ -104,6 +105,11 @@ 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),
@@ -121,15 +127,17 @@ 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,
@@ -138,7 +146,7 @@ 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,