@semcore/date-picker 4.37.1 → 4.38.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 +14 -0
- package/lib/cjs/DateRangeComparator.js +1 -1
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +1 -1
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/components/Calendar.js +21 -21
- package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/cjs/components/InputTrigger.js +55 -43
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +29 -29
- package/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/lib/cjs/components/index.js +1 -1
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/translations/de.json +8 -1
- package/lib/cjs/translations/en.json +4 -1
- package/lib/cjs/translations/es.json +8 -1
- package/lib/cjs/translations/fr.json +8 -1
- package/lib/cjs/translations/it.json +8 -1
- package/lib/cjs/translations/ja.json +8 -1
- package/lib/cjs/translations/ko.json +8 -1
- package/lib/cjs/translations/nl.json +8 -1
- package/lib/cjs/translations/pl.json +8 -1
- package/lib/cjs/translations/pt.json +8 -1
- package/lib/cjs/translations/sv.json +8 -1
- package/lib/cjs/translations/tr.json +8 -1
- package/lib/cjs/translations/vi.json +8 -1
- package/lib/cjs/translations/zh.json +8 -1
- package/lib/es6/DateRangeComparator.js +1 -1
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +1 -1
- package/lib/es6/MonthDateRangeComparator.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 +55 -43
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +29 -29
- package/lib/es6/components/RangePickerAbstract.js +29 -29
- package/lib/es6/components/index.js +1 -1
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/translations/de.json +8 -1
- package/lib/es6/translations/en.json +4 -1
- package/lib/es6/translations/es.json +8 -1
- package/lib/es6/translations/fr.json +8 -1
- package/lib/es6/translations/it.json +8 -1
- package/lib/es6/translations/ja.json +8 -1
- package/lib/es6/translations/ko.json +8 -1
- package/lib/es6/translations/nl.json +8 -1
- package/lib/es6/translations/pl.json +8 -1
- package/lib/es6/translations/pt.json +8 -1
- package/lib/es6/translations/sv.json +8 -1
- package/lib/es6/translations/tr.json +8 -1
- package/lib/es6/translations/vi.json +8 -1
- package/lib/es6/translations/zh.json +8 -1
- package/package.json +14 -14
|
@@ -26,27 +26,27 @@ import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
|
|
|
26
26
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
27
27
|
import { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';
|
|
28
28
|
/*__reshadow-styles__:"../style/calendar.shadow.css"*/
|
|
29
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
30
|
-
"__SCalendar": "
|
|
31
|
-
"__SGridDays": "
|
|
32
|
-
"__SGridMonths": "
|
|
33
|
-
"__SWeekDays": "
|
|
34
|
-
"__SWeekDay": "
|
|
35
|
-
"__SCalendarUnit": "
|
|
36
|
-
"_startHighlighted": "
|
|
37
|
-
"_selected": "
|
|
38
|
-
"_endHighlighted": "
|
|
39
|
-
"_startSelected": "
|
|
40
|
-
"_endSelected": "
|
|
41
|
-
"_compareHighlighted": "
|
|
42
|
-
"_compareStartHighlighted": "
|
|
43
|
-
"_compareEndHighlighted": "
|
|
44
|
-
"_compareStart": "
|
|
45
|
-
"_compareEnd": "
|
|
46
|
-
"_outdated": "
|
|
47
|
-
"_disabled": "
|
|
48
|
-
"_highlighted": "
|
|
49
|
-
"_today": "
|
|
29
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCalendar_5y8p1_gg_{display:flex;flex-direction:column}.___SGridDays_5y8p1_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_5y8p1_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_5y8p1_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_5y8p1_gg_,.___SWeekDay_5y8p1_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_5y8p1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_5y8p1_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_5y8p1_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_5y8p1_gg_:focus{z-index:1}.___SCalendarUnit_5y8p1_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_5y8p1_gg_.__today_5y8p1_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_5y8p1_gg_.___SCalendarUnit_5y8p1_gg_.__today_5y8p1_gg_.__endSelected_5y8p1_gg_:before,.___SCalendarUnit_5y8p1_gg_.___SCalendarUnit_5y8p1_gg_.__today_5y8p1_gg_.__startSelected_5y8p1_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_5y8p1_gg_.__highlighted_5y8p1_gg_,.___SCalendarUnit_5y8p1_gg_.__selected_5y8p1_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_5y8p1_gg_.__selected_5y8p1_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_5y8p1_gg_.__selected_5y8p1_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_5y8p1_gg_.__highlighted_5y8p1_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_5y8p1_gg_.__highlighted_5y8p1_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_5y8p1_gg_.__startSelected_5y8p1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_5y8p1_gg_.__startSelected_5y8p1_gg_:not(.__highlighted_5y8p1_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_5y8p1_gg_.__startSelected_5y8p1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_5y8p1_gg_.__endSelected_5y8p1_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_5y8p1_gg_.__endSelected_5y8p1_gg_:not(.__highlighted_5y8p1_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_5y8p1_gg_.__endSelected_5y8p1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_5y8p1_gg_.__startHighlighted_5y8p1_gg_:not(.__selected_5y8p1_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_5y8p1_gg_.__endHighlighted_5y8p1_gg_:not(.__selected_5y8p1_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_5y8p1_gg_.__startHighlighted_5y8p1_gg_.___SCalendarUnit_5y8p1_gg_.__endHighlighted_5y8p1_gg_,.___SCalendarUnit_5y8p1_gg_.__startSelected_5y8p1_gg_.___SCalendarUnit_5y8p1_gg_.__endSelected_5y8p1_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_5y8p1_gg_.__compareHighlighted_5y8p1_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_5y8p1_gg_.__compareEndHighlighted_5y8p1_gg_,.___SCalendarUnit_5y8p1_gg_.__compareStartHighlighted_5y8p1_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_5y8p1_gg_.__compareEnd_5y8p1_gg_,.___SCalendarUnit_5y8p1_gg_.__compareStart_5y8p1_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_5y8p1_gg_.__compareEnd_5y8p1_gg_:hover,.___SCalendarUnit_5y8p1_gg_.__compareStart_5y8p1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_5y8p1_gg_.__compareStartHighlighted_5y8p1_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_5y8p1_gg_.__compareEndHighlighted_5y8p1_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_5y8p1_gg_.__compareStart_5y8p1_gg_:not(.__compareHighlighted_5y8p1_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_5y8p1_gg_.__compareEnd_5y8p1_gg_:not(.__compareHighlighted_5y8p1_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_5y8p1_gg_.__outdated_5y8p1_gg_{opacity:.2}.___SCalendarUnit_5y8p1_gg_.__disabled_5y8p1_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_5y8p1_gg_,.___SCalendarUnit_5y8p1_gg_.__highlighted_5y8p1_gg_,.___SCalendarUnit_5y8p1_gg_.__selected_5y8p1_gg_{transition:none}}" /*__inner_css_end__*/, "5y8p1_gg_") /*__reshadow_css_end__*/, {
|
|
30
|
+
"__SCalendar": "___SCalendar_5y8p1_gg_",
|
|
31
|
+
"__SGridDays": "___SGridDays_5y8p1_gg_",
|
|
32
|
+
"__SGridMonths": "___SGridMonths_5y8p1_gg_",
|
|
33
|
+
"__SWeekDays": "___SWeekDays_5y8p1_gg_",
|
|
34
|
+
"__SWeekDay": "___SWeekDay_5y8p1_gg_",
|
|
35
|
+
"__SCalendarUnit": "___SCalendarUnit_5y8p1_gg_",
|
|
36
|
+
"_startHighlighted": "__startHighlighted_5y8p1_gg_",
|
|
37
|
+
"_selected": "__selected_5y8p1_gg_",
|
|
38
|
+
"_endHighlighted": "__endHighlighted_5y8p1_gg_",
|
|
39
|
+
"_startSelected": "__startSelected_5y8p1_gg_",
|
|
40
|
+
"_endSelected": "__endSelected_5y8p1_gg_",
|
|
41
|
+
"_compareHighlighted": "__compareHighlighted_5y8p1_gg_",
|
|
42
|
+
"_compareStartHighlighted": "__compareStartHighlighted_5y8p1_gg_",
|
|
43
|
+
"_compareEndHighlighted": "__compareEndHighlighted_5y8p1_gg_",
|
|
44
|
+
"_compareStart": "__compareStart_5y8p1_gg_",
|
|
45
|
+
"_compareEnd": "__compareEnd_5y8p1_gg_",
|
|
46
|
+
"_outdated": "__outdated_5y8p1_gg_",
|
|
47
|
+
"_disabled": "__disabled_5y8p1_gg_",
|
|
48
|
+
"_highlighted": "__highlighted_5y8p1_gg_",
|
|
49
|
+
"_today": "__today_5y8p1_gg_"
|
|
50
50
|
});
|
|
51
51
|
dayjs.extend(isBetween);
|
|
52
52
|
var range = function range(N, cb) {
|
|
@@ -22,35 +22,35 @@ import Checkbox from '@semcore/checkbox';
|
|
|
22
22
|
import { LinkTrigger } from '@semcore/base-trigger';
|
|
23
23
|
import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
|
|
24
24
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SHeader": "
|
|
27
|
-
"__STitle": "
|
|
28
|
-
"__SToday": "
|
|
29
|
-
"__SPeriod": "
|
|
30
|
-
"__SButton": "
|
|
31
|
-
"__SInner": "
|
|
32
|
-
"__SInputMask": "
|
|
33
|
-
"_animationsDisabled": "
|
|
34
|
-
"__SValue": "
|
|
35
|
-
"__SIndicator": "
|
|
36
|
-
"__SRangeIndicator": "
|
|
37
|
-
"_range_value": "
|
|
38
|
-
"_range_compare": "
|
|
39
|
-
"_disabled": "
|
|
40
|
-
"__SHumanizedDate": "
|
|
41
|
-
"__SMask": "
|
|
42
|
-
"__SSingleDateInput": "
|
|
43
|
-
"__SDateRange": "
|
|
44
|
-
"_noHumanizedDate": "
|
|
45
|
-
"__SRangeSep": "
|
|
46
|
-
"_fulfilled": "
|
|
47
|
-
"__SRangeComparatorHeader": "
|
|
48
|
-
"__SRangeCalendar": "
|
|
49
|
-
"__SFooter": "
|
|
50
|
-
"__SPeriodsList": "
|
|
51
|
-
"__STooltip": "
|
|
52
|
-
"__SCompareToggle": "
|
|
53
|
-
"__SPopper": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_qmnjm_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_qmnjm_gg_:active,.___SPopper_qmnjm_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_qmnjm_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_qmnjm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_qmnjm_gg_,.___STitle_qmnjm_gg_{display:flex;align-items:center}.___STitle_qmnjm_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_qmnjm_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_qmnjm_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_qmnjm_gg_ .___SInner_qmnjm_gg_{justify-content:flex-start}.___SInputMask_qmnjm_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_qmnjm_gg_.__animationsDisabled_qmnjm_gg_{transition:none}.___SInputMask_qmnjm_gg_ .___SValue_qmnjm_gg_{letter-spacing:0}.___SIndicator_qmnjm_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_qmnjm_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_qmnjm_gg_._range_value_qmnjm_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_qmnjm_gg_._range_compare_qmnjm_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_qmnjm_gg_.__disabled_qmnjm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_qmnjm_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_qmnjm_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SDateRange_qmnjm_gg_ .___SValue_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_ .___SValue_qmnjm_gg_{opacity:0}.___SSingleDateInput_qmnjm_gg_:focus-within .___SHumanizedDate_qmnjm_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_:focus-within .___SValue_qmnjm_gg_{opacity:1}.___SDateRange_qmnjm_gg_:focus-within .___SHumanizedDate_qmnjm_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_,.___SDateRange_qmnjm_gg_:focus-within .___SValue_qmnjm_gg_{opacity:1}.___SInputMask_qmnjm_gg_.__noHumanizedDate_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SInputMask_qmnjm_gg_.__noHumanizedDate_qmnjm_gg_ .___SValue_qmnjm_gg_{opacity:1}.___SDateRange_qmnjm_gg_ .___SInputMask_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_qmnjm_gg_:focus-within .___SRangeSep_qmnjm_gg_,.___SRangeSep_qmnjm_gg_.__fulfilled_qmnjm_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_qmnjm_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_qmnjm_gg_,.___SRangeComparatorHeader_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_qmnjm_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_qmnjm_gg_,.___SPeriodsList_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_qmnjm_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_qmnjm_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_qmnjm_gg_{transition:none}}" /*__inner_css_end__*/, "qmnjm_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SHeader": "___SHeader_qmnjm_gg_",
|
|
27
|
+
"__STitle": "___STitle_qmnjm_gg_",
|
|
28
|
+
"__SToday": "___SToday_qmnjm_gg_",
|
|
29
|
+
"__SPeriod": "___SPeriod_qmnjm_gg_",
|
|
30
|
+
"__SButton": "___SButton_qmnjm_gg_",
|
|
31
|
+
"__SInner": "___SInner_qmnjm_gg_",
|
|
32
|
+
"__SInputMask": "___SInputMask_qmnjm_gg_",
|
|
33
|
+
"_animationsDisabled": "__animationsDisabled_qmnjm_gg_",
|
|
34
|
+
"__SValue": "___SValue_qmnjm_gg_",
|
|
35
|
+
"__SIndicator": "___SIndicator_qmnjm_gg_",
|
|
36
|
+
"__SRangeIndicator": "___SRangeIndicator_qmnjm_gg_",
|
|
37
|
+
"_range_value": "_range_value_qmnjm_gg_",
|
|
38
|
+
"_range_compare": "_range_compare_qmnjm_gg_",
|
|
39
|
+
"_disabled": "__disabled_qmnjm_gg_",
|
|
40
|
+
"__SHumanizedDate": "___SHumanizedDate_qmnjm_gg_",
|
|
41
|
+
"__SMask": "___SMask_qmnjm_gg_",
|
|
42
|
+
"__SSingleDateInput": "___SSingleDateInput_qmnjm_gg_",
|
|
43
|
+
"__SDateRange": "___SDateRange_qmnjm_gg_",
|
|
44
|
+
"_noHumanizedDate": "__noHumanizedDate_qmnjm_gg_",
|
|
45
|
+
"__SRangeSep": "___SRangeSep_qmnjm_gg_",
|
|
46
|
+
"_fulfilled": "__fulfilled_qmnjm_gg_",
|
|
47
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_qmnjm_gg_",
|
|
48
|
+
"__SRangeCalendar": "___SRangeCalendar_qmnjm_gg_",
|
|
49
|
+
"__SFooter": "___SFooter_qmnjm_gg_",
|
|
50
|
+
"__SPeriodsList": "___SPeriodsList_qmnjm_gg_",
|
|
51
|
+
"__STooltip": "___STooltip_qmnjm_gg_",
|
|
52
|
+
"__SCompareToggle": "___SCompareToggle_qmnjm_gg_",
|
|
53
|
+
"__SPopper": "___SPopper_qmnjm_gg_"
|
|
54
54
|
});
|
|
55
55
|
var INTERACTION_TAGS = ['INPUT'];
|
|
56
56
|
var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
|
|
@@ -21,8 +21,8 @@ var _excluded = ["children", "id", "role", "aria-haspopup", "aria-expanded", "ar
|
|
|
21
21
|
_excluded2 = ["children", "id", "role", "aria-haspopup", "aria-label", "aria-expanded", "style"],
|
|
22
22
|
_excluded3 = ["value", "onChange", "onDisplayedPeriodChange", "locale", "w", "ariaHasPopup"],
|
|
23
23
|
_excluded4 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup"],
|
|
24
|
-
_excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup"],
|
|
25
|
-
_excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "__excludeProps", "Root"];
|
|
24
|
+
_excluded5 = ["value", "locale", "onDisplayedPeriodChange", "ariaHasPopup", "inputId"],
|
|
25
|
+
_excluded6 = ["date", "onDateChange", "onDisplayedPeriodChange", "locale", "styles", "parts", "disabledDates", "forwardRef", "placeholders", "labelPrefix", "onMaskPipeBlock", "containerFocused", "animationsDisabled", "getI18nText", "inputId", "__excludeProps", "Root"];
|
|
26
26
|
import React from 'react';
|
|
27
27
|
import BaseTrigger from '@semcore/base-trigger';
|
|
28
28
|
import InputMask from '@semcore/input-mask';
|
|
@@ -35,35 +35,35 @@ import includesDate from '../utils/includesDate';
|
|
|
35
35
|
import dayjs from 'dayjs';
|
|
36
36
|
import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
|
|
37
37
|
/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
38
|
-
var style = ( /*__reshadow_css_start__*/_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__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_qmnjm_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_qmnjm_gg_:active,.___SPopper_qmnjm_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_qmnjm_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_qmnjm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_qmnjm_gg_,.___STitle_qmnjm_gg_{display:flex;align-items:center}.___STitle_qmnjm_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_qmnjm_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_qmnjm_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_qmnjm_gg_ .___SInner_qmnjm_gg_{justify-content:flex-start}.___SInputMask_qmnjm_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_qmnjm_gg_.__animationsDisabled_qmnjm_gg_{transition:none}.___SInputMask_qmnjm_gg_ .___SValue_qmnjm_gg_{letter-spacing:0}.___SIndicator_qmnjm_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_qmnjm_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_qmnjm_gg_._range_value_qmnjm_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_qmnjm_gg_._range_compare_qmnjm_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_qmnjm_gg_.__disabled_qmnjm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_qmnjm_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_qmnjm_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SDateRange_qmnjm_gg_ .___SValue_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_ .___SValue_qmnjm_gg_{opacity:0}.___SSingleDateInput_qmnjm_gg_:focus-within .___SHumanizedDate_qmnjm_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_:focus-within .___SValue_qmnjm_gg_{opacity:1}.___SDateRange_qmnjm_gg_:focus-within .___SHumanizedDate_qmnjm_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_,.___SDateRange_qmnjm_gg_:focus-within .___SValue_qmnjm_gg_{opacity:1}.___SInputMask_qmnjm_gg_.__noHumanizedDate_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SInputMask_qmnjm_gg_.__noHumanizedDate_qmnjm_gg_ .___SValue_qmnjm_gg_{opacity:1}.___SDateRange_qmnjm_gg_ .___SInputMask_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_qmnjm_gg_:focus-within .___SRangeSep_qmnjm_gg_,.___SRangeSep_qmnjm_gg_.__fulfilled_qmnjm_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_qmnjm_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_qmnjm_gg_,.___SRangeComparatorHeader_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_qmnjm_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_qmnjm_gg_,.___SPeriodsList_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_qmnjm_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_qmnjm_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_qmnjm_gg_{transition:none}}" /*__inner_css_end__*/, "qmnjm_gg_") /*__reshadow_css_end__*/, {
|
|
39
|
+
"__SHeader": "___SHeader_qmnjm_gg_",
|
|
40
|
+
"__STitle": "___STitle_qmnjm_gg_",
|
|
41
|
+
"__SToday": "___SToday_qmnjm_gg_",
|
|
42
|
+
"__SPeriod": "___SPeriod_qmnjm_gg_",
|
|
43
|
+
"__SButton": "___SButton_qmnjm_gg_",
|
|
44
|
+
"__SInner": "___SInner_qmnjm_gg_",
|
|
45
|
+
"__SInputMask": "___SInputMask_qmnjm_gg_",
|
|
46
|
+
"_animationsDisabled": "__animationsDisabled_qmnjm_gg_",
|
|
47
|
+
"__SValue": "___SValue_qmnjm_gg_",
|
|
48
|
+
"__SIndicator": "___SIndicator_qmnjm_gg_",
|
|
49
|
+
"__SRangeIndicator": "___SRangeIndicator_qmnjm_gg_",
|
|
50
|
+
"_range_value": "_range_value_qmnjm_gg_",
|
|
51
|
+
"_range_compare": "_range_compare_qmnjm_gg_",
|
|
52
|
+
"_disabled": "__disabled_qmnjm_gg_",
|
|
53
|
+
"__SHumanizedDate": "___SHumanizedDate_qmnjm_gg_",
|
|
54
|
+
"__SMask": "___SMask_qmnjm_gg_",
|
|
55
|
+
"__SSingleDateInput": "___SSingleDateInput_qmnjm_gg_",
|
|
56
|
+
"__SDateRange": "___SDateRange_qmnjm_gg_",
|
|
57
|
+
"_noHumanizedDate": "__noHumanizedDate_qmnjm_gg_",
|
|
58
|
+
"__SRangeSep": "___SRangeSep_qmnjm_gg_",
|
|
59
|
+
"_fulfilled": "__fulfilled_qmnjm_gg_",
|
|
60
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_qmnjm_gg_",
|
|
61
|
+
"__SRangeCalendar": "___SRangeCalendar_qmnjm_gg_",
|
|
62
|
+
"__SFooter": "___SFooter_qmnjm_gg_",
|
|
63
|
+
"__SPeriodsList": "___SPeriodsList_qmnjm_gg_",
|
|
64
|
+
"__STooltip": "___STooltip_qmnjm_gg_",
|
|
65
|
+
"__SCompareToggle": "___SCompareToggle_qmnjm_gg_",
|
|
66
|
+
"__SPopper": "___SPopper_qmnjm_gg_"
|
|
67
67
|
});
|
|
68
68
|
import assignProps from '@semcore/utils/lib/assignProps';
|
|
69
69
|
var defaultAllowedParts = {
|
|
@@ -71,11 +71,6 @@ var defaultAllowedParts = {
|
|
|
71
71
|
month: true,
|
|
72
72
|
day: true
|
|
73
73
|
};
|
|
74
|
-
var defaultPlaceholders = {
|
|
75
|
-
year: 'Y',
|
|
76
|
-
month: 'M',
|
|
77
|
-
day: 'D'
|
|
78
|
-
};
|
|
79
74
|
var exampleDate = new Date(2000, 4, 29);
|
|
80
75
|
var InputTriggerRoot = /*#__PURE__*/function (_Component) {
|
|
81
76
|
_inherits(InputTriggerRoot, _Component);
|
|
@@ -97,7 +92,8 @@ var InputTriggerRoot = /*#__PURE__*/function (_Component) {
|
|
|
97
92
|
style = _this$asProps.style,
|
|
98
93
|
otherProps = _objectWithoutProperties(_this$asProps, _excluded);
|
|
99
94
|
return _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
100
|
-
ariaHasPopup: ariaHasPopup
|
|
95
|
+
ariaHasPopup: ariaHasPopup,
|
|
96
|
+
inputId: id
|
|
101
97
|
});
|
|
102
98
|
}
|
|
103
99
|
}, {
|
|
@@ -113,7 +109,8 @@ var InputTriggerRoot = /*#__PURE__*/function (_Component) {
|
|
|
113
109
|
style = _this$asProps2.style,
|
|
114
110
|
otherProps = _objectWithoutProperties(_this$asProps2, _excluded2);
|
|
115
111
|
return _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
116
|
-
ariaHasPopup: ariaHasPopup
|
|
112
|
+
ariaHasPopup: ariaHasPopup,
|
|
113
|
+
inputId: id
|
|
117
114
|
});
|
|
118
115
|
}
|
|
119
116
|
}, {
|
|
@@ -128,7 +125,7 @@ var InputTriggerRoot = /*#__PURE__*/function (_Component) {
|
|
|
128
125
|
getI18nText = _this$asProps3.getI18nText;
|
|
129
126
|
return _ref8 = sstyled(style), /*#__PURE__*/React.createElement(SInputTrigger, _ref8.cn("SInputTrigger", _objectSpread({}, _assignProps({
|
|
130
127
|
"aria-label": getI18nText('input'),
|
|
131
|
-
"__excludeProps": ['onChange', 'value', 'role']
|
|
128
|
+
"__excludeProps": ['onChange', 'value', 'role', 'id']
|
|
132
129
|
}, _ref))), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
|
|
133
130
|
}
|
|
134
131
|
}]);
|
|
@@ -397,7 +394,11 @@ var DateRangeRoot = /*#__PURE__*/function (_Component3) {
|
|
|
397
394
|
locale = _this$asProps7.locale,
|
|
398
395
|
onDisplayedPeriodChange = _this$asProps7.onDisplayedPeriodChange,
|
|
399
396
|
ariaHasPopup = _this$asProps7.ariaHasPopup,
|
|
397
|
+
inputId = _this$asProps7.inputId,
|
|
400
398
|
otherProps = _objectWithoutProperties(_this$asProps7, _excluded5);
|
|
399
|
+
var ariaLabel = this.asProps.getI18nText('toDate', {
|
|
400
|
+
date: this.asProps.getI18nText('input')
|
|
401
|
+
});
|
|
401
402
|
return assignProps({
|
|
402
403
|
ref: this.toRef,
|
|
403
404
|
date: value === null || value === void 0 ? void 0 : value[1],
|
|
@@ -406,6 +407,7 @@ var DateRangeRoot = /*#__PURE__*/function (_Component3) {
|
|
|
406
407
|
locale: locale,
|
|
407
408
|
flex: 1,
|
|
408
409
|
onDisplayedPeriodChange: onDisplayedPeriodChange,
|
|
410
|
+
'aria-label': ariaLabel,
|
|
409
411
|
'aria-haspopup': ariaHasPopup,
|
|
410
412
|
onMaskPipeBlock: this.handleDisabledDateInputAttemptChange,
|
|
411
413
|
containerFocused: this.state.containerFocused
|
|
@@ -507,13 +509,14 @@ var MaskedInput = function MaskedInput(_ref16) {
|
|
|
507
509
|
allowedParts = _ref16$parts === void 0 ? defaultAllowedParts : _ref16$parts,
|
|
508
510
|
disabledDates = _ref16.disabledDates,
|
|
509
511
|
forwardRef = _ref16.forwardRef,
|
|
510
|
-
|
|
511
|
-
placeholders = _ref16$placeholders === void 0 ? defaultPlaceholders : _ref16$placeholders,
|
|
512
|
+
providedPlaceholders = _ref16.placeholders,
|
|
512
513
|
_ref16$labelPrefix = _ref16.labelPrefix,
|
|
513
514
|
labelPrefix = _ref16$labelPrefix === void 0 ? 'Date' : _ref16$labelPrefix,
|
|
514
515
|
onMaskPipeBlock = _ref16.onMaskPipeBlock,
|
|
515
516
|
containerFocused = _ref16.containerFocused,
|
|
516
517
|
animationsDisabled = _ref16.animationsDisabled,
|
|
518
|
+
getI18nText = _ref16.getI18nText,
|
|
519
|
+
inputId = _ref16.inputId,
|
|
517
520
|
__excludeProps = _ref16.__excludeProps,
|
|
518
521
|
_root = _ref16.Root,
|
|
519
522
|
otherProps = _objectWithoutProperties(_ref16, _excluded6);
|
|
@@ -522,6 +525,14 @@ var MaskedInput = function MaskedInput(_ref16) {
|
|
|
522
525
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
523
526
|
width = _React$useState2[0],
|
|
524
527
|
setWidth = _React$useState2[1];
|
|
528
|
+
var placeholders = React.useMemo(function () {
|
|
529
|
+
if (providedPlaceholders) return providedPlaceholders;
|
|
530
|
+
return {
|
|
531
|
+
year: getI18nText('placeholder-years'),
|
|
532
|
+
month: getI18nText('placeholder-months'),
|
|
533
|
+
day: getI18nText('placeholder-days')
|
|
534
|
+
};
|
|
535
|
+
}, [providedPlaceholders, getI18nText]);
|
|
525
536
|
if (placeholders.year.length !== 1 || placeholders.month.length !== 1 || placeholders.day.length !== 1) {
|
|
526
537
|
console.error({
|
|
527
538
|
placeholders: placeholders
|
|
@@ -867,8 +878,9 @@ var MaskedInput = function MaskedInput(_ref16) {
|
|
|
867
878
|
aliases: aliases,
|
|
868
879
|
maskOnlySymbols: maskOnlySymbols,
|
|
869
880
|
placeholder: mask,
|
|
870
|
-
|
|
871
|
-
wMin: appliedWidth
|
|
881
|
+
inputW: appliedWidth,
|
|
882
|
+
wMin: appliedWidth,
|
|
883
|
+
id: inputId
|
|
872
884
|
}, otherProps, {
|
|
873
885
|
onFocus: handleFocus,
|
|
874
886
|
onBlur: handleBlur,
|