@semcore/date-picker 4.46.4 → 4.46.5-prerelease.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/CHANGELOG.md +6 -0
- package/lib/cjs/components/Calendar.js +21 -21
- package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/cjs/components/InputTrigger.js +51 -35
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +32 -30
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +32 -30
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/Calendar.js +21 -21
- package/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/es6/components/InputTrigger.js +51 -35
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +32 -30
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +32 -30
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/package.json +15 -15
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.46.5] - 2024-06-13
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Show popover with error message only for opened or focused `DatePicker`.
|
|
10
|
+
|
|
5
11
|
## [4.46.4] - 2024-06-12
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -31,27 +31,27 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
31
31
|
var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
|
|
32
32
|
var _excluded = ["date"];
|
|
33
33
|
/*__reshadow-styles__:"../style/calendar.shadow.css"*/
|
|
34
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
35
|
-
"__SCalendar": "
|
|
36
|
-
"__SGridDays": "
|
|
37
|
-
"__SGridMonths": "
|
|
38
|
-
"__SWeekDays": "
|
|
39
|
-
"__SWeekDay": "
|
|
40
|
-
"__SCalendarUnit": "
|
|
41
|
-
"_startHighlighted": "
|
|
42
|
-
"_selected": "
|
|
43
|
-
"_endHighlighted": "
|
|
44
|
-
"_startSelected": "
|
|
45
|
-
"_endSelected": "
|
|
46
|
-
"_compareHighlighted": "
|
|
47
|
-
"_compareStartHighlighted": "
|
|
48
|
-
"_compareEndHighlighted": "
|
|
49
|
-
"_compareStart": "
|
|
50
|
-
"_compareEnd": "
|
|
51
|
-
"_outdated": "
|
|
52
|
-
"_disabled": "
|
|
53
|
-
"_highlighted": "
|
|
54
|
-
"_today": "
|
|
34
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCalendar_1uwh0_gg_{display:flex;flex-direction:column}.___SGridDays_1uwh0_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1uwh0_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1uwh0_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1uwh0_gg_,.___SWeekDay_1uwh0_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1uwh0_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1uwh0_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1uwh0_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1uwh0_gg_:focus{z-index:1}.___SCalendarUnit_1uwh0_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_1uwh0_gg_.__today_1uwh0_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_1uwh0_gg_.___SCalendarUnit_1uwh0_gg_.__today_1uwh0_gg_.__endSelected_1uwh0_gg_:before,.___SCalendarUnit_1uwh0_gg_.___SCalendarUnit_1uwh0_gg_.__today_1uwh0_gg_.__startSelected_1uwh0_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1uwh0_gg_.__highlighted_1uwh0_gg_,.___SCalendarUnit_1uwh0_gg_.__selected_1uwh0_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_1uwh0_gg_.__selected_1uwh0_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_1uwh0_gg_.__selected_1uwh0_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1uwh0_gg_.__highlighted_1uwh0_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_1uwh0_gg_.__highlighted_1uwh0_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1uwh0_gg_.__startSelected_1uwh0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1uwh0_gg_.__startSelected_1uwh0_gg_:not(.__highlighted_1uwh0_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_1uwh0_gg_.__startSelected_1uwh0_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1uwh0_gg_.__endSelected_1uwh0_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1uwh0_gg_.__endSelected_1uwh0_gg_:not(.__highlighted_1uwh0_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_1uwh0_gg_.__endSelected_1uwh0_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1uwh0_gg_.__startHighlighted_1uwh0_gg_:not(.__selected_1uwh0_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_1uwh0_gg_.__endHighlighted_1uwh0_gg_:not(.__selected_1uwh0_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1uwh0_gg_.__startHighlighted_1uwh0_gg_.___SCalendarUnit_1uwh0_gg_.__endHighlighted_1uwh0_gg_,.___SCalendarUnit_1uwh0_gg_.__startSelected_1uwh0_gg_.___SCalendarUnit_1uwh0_gg_.__endSelected_1uwh0_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1uwh0_gg_.__compareHighlighted_1uwh0_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_1uwh0_gg_.__compareEndHighlighted_1uwh0_gg_,.___SCalendarUnit_1uwh0_gg_.__compareStartHighlighted_1uwh0_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_1uwh0_gg_.__compareEnd_1uwh0_gg_,.___SCalendarUnit_1uwh0_gg_.__compareStart_1uwh0_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_1uwh0_gg_.__compareEnd_1uwh0_gg_:hover,.___SCalendarUnit_1uwh0_gg_.__compareStart_1uwh0_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1uwh0_gg_.__compareStartHighlighted_1uwh0_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1uwh0_gg_.__compareEndHighlighted_1uwh0_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1uwh0_gg_.__compareStart_1uwh0_gg_:not(.__compareHighlighted_1uwh0_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1uwh0_gg_.__compareEnd_1uwh0_gg_:not(.__compareHighlighted_1uwh0_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1uwh0_gg_.__outdated_1uwh0_gg_{opacity:.2}.___SCalendarUnit_1uwh0_gg_.__disabled_1uwh0_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1uwh0_gg_,.___SCalendarUnit_1uwh0_gg_.__highlighted_1uwh0_gg_,.___SCalendarUnit_1uwh0_gg_.__selected_1uwh0_gg_{transition:none}}" /*__inner_css_end__*/, "1uwh0_gg_") /*__reshadow_css_end__*/, {
|
|
35
|
+
"__SCalendar": "___SCalendar_1uwh0_gg_",
|
|
36
|
+
"__SGridDays": "___SGridDays_1uwh0_gg_",
|
|
37
|
+
"__SGridMonths": "___SGridMonths_1uwh0_gg_",
|
|
38
|
+
"__SWeekDays": "___SWeekDays_1uwh0_gg_",
|
|
39
|
+
"__SWeekDay": "___SWeekDay_1uwh0_gg_",
|
|
40
|
+
"__SCalendarUnit": "___SCalendarUnit_1uwh0_gg_",
|
|
41
|
+
"_startHighlighted": "__startHighlighted_1uwh0_gg_",
|
|
42
|
+
"_selected": "__selected_1uwh0_gg_",
|
|
43
|
+
"_endHighlighted": "__endHighlighted_1uwh0_gg_",
|
|
44
|
+
"_startSelected": "__startSelected_1uwh0_gg_",
|
|
45
|
+
"_endSelected": "__endSelected_1uwh0_gg_",
|
|
46
|
+
"_compareHighlighted": "__compareHighlighted_1uwh0_gg_",
|
|
47
|
+
"_compareStartHighlighted": "__compareStartHighlighted_1uwh0_gg_",
|
|
48
|
+
"_compareEndHighlighted": "__compareEndHighlighted_1uwh0_gg_",
|
|
49
|
+
"_compareStart": "__compareStart_1uwh0_gg_",
|
|
50
|
+
"_compareEnd": "__compareEnd_1uwh0_gg_",
|
|
51
|
+
"_outdated": "__outdated_1uwh0_gg_",
|
|
52
|
+
"_disabled": "__disabled_1uwh0_gg_",
|
|
53
|
+
"_highlighted": "__highlighted_1uwh0_gg_",
|
|
54
|
+
"_today": "__today_1uwh0_gg_"
|
|
55
55
|
});
|
|
56
56
|
_dayjs["default"].extend(_isBetween["default"]);
|
|
57
57
|
var range = function range(N, cb) {
|
|
@@ -35,35 +35,35 @@ var _baseTrigger = require("@semcore/base-trigger");
|
|
|
35
35
|
var _includesDate = require("../utils/includesDate");
|
|
36
36
|
var _formatDate = require("../utils/formatDate");
|
|
37
37
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
38
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
39
|
-
"__SHeader": "
|
|
40
|
-
"__STitle": "
|
|
41
|
-
"__SToday": "
|
|
42
|
-
"__SPeriod": "
|
|
43
|
-
"__SButton": "
|
|
44
|
-
"__SInner": "
|
|
45
|
-
"__SInputMask": "
|
|
46
|
-
"_animationsDisabled": "
|
|
47
|
-
"__SValue": "
|
|
48
|
-
"__SIndicator": "
|
|
49
|
-
"__SRangeIndicator": "
|
|
50
|
-
"_range_value": "
|
|
51
|
-
"_range_compare": "
|
|
52
|
-
"_disabled": "
|
|
53
|
-
"__SHumanizedDate": "
|
|
54
|
-
"__SMask": "
|
|
55
|
-
"__SSingleDateInput": "
|
|
56
|
-
"__SDateRange": "
|
|
57
|
-
"_noHumanizedDate": "
|
|
58
|
-
"__SRangeSep": "
|
|
59
|
-
"_fulfilled": "
|
|
60
|
-
"__SRangeComparatorHeader": "
|
|
61
|
-
"__SRangeCalendar": "
|
|
62
|
-
"__SFooter": "
|
|
63
|
-
"__SPeriodsList": "
|
|
64
|
-
"__STooltip": "
|
|
65
|
-
"__SCompareToggle": "
|
|
66
|
-
"__SPopper": "
|
|
38
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_172mc_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_172mc_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_172mc_gg_:active,.___SPopper_172mc_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_172mc_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_172mc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_172mc_gg_,.___STitle_172mc_gg_{display:flex;align-items:center}.___STitle_172mc_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_172mc_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_172mc_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_172mc_gg_ .___SInner_172mc_gg_{justify-content:flex-start}.___SInputMask_172mc_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_172mc_gg_.__animationsDisabled_172mc_gg_{transition:none}.___SInputMask_172mc_gg_ .___SValue_172mc_gg_{letter-spacing:0}.___SIndicator_172mc_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_172mc_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_172mc_gg_._range_value_172mc_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_172mc_gg_._range_compare_172mc_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_172mc_gg_.__disabled_172mc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_172mc_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_172mc_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_172mc_gg_ .___SMask_172mc_gg_,.___SDateRange_172mc_gg_ .___SValue_172mc_gg_,.___SSingleDateInput_172mc_gg_ .___SMask_172mc_gg_,.___SSingleDateInput_172mc_gg_ .___SValue_172mc_gg_{opacity:0}.___SSingleDateInput_172mc_gg_:focus-within .___SHumanizedDate_172mc_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_172mc_gg_:focus-within .___SMask_172mc_gg_,.___SSingleDateInput_172mc_gg_:focus-within .___SValue_172mc_gg_{opacity:1}.___SDateRange_172mc_gg_:focus-within .___SHumanizedDate_172mc_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_172mc_gg_:focus-within .___SMask_172mc_gg_,.___SDateRange_172mc_gg_:focus-within .___SValue_172mc_gg_{opacity:1}.___SInputMask_172mc_gg_.__noHumanizedDate_172mc_gg_ .___SMask_172mc_gg_,.___SInputMask_172mc_gg_.__noHumanizedDate_172mc_gg_ .___SValue_172mc_gg_{opacity:1}.___SDateRange_172mc_gg_ .___SInputMask_172mc_gg_:focus-within .___SMask_172mc_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_172mc_gg_:focus-within .___SRangeSep_172mc_gg_,.___SRangeSep_172mc_gg_.__fulfilled_172mc_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_172mc_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_172mc_gg_,.___SRangeComparatorHeader_172mc_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_172mc_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_172mc_gg_,.___SPeriodsList_172mc_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_172mc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_172mc_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_172mc_gg_{transition:none}}" /*__inner_css_end__*/, "172mc_gg_") /*__reshadow_css_end__*/, {
|
|
39
|
+
"__SHeader": "___SHeader_172mc_gg_",
|
|
40
|
+
"__STitle": "___STitle_172mc_gg_",
|
|
41
|
+
"__SToday": "___SToday_172mc_gg_",
|
|
42
|
+
"__SPeriod": "___SPeriod_172mc_gg_",
|
|
43
|
+
"__SButton": "___SButton_172mc_gg_",
|
|
44
|
+
"__SInner": "___SInner_172mc_gg_",
|
|
45
|
+
"__SInputMask": "___SInputMask_172mc_gg_",
|
|
46
|
+
"_animationsDisabled": "__animationsDisabled_172mc_gg_",
|
|
47
|
+
"__SValue": "___SValue_172mc_gg_",
|
|
48
|
+
"__SIndicator": "___SIndicator_172mc_gg_",
|
|
49
|
+
"__SRangeIndicator": "___SRangeIndicator_172mc_gg_",
|
|
50
|
+
"_range_value": "_range_value_172mc_gg_",
|
|
51
|
+
"_range_compare": "_range_compare_172mc_gg_",
|
|
52
|
+
"_disabled": "__disabled_172mc_gg_",
|
|
53
|
+
"__SHumanizedDate": "___SHumanizedDate_172mc_gg_",
|
|
54
|
+
"__SMask": "___SMask_172mc_gg_",
|
|
55
|
+
"__SSingleDateInput": "___SSingleDateInput_172mc_gg_",
|
|
56
|
+
"__SDateRange": "___SDateRange_172mc_gg_",
|
|
57
|
+
"_noHumanizedDate": "__noHumanizedDate_172mc_gg_",
|
|
58
|
+
"__SRangeSep": "___SRangeSep_172mc_gg_",
|
|
59
|
+
"_fulfilled": "__fulfilled_172mc_gg_",
|
|
60
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_172mc_gg_",
|
|
61
|
+
"__SRangeCalendar": "___SRangeCalendar_172mc_gg_",
|
|
62
|
+
"__SFooter": "___SFooter_172mc_gg_",
|
|
63
|
+
"__SPeriodsList": "___SPeriodsList_172mc_gg_",
|
|
64
|
+
"__STooltip": "___STooltip_172mc_gg_",
|
|
65
|
+
"__SCompareToggle": "___SCompareToggle_172mc_gg_",
|
|
66
|
+
"__SPopper": "___SPopper_172mc_gg_"
|
|
67
67
|
});
|
|
68
68
|
var INTERACTION_TAGS = ['INPUT'];
|
|
69
69
|
var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
|
|
@@ -38,35 +38,35 @@ var _excluded = ["children", "id", "role", "aria-haspopup", "aria-expanded", "ar
|
|
|
38
38
|
_excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "inputId", "showError"],
|
|
39
39
|
_excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "getI18nText", "inputId", "__excludeProps", "Root"];
|
|
40
40
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
41
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
42
|
-
"__SHeader": "
|
|
43
|
-
"__STitle": "
|
|
44
|
-
"__SToday": "
|
|
45
|
-
"__SPeriod": "
|
|
46
|
-
"__SButton": "
|
|
47
|
-
"__SInner": "
|
|
48
|
-
"__SInputMask": "
|
|
49
|
-
"_animationsDisabled": "
|
|
50
|
-
"__SValue": "
|
|
51
|
-
"__SIndicator": "
|
|
52
|
-
"__SRangeIndicator": "
|
|
53
|
-
"_range_value": "
|
|
54
|
-
"_range_compare": "
|
|
55
|
-
"_disabled": "
|
|
56
|
-
"__SHumanizedDate": "
|
|
57
|
-
"__SMask": "
|
|
58
|
-
"__SSingleDateInput": "
|
|
59
|
-
"__SDateRange": "
|
|
60
|
-
"_noHumanizedDate": "
|
|
61
|
-
"__SRangeSep": "
|
|
62
|
-
"_fulfilled": "
|
|
63
|
-
"__SRangeComparatorHeader": "
|
|
64
|
-
"__SRangeCalendar": "
|
|
65
|
-
"__SFooter": "
|
|
66
|
-
"__SPeriodsList": "
|
|
67
|
-
"__STooltip": "
|
|
68
|
-
"__SCompareToggle": "
|
|
69
|
-
"__SPopper": "
|
|
41
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_172mc_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_172mc_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_172mc_gg_:active,.___SPopper_172mc_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_172mc_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_172mc_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_172mc_gg_,.___STitle_172mc_gg_{display:flex;align-items:center}.___STitle_172mc_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_172mc_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_172mc_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_172mc_gg_ .___SInner_172mc_gg_{justify-content:flex-start}.___SInputMask_172mc_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_172mc_gg_.__animationsDisabled_172mc_gg_{transition:none}.___SInputMask_172mc_gg_ .___SValue_172mc_gg_{letter-spacing:0}.___SIndicator_172mc_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_172mc_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_172mc_gg_._range_value_172mc_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_172mc_gg_._range_compare_172mc_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_172mc_gg_.__disabled_172mc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_172mc_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_172mc_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_172mc_gg_ .___SMask_172mc_gg_,.___SDateRange_172mc_gg_ .___SValue_172mc_gg_,.___SSingleDateInput_172mc_gg_ .___SMask_172mc_gg_,.___SSingleDateInput_172mc_gg_ .___SValue_172mc_gg_{opacity:0}.___SSingleDateInput_172mc_gg_:focus-within .___SHumanizedDate_172mc_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_172mc_gg_:focus-within .___SMask_172mc_gg_,.___SSingleDateInput_172mc_gg_:focus-within .___SValue_172mc_gg_{opacity:1}.___SDateRange_172mc_gg_:focus-within .___SHumanizedDate_172mc_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_172mc_gg_:focus-within .___SMask_172mc_gg_,.___SDateRange_172mc_gg_:focus-within .___SValue_172mc_gg_{opacity:1}.___SInputMask_172mc_gg_.__noHumanizedDate_172mc_gg_ .___SMask_172mc_gg_,.___SInputMask_172mc_gg_.__noHumanizedDate_172mc_gg_ .___SValue_172mc_gg_{opacity:1}.___SDateRange_172mc_gg_ .___SInputMask_172mc_gg_:focus-within .___SMask_172mc_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_172mc_gg_:focus-within .___SRangeSep_172mc_gg_,.___SRangeSep_172mc_gg_.__fulfilled_172mc_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_172mc_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_172mc_gg_,.___SRangeComparatorHeader_172mc_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_172mc_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_172mc_gg_,.___SPeriodsList_172mc_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_172mc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_172mc_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_172mc_gg_{transition:none}}" /*__inner_css_end__*/, "172mc_gg_") /*__reshadow_css_end__*/, {
|
|
42
|
+
"__SHeader": "___SHeader_172mc_gg_",
|
|
43
|
+
"__STitle": "___STitle_172mc_gg_",
|
|
44
|
+
"__SToday": "___SToday_172mc_gg_",
|
|
45
|
+
"__SPeriod": "___SPeriod_172mc_gg_",
|
|
46
|
+
"__SButton": "___SButton_172mc_gg_",
|
|
47
|
+
"__SInner": "___SInner_172mc_gg_",
|
|
48
|
+
"__SInputMask": "___SInputMask_172mc_gg_",
|
|
49
|
+
"_animationsDisabled": "__animationsDisabled_172mc_gg_",
|
|
50
|
+
"__SValue": "___SValue_172mc_gg_",
|
|
51
|
+
"__SIndicator": "___SIndicator_172mc_gg_",
|
|
52
|
+
"__SRangeIndicator": "___SRangeIndicator_172mc_gg_",
|
|
53
|
+
"_range_value": "_range_value_172mc_gg_",
|
|
54
|
+
"_range_compare": "_range_compare_172mc_gg_",
|
|
55
|
+
"_disabled": "__disabled_172mc_gg_",
|
|
56
|
+
"__SHumanizedDate": "___SHumanizedDate_172mc_gg_",
|
|
57
|
+
"__SMask": "___SMask_172mc_gg_",
|
|
58
|
+
"__SSingleDateInput": "___SSingleDateInput_172mc_gg_",
|
|
59
|
+
"__SDateRange": "___SDateRange_172mc_gg_",
|
|
60
|
+
"_noHumanizedDate": "__noHumanizedDate_172mc_gg_",
|
|
61
|
+
"__SRangeSep": "___SRangeSep_172mc_gg_",
|
|
62
|
+
"_fulfilled": "__fulfilled_172mc_gg_",
|
|
63
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_172mc_gg_",
|
|
64
|
+
"__SRangeCalendar": "___SRangeCalendar_172mc_gg_",
|
|
65
|
+
"__SFooter": "___SFooter_172mc_gg_",
|
|
66
|
+
"__SPeriodsList": "___SPeriodsList_172mc_gg_",
|
|
67
|
+
"__STooltip": "___STooltip_172mc_gg_",
|
|
68
|
+
"__SCompareToggle": "___SCompareToggle_172mc_gg_",
|
|
69
|
+
"__SPopper": "___SPopper_172mc_gg_"
|
|
70
70
|
});
|
|
71
71
|
var defaultAllowedParts = {
|
|
72
72
|
year: true,
|
|
@@ -151,7 +151,18 @@ var SingleDateInputRoot = /*#__PURE__*/function (_Component2) {
|
|
|
151
151
|
_this = _super2.call.apply(_super2, [this].concat(args));
|
|
152
152
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
153
153
|
errorText: null,
|
|
154
|
-
showError: false
|
|
154
|
+
showError: false,
|
|
155
|
+
focused: false
|
|
156
|
+
});
|
|
157
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFocus", function () {
|
|
158
|
+
_this.setState({
|
|
159
|
+
focused: true
|
|
160
|
+
});
|
|
161
|
+
});
|
|
162
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function () {
|
|
163
|
+
_this.setState({
|
|
164
|
+
focused: false
|
|
165
|
+
});
|
|
155
166
|
});
|
|
156
167
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputMaskPipeBlock", function (value) {
|
|
157
168
|
if (value === _this.asProps.disabledDateInputAttempt) return;
|
|
@@ -219,10 +230,12 @@ var SingleDateInputRoot = /*#__PURE__*/function (_Component2) {
|
|
|
219
230
|
forwardRef = _this$asProps5.forwardRef,
|
|
220
231
|
styles = _this$asProps5.styles,
|
|
221
232
|
state = _this$asProps5.state,
|
|
222
|
-
showErrorProps = _this$asProps5.showError
|
|
233
|
+
showErrorProps = _this$asProps5.showError,
|
|
234
|
+
popoverVisible = _this$asProps5.popoverVisible;
|
|
223
235
|
var _this$state = this.state,
|
|
224
236
|
errorText = _this$state.errorText,
|
|
225
|
-
showErrorState = _this$state.showError
|
|
237
|
+
showErrorState = _this$state.showError,
|
|
238
|
+
focused = _this$state.focused;
|
|
226
239
|
var showError = showErrorState && showErrorProps;
|
|
227
240
|
var SSingleDateInput = _inputMask["default"];
|
|
228
241
|
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSingleDateInput, _ref9.cn("SSingleDateInput", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -230,9 +243,11 @@ var SingleDateInputRoot = /*#__PURE__*/function (_Component2) {
|
|
|
230
243
|
"placement": 'top-start',
|
|
231
244
|
"title": errorText,
|
|
232
245
|
"theme": 'warning',
|
|
233
|
-
"visible": showError,
|
|
246
|
+
"visible": showError && (popoverVisible || focused),
|
|
234
247
|
"state": showError ? 'invalid' : state,
|
|
235
248
|
"ref": forwardRef,
|
|
249
|
+
"onFocus": this.handleFocus,
|
|
250
|
+
"onBlur": this.handleBlur,
|
|
236
251
|
"__excludeProps": ['onChange', 'style', 'aria-expanded']
|
|
237
252
|
}, _ref2))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref9.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {}))));
|
|
238
253
|
}
|
|
@@ -472,7 +487,8 @@ var DateRangeRoot = /*#__PURE__*/function (_Component3) {
|
|
|
472
487
|
var _this$state2 = this.state,
|
|
473
488
|
errorText = _this$state2.errorText,
|
|
474
489
|
lastChangedInput = _this$state2.lastChangedInput,
|
|
475
|
-
showErrorState = _this$state2.showError
|
|
490
|
+
showErrorState = _this$state2.showError,
|
|
491
|
+
containerFocused = _this$state2.containerFocused;
|
|
476
492
|
var showError = showErrorState && showErrorProps;
|
|
477
493
|
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDateRange, _ref10.cn("SDateRange", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
478
494
|
"tag": _tooltip["default"],
|
|
@@ -480,7 +496,7 @@ var DateRangeRoot = /*#__PURE__*/function (_Component3) {
|
|
|
480
496
|
"placement": lastChangedInput === 'to' ? 'top-end' : 'top-start',
|
|
481
497
|
"title": errorText,
|
|
482
498
|
"theme": 'warning',
|
|
483
|
-
"visible": showError && popoverVisible,
|
|
499
|
+
"visible": showError && (popoverVisible || containerFocused),
|
|
484
500
|
"state": showError ? 'invalid' : state,
|
|
485
501
|
"__excludeProps": ['onChange', 'value', 'aria-expanded'],
|
|
486
502
|
"w": w,
|