@salutejs/plasma-new-hope 0.322.0-canary.1933.14614537450.0 → 0.322.0-canary.1939.14642328722.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -6
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -6
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
- package/cjs/components/Calendar/store/reducer.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarRangeHelper.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +2 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +158 -82
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +68 -33
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +133 -76
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +9 -0
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/DatePicker/utils/dateHelper.js +3 -108
- package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/cjs/components/DatePicker/utils/getFormattedDates.js +46 -0
- package/cjs/components/DatePicker/utils/getFormattedDates.js.map +1 -0
- package/cjs/components/DatePicker/utils/getMaskedDateOnInput.js +29 -0
- package/cjs/components/DatePicker/utils/getMaskedDateOnInput.js.map +1 -0
- package/cjs/components/DatePicker/utils/getOriginalDates.js +38 -0
- package/cjs/components/DatePicker/utils/getOriginalDates.js.map +1 -0
- package/cjs/components/DatePicker/utils/normalizeDates.js +36 -0
- package/cjs/components/DatePicker/utils/normalizeDates.js.map +1 -0
- package/cjs/index.css +4 -4
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -6
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -6
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +2 -1
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +4 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +158 -82
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -3
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +68 -33
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +132 -76
- package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +8 -0
- package/emotion/cjs/components/DatePicker/utils/dateHelper.js +3 -103
- package/emotion/cjs/components/DatePicker/utils/getFormattedDates.js +44 -0
- package/emotion/cjs/components/DatePicker/utils/getMaskedDateOnInput.js +27 -0
- package/emotion/cjs/components/DatePicker/utils/getOriginalDates.js +36 -0
- package/emotion/cjs/components/DatePicker/utils/index.js +33 -0
- package/emotion/cjs/components/DatePicker/utils/normalizeDates.js +34 -0
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +20 -19
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +17 -12
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +3 -6
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -6
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +2 -1
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +4 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +159 -83
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +4 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +69 -34
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +131 -75
- package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +8 -0
- package/emotion/es/components/DatePicker/utils/dateHelper.js +2 -102
- package/emotion/es/components/DatePicker/utils/getFormattedDates.js +38 -0
- package/emotion/es/components/DatePicker/utils/getMaskedDateOnInput.js +21 -0
- package/emotion/es/components/DatePicker/utils/getOriginalDates.js +30 -0
- package/emotion/es/components/DatePicker/utils/index.js +4 -0
- package/emotion/es/components/DatePicker/utils/normalizeDates.js +28 -0
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +20 -19
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +17 -12
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +3 -6
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -6
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/store/reducer.js.map +1 -1
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/calendarRangeHelper.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +2 -1
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDate.js +160 -84
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js +70 -35
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +132 -75
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js +9 -0
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/DatePicker/utils/dateHelper.js +3 -104
- package/es/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/es/components/DatePicker/utils/getFormattedDates.js +42 -0
- package/es/components/DatePicker/utils/getFormattedDates.js.map +1 -0
- package/es/components/DatePicker/utils/getMaskedDateOnInput.js +25 -0
- package/es/components/DatePicker/utils/getMaskedDateOnInput.js.map +1 -0
- package/es/components/DatePicker/utils/getOriginalDates.js +34 -0
- package/es/components/DatePicker/utils/getOriginalDates.js.map +1 -0
- package/es/components/DatePicker/utils/normalizeDates.js +32 -0
- package/es/components/DatePicker/utils/normalizeDates.js.map +1 -0
- package/es/index.css +4 -4
- package/package.json +4 -4
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -6
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -6
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +2 -1
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +158 -82
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +68 -33
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +132 -76
- package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +8 -0
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +3 -103
- package/styled-components/cjs/components/DatePicker/utils/getFormattedDates.js +44 -0
- package/styled-components/cjs/components/DatePicker/utils/getMaskedDateOnInput.js +27 -0
- package/styled-components/cjs/components/DatePicker/utils/getOriginalDates.js +36 -0
- package/styled-components/cjs/components/DatePicker/utils/index.js +33 -0
- package/styled-components/cjs/components/DatePicker/utils/normalizeDates.js +34 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +20 -19
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +17 -12
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -6
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -6
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +2 -1
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +2 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +159 -83
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +69 -34
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +131 -75
- package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +8 -0
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +2 -102
- package/styled-components/es/components/DatePicker/utils/getFormattedDates.js +38 -0
- package/styled-components/es/components/DatePicker/utils/getMaskedDateOnInput.js +21 -0
- package/styled-components/es/components/DatePicker/utils/getOriginalDates.js +30 -0
- package/styled-components/es/components/DatePicker/utils/index.js +4 -0
- package/styled-components/es/components/DatePicker/utils/normalizeDates.js +28 -0
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +20 -19
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +17 -12
- package/types/components/Calendar/Calendar.types.d.ts +4 -3
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hoc/withRange.d.ts.map +1 -1
- package/types/components/Calendar/store/reducer.d.ts +2 -1
- package/types/components/Calendar/store/reducer.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts +4 -4
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarRangeHelper.d.ts +4 -4
- package/types/components/Calendar/utils/calendarRangeHelper.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +1 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +16 -6
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +3 -2
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +4 -4
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +3 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +11 -6
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +9 -7
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +5 -4
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +4 -1
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/DatePicker/utils/dateHelper.d.ts +1 -27
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
- package/types/components/DatePicker/utils/getFormattedDates.d.ts +21 -0
- package/types/components/DatePicker/utils/getFormattedDates.d.ts.map +1 -0
- package/types/components/DatePicker/utils/getMaskedDateOnInput.d.ts +2 -0
- package/types/components/DatePicker/utils/getMaskedDateOnInput.d.ts.map +1 -0
- package/types/components/DatePicker/utils/getOriginalDates.d.ts +10 -0
- package/types/components/DatePicker/utils/getOriginalDates.d.ts.map +1 -0
- package/types/components/DatePicker/utils/index.d.ts +5 -0
- package/types/components/DatePicker/utils/index.d.ts.map +1 -0
- package/types/components/DatePicker/utils/normalizeDates.d.ts +15 -0
- package/types/components/DatePicker/utils/normalizeDates.d.ts.map +1 -0
- package/cjs/components/DatePicker/DatePickerBase.styles_1jm7rc0.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_r5ataz.css +0 -2
- package/es/components/DatePicker/DatePickerBase.styles_1jm7rc0.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_r5ataz.css +0 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDate.styles.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\
|
1
|
+
{"version":3,"file":"RangeDate.styles.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { rangeConfig, rangeTokens } from '../../Range';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedRangeConfig = mergeConfig(rangeConfig);\nconst Range = component(mergedRangeConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов Range\nexport const StyledRange = styled(Range)`\n ${rangeTokens.background}: var(${tokens.background});\n ${rangeTokens.backgroundError}: var(${tokens.backgroundError});\n ${rangeTokens.backgroundSuccess}: var(${tokens.backgroundSuccess});\n \n ${rangeTokens.borderColor}: var(${tokens.borderColor});\n ${rangeTokens.borderColorError}: var(${tokens.borderColorError});\n ${rangeTokens.borderColorSuccess}: var(${tokens.borderColorSuccess});\n \n ${rangeTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n\n ${rangeTokens.dividerColor}: var(${tokens.dividerColor});\n ${rangeTokens.labelColor}: var(${tokens.labelColor});\n ${rangeTokens.leftHelperColor}: var(${tokens.leftHelperColor});\n\n ${rangeTokens.textFieldColor}: var(${tokens.textFieldColor});\n ${rangeTokens.textFieldPlaceholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${rangeTokens.textFieldPlaceholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${rangeTokens.textFieldCaretColor}: var(${tokens.textFieldCaretColor});\n\n ${rangeTokens.textFieldBackgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n ${rangeTokens.textFieldBackgroundErrorColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${rangeTokens.textFieldBackgroundErrorColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n ${rangeTokens.textFieldBackgroundSuccessColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${rangeTokens.textFieldBackgroundSuccessColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${rangeTokens.textFieldBorderWidth}: var(${tokens.textFieldBorderWidth});\n ${rangeTokens.textFieldBorderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n ${rangeTokens.textFieldBorderColorError}: var(${tokens.textFieldBorderColorError});\n ${rangeTokens.textFieldBorderColorErrorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n ${rangeTokens.textFieldBorderColorSuccess}: var(${tokens.textFieldBorderColorSuccess});\n ${rangeTokens.textFieldBorderColorSuccessFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n\n ${rangeTokens.textFieldTextBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${rangeTokens.textFieldTextAfterColor}: var(${tokens.textFieldTextAfterColor});\n\n ${rangeTokens.focusColor}: var(${tokens.focusColor});\n\n ${rangeTokens.borderRadius}: var(${tokens.borderRadius});\n\n ${rangeTokens.dividerPadding}: var(${tokens.dividerPadding});\n ${rangeTokens.dividerFontFamily}: var(${tokens.dividerFontFamily});\n ${rangeTokens.dividerFontStyle}: var(${tokens.dividerFontStyle});\n ${rangeTokens.dividerFontSize}: var(${tokens.dividerFontSize});\n ${rangeTokens.dividerFontWeight}: var(${tokens.dividerFontWeight});\n ${rangeTokens.dividerLetterSpacing}: var(${tokens.dividerLetterSpacing});\n ${rangeTokens.dividerLineHeight}: var(${tokens.dividerLineHeight});\n\n ${rangeTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n ${rangeTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n ${rangeTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${rangeTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${rangeTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${rangeTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${rangeTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${rangeTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${rangeTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${rangeTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${rangeTokens.indicatorSize}: var(${tokens.indicatorSize});\n ${rangeTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${rangeTokens.indicatorPlacement}: var(${tokens.indicatorPlacement});\n ${rangeTokens.indicatorOuterPlacement}: var(${tokens.indicatorOuterPlacement});\n ${rangeTokens.indicatorPlacementRight}: var(${tokens.indicatorPlacementRight});\n ${rangeTokens.indicatorOuterPlacementRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${rangeTokens.textFieldHeight}: var(${tokens.textFieldHeight});\n ${rangeTokens.textFieldBorderRadius}: var(${tokens.textFieldBorderRadius});\n ${rangeTokens.textFieldPadding}: var(${tokens.textFieldPadding});\n ${rangeTokens.textFieldFontFamily}: var(${tokens.textFieldFontFamily});\n ${rangeTokens.textFieldFontStyle}: var(${tokens.textFieldFontStyle});\n ${rangeTokens.textFieldFontSize}: var(${tokens.textFieldFontSize});\n ${rangeTokens.textFieldFontWeight}: var(${tokens.textFieldFontWeight});\n ${rangeTokens.textFieldLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${rangeTokens.textFieldLineHeight}: var(${tokens.textFieldLineHeight});\n\n ${rangeTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n ${rangeTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n ${rangeTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n ${rangeTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n ${rangeTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n ${rangeTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n ${rangeTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n ${rangeTokens.textFieldLeftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${rangeTokens.textFieldRightContentMargin}: var(${tokens.textFieldRightContentMargin});\n ${rangeTokens.textFieldTextBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${rangeTokens.textFieldTextAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${rangeTokens.backgroundReadOnly}: var(${tokens.backgroundReadOnly});\n ${rangeTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n ${rangeTokens.leftHelperColorReadOnly}: var(${tokens.leftHelperColorReadOnly});\n ${rangeTokens.dividerColorReadOnly}: var(${tokens.dividerColorReadOnly});\n\n ${rangeTokens.textFieldColorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${rangeTokens.textFieldBackgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${rangeTokens.textFieldPlaceholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n`;\n\nexport const base = css`\n display: inline-block;\n`;\n\nexport const LeftHelper = styled.div`\n color: var(${tokens.leftHelperColor});\n\n &.${classes.datePickerError} {\n color: var(${tokens.leftHelperColorError});\n }\n\n &.${classes.datePickerSuccess} {\n color: var(${tokens.leftHelperColorSuccess});\n }\n`;\n"],"names":["mergedRangeConfig","mergeConfig","rangeConfig","Range","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledRange","base","LeftHelper"],"mappings":";;;;;AAQA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAmGhC,EAAA;AAEM,IAAMG,IAAI,GAEhB,WAAA;AAEM,IAAMC,UAAU,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU/B;;;;"}
|
@@ -163,5 +163,5 @@
|
|
163
163
|
.CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
164
164
|
.CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
165
165
|
|
166
|
-
.
|
167
|
-
.
|
166
|
+
.RangeDatePopover_styles_1fhuiqs_s1ld9lms__4c395eef{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
|
167
|
+
.RangeDatePopover_styles_1fhuiqs_s1rn242y__4c395eef{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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\
|
1
|
+
{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\nimport { getPlacements } from 'src/utils';\n\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n rootWrapper: Root,\n target,\n\n isOpen,\n opened,\n isDoubleCalendar,\n\n calendarValue,\n min,\n max,\n renderFromDate,\n includeEdgeDates,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc,\n offset,\n\n type,\n size,\n lang = 'ru',\n\n onChangeValue,\n onChangeStartOfRange,\n\n onToggle,\n}: RangeDatePopoverProps) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n if (isDoubleCalendar) {\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n >\n <Root>\n <StyledCalendarDouble\n size={size}\n value={calendarValue}\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 renderFromDate={renderFromDate}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n }\n\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n closeOnEsc={closeOnEsc}\n >\n <Root>\n <StyledCalendar\n size={size}\n value={calendarValue}\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 renderFromDate={renderFromDate}\n min={min}\n max={max}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","renderFromDate","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './RangeDatePopover.
|
1
|
+
import './RangeDatePopover.styles_1fhuiqs.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { withRange } from '../../../Calendar/hoc/withRange.js';
|
4
4
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\
|
1
|
+
{"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from 'src/components/Calendar';\nimport type { CalendarDoubleProps, CalendarBaseProps } from 'src/components/Calendar';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { tokens } from '../../DatePicker.tokens';\nimport { baseCalendarTokens } from '../../DatePickerBase.styles';\n\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);\nconst CalendarDouble = component(mergedCalendarDoubleConfig);\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nconst CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\nconst CalendarRange = withRange<CalendarBaseProps>(Calendar);\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendarDouble = styled(CalendarDoubleRange)`\n ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground});\n ${baseCalendarTokens}\n /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */\n ${calendarBaseTokens.calendarWidth}: calc(var(${tokens.calendarWidth}) * 2 + 2.063rem);\n`;\n\nexport const StyledCalendar = styled(CalendarRange)`\n ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarDoubleConfig","mergeConfig","calendarDoubleConfig","CalendarDouble","component","mergedCalendarConfig","calendarBaseConfig","Calendar","CalendarDoubleRange","withRange","CalendarRange","_exp","StyledCalendarDouble","styled","name","class","propsAsIs","_exp7","StyledCalendar"],"mappings":";;;;;;AAQA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,CAAC,CAAA;AACpE,IAAMC,cAAc,gBAAGC,SAAS,CAACJ,0BAA0B,CAAC,CAAA;AAE5D,IAAMK,oBAAoB,gBAAGJ,WAAW,CAACK,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGH,SAAS,CAACC,oBAAoB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGC,SAAS,CAAsBN,cAAc,CAAC,CAAA;AAC1E,IAAMO,aAAa,gBAAGD,SAAS,CAAoBF,QAAQ,CAAC,CAAA;;AAE5D;AAAA,IAAAI,IAAA,GAhBkBA,SAgBlBA,IAAAA,GAAA;AAAA,EAAA,OAC2CH,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMI,oBAAoB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAKzC,EAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEmCP,aAAa,CAAA;AAAA,CAAA,CAAA;AAA3C,IAAMQ,cAAc,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEnC;;;;"}
|
package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css
ADDED
@@ -0,0 +1,2 @@
|
|
1
|
+
.s1ld9lms{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
|
2
|
+
.s1rn242y{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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);}
|
@@ -65,8 +65,8 @@
|
|
65
65
|
.CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
66
66
|
.CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
67
67
|
|
68
|
-
.
|
69
|
-
.
|
68
|
+
.DatePickerBase_styles_1a5ddg3_s1ywkx25__ae03efcc{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);margin-top:var(--plasma-date-picker-calendar-margin-top);--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-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--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-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--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-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--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-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--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-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--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);}
|
69
|
+
.DatePickerBase_styles_1a5ddg3_i1kteo3u__ae03efcc{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
70
70
|
|
71
71
|
.base_7jkj6y_bjvjzuw__b181462e .base_7jkj6y_lvfqi8__b181462e{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);}
|
72
72
|
|
@@ -1,16 +1,17 @@
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
2
|
import React, { forwardRef, useRef, useState, useCallback, useEffect, useLayoutEffect } from 'react';
|
3
3
|
import { cx } from '../../../utils/index.js';
|
4
|
-
import {
|
4
|
+
import { getDateFormatDelimiter } from '../utils/dateHelper.js';
|
5
5
|
import { useDatePicker } from '../hooks/useDatePicker.js';
|
6
6
|
import { classes } from '../DatePicker.tokens.js';
|
7
7
|
import { StyledCalendar, InputHidden } from '../DatePickerBase.styles.js';
|
8
|
-
import {
|
8
|
+
import { useKeyNavigation, keys } from '../hooks/useKeyboardNavigation.js';
|
9
9
|
import { base as base$2 } from './variations/_size/base.js';
|
10
10
|
import { base as base$1 } from './variations/_view/base.js';
|
11
11
|
import { base as base$3 } from './variations/_disabled/base.js';
|
12
12
|
import { base as base$4 } from './variations/_readonly/base.js';
|
13
13
|
import { StyledInput, StyledPopover, LeftHelper, base } from './SingleDate.styles.js';
|
14
|
+
import { getFormattedDates } from '../utils/getFormattedDates.js';
|
14
15
|
import { noop } from '../../../utils/noop.js';
|
15
16
|
import { getPlacements } from '../../../utils/getPopoverPlacement.js';
|
16
17
|
|
@@ -87,32 +88,44 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
87
88
|
onChange = _ref.onChange,
|
88
89
|
autoComplete = _ref.autoComplete,
|
89
90
|
rest = _objectWithoutProperties(_ref, _excluded);
|
91
|
+
if (value && defaultDate) {
|
92
|
+
console.error("Controlled DatePicker can't have `defaultDate`, use `value` instead");
|
93
|
+
}
|
90
94
|
var inputRef = useRef(null);
|
91
95
|
var innerRef = useRef(null);
|
92
96
|
var _useState = useState(opened),
|
93
97
|
_useState2 = _slicedToArray(_useState, 2),
|
94
98
|
isInnerOpen = _useState2[0],
|
95
99
|
setIsInnerOpen = _useState2[1];
|
96
|
-
var _useState3 = useState(formatCalendarValue(value || defaultDate, format, lang)),
|
97
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
98
|
-
calendarValue = _useState4[0],
|
99
|
-
setCalendarValue = _useState4[1];
|
100
|
-
var _useState5 = useState(formatInputValue({
|
101
|
-
value: value || defaultDate,
|
102
|
-
format: format,
|
103
|
-
lang: lang
|
104
|
-
})),
|
105
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
106
|
-
inputValue = _useState6[0],
|
107
|
-
setInputValue = _useState6[1];
|
108
100
|
var dateFormatDelimiter = useCallback(function () {
|
109
101
|
return getDateFormatDelimiter(format);
|
110
102
|
}, [format]);
|
103
|
+
var initialValues = getFormattedDates({
|
104
|
+
value: value || defaultDate,
|
105
|
+
delimiter: dateFormatDelimiter(),
|
106
|
+
lang: lang,
|
107
|
+
format: format,
|
108
|
+
includeEdgeDates: includeEdgeDates,
|
109
|
+
min: min,
|
110
|
+
max: max
|
111
|
+
});
|
112
|
+
var _useState3 = useState({
|
113
|
+
calendar: initialValues.originalDate,
|
114
|
+
input: initialValues.formattedDate
|
115
|
+
}),
|
116
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
117
|
+
correctDates = _useState4[0],
|
118
|
+
setCorrectDates = _useState4[1];
|
119
|
+
var _useState5 = useState(correctDates.calendar),
|
120
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
121
|
+
calendarValue = _useState6[0],
|
122
|
+
setCalendarValue = _useState6[1];
|
123
|
+
var _useState7 = useState(correctDates.input),
|
124
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
125
|
+
inputValue = _useState8[0],
|
126
|
+
setInputValue = _useState8[1];
|
111
127
|
var _useDatePicker = useDatePicker({
|
112
128
|
currentValue: inputValue,
|
113
|
-
setInputValue: setInputValue,
|
114
|
-
setCalendarValue: setCalendarValue,
|
115
|
-
dateFormatDelimiter: dateFormatDelimiter,
|
116
129
|
format: format,
|
117
130
|
lang: lang,
|
118
131
|
disabled: disabled,
|
@@ -121,6 +134,14 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
121
134
|
valueError: valueError,
|
122
135
|
valueSuccess: valueSuccess,
|
123
136
|
name: name,
|
137
|
+
type: type,
|
138
|
+
min: min,
|
139
|
+
max: max,
|
140
|
+
includeEdgeDates: includeEdgeDates,
|
141
|
+
setCorrectDates: setCorrectDates,
|
142
|
+
setInputValue: setInputValue,
|
143
|
+
setCalendarValue: setCalendarValue,
|
144
|
+
dateFormatDelimiter: dateFormatDelimiter,
|
124
145
|
onChangeValue: onChangeValue,
|
125
146
|
onCommitDate: onCommitDate,
|
126
147
|
onChange: onChange
|
@@ -128,16 +149,18 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
128
149
|
datePickerErrorClass = _useDatePicker.datePickerErrorClass,
|
129
150
|
datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
|
130
151
|
handleChangeValue = _useDatePicker.handleChangeValue,
|
131
|
-
|
152
|
+
handleCalendarPick = _useDatePicker.handleCalendarPick,
|
153
|
+
handleSearch = _useDatePicker.handleSearch,
|
132
154
|
updateExternalDate = _useDatePicker.updateExternalDate;
|
133
|
-
var handleToggle = function handleToggle(
|
155
|
+
var handleToggle = function handleToggle(innerOpened, event) {
|
134
156
|
if (disabled || readOnly) {
|
135
157
|
return;
|
136
158
|
}
|
137
|
-
var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true :
|
138
|
-
if (!
|
139
|
-
|
140
|
-
|
159
|
+
var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : innerOpened;
|
160
|
+
if (!innerOpened && !calendarValue) {
|
161
|
+
setCalendarValue(function (prevValue) {
|
162
|
+
return prevValue === undefined ? null : undefined;
|
163
|
+
});
|
141
164
|
}
|
142
165
|
if (onToggle) {
|
143
166
|
onToggle(isCalendarOpen, event);
|
@@ -147,10 +170,22 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
147
170
|
};
|
148
171
|
var _useKeyNavigation = useKeyNavigation({
|
149
172
|
isCalendarOpen: isInnerOpen,
|
150
|
-
|
151
|
-
|
173
|
+
format: format,
|
174
|
+
maskWithFormat: maskWithFormat,
|
175
|
+
delimiter: dateFormatDelimiter(),
|
176
|
+
closeOnEsc: closeOnEsc,
|
177
|
+
onToggle: handleToggle
|
152
178
|
}),
|
153
179
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
180
|
+
var handleBlur = function handleBlur(event) {
|
181
|
+
if (!calendarValue && correctDates.calendar) {
|
182
|
+
setCalendarValue(new Date(correctDates.calendar));
|
183
|
+
setInputValue(correctDates.input);
|
184
|
+
}
|
185
|
+
if (onBlur) {
|
186
|
+
onBlur(event);
|
187
|
+
}
|
188
|
+
};
|
154
189
|
var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
|
155
190
|
ref: inputRef,
|
156
191
|
className: cx(datePickerErrorClass, datePickerSuccessClass),
|
@@ -164,11 +199,9 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
164
199
|
textBefore: textBefore,
|
165
200
|
textAfter: textAfter,
|
166
201
|
onChange: handleChangeValue,
|
167
|
-
onSearch:
|
168
|
-
return handleCommitDate(date, true, false);
|
169
|
-
},
|
202
|
+
onSearch: handleSearch,
|
170
203
|
onFocus: onFocus,
|
171
|
-
onBlur:
|
204
|
+
onBlur: handleBlur,
|
172
205
|
onKeyDown: onKeyDown,
|
173
206
|
required: required,
|
174
207
|
requiredPlacement: requiredPlacement,
|
@@ -184,9 +217,13 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
184
217
|
});
|
185
218
|
}, [opened]);
|
186
219
|
useLayoutEffect(function () {
|
187
|
-
|
188
|
-
|
189
|
-
|
220
|
+
updateExternalDate(value);
|
221
|
+
}, [value, format, lang]);
|
222
|
+
useLayoutEffect(function () {
|
223
|
+
if (!value) {
|
224
|
+
updateExternalDate(defaultDate);
|
225
|
+
}
|
226
|
+
}, [defaultDate, format, lang]);
|
190
227
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
191
228
|
view: view,
|
192
229
|
size: size,
|
@@ -230,9 +267,7 @@ var datePickerRoot = function datePickerRoot(Root) {
|
|
230
267
|
includeEdgeDates: includeEdgeDates,
|
231
268
|
isRange: false,
|
232
269
|
locale: lang,
|
233
|
-
onChangeValue:
|
234
|
-
return handleCommitDate(date, false, true, dateInfo);
|
235
|
-
}
|
270
|
+
onChangeValue: handleCalendarPick
|
236
271
|
}))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
237
272
|
className: cx(datePickerErrorClass, datePickerSuccessClass)
|
238
273
|
}, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
|