@semcore/date-picker 3.3.14 → 3.4.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 +7 -0
- package/lib/cjs/components/Calendar.js +17 -17
- package/lib/cjs/components/PickerAbstract.js +7 -7
- package/lib/cjs/components/RangePickerAbstract.js +7 -7
- package/lib/cjs/components/index.js +3 -3
- package/lib/es6/components/Calendar.js +17 -17
- package/lib/es6/components/PickerAbstract.js +7 -7
- package/lib/es6/components/RangePickerAbstract.js +7 -7
- package/lib/es6/components/index.js +3 -3
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.4.0] - 2022-10-10
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Added support for React 18 🔥
|
|
10
|
+
- Extended version range for dependency `@semcore/icons`.
|
|
11
|
+
|
|
5
12
|
## [3.3.14] - 2022-10-10
|
|
6
13
|
|
|
7
14
|
### Changed
|
|
@@ -66,26 +66,26 @@ var style = (
|
|
|
66
66
|
/*__reshadow_css_start__*/
|
|
67
67
|
_core.sstyled.insert(
|
|
68
68
|
/*__inner_css_start__*/
|
|
69
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
69
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SCalendar_1f44h_gg_ {\n display: flex;\n flex-direction: column;\n}\n\n.___SGridDays_1f44h_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n grid-template-rows: repeat(auto-fit, minmax(32px, auto));\n}\n\n.___SGridMonths_1f44h_gg_ {\n display: grid;\n grid-row-gap: 8px;\n grid-template-columns: repeat(3, minmax(60px, auto));\n grid-template-rows: repeat(4, minmax(32px, auto));\n}\n\n.___SWeekDays_1f44h_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n}\n\n.___SWeekDay_1f44h_gg_ {\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #6c6e79;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.___SCalendarUnit_1f44h_gg_ {\n font-family: inherit;\n font-weight: normal;\n line-height: normal;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n color: #191b23;\n outline: 0;\n box-shadow: none;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n background: transparent;\n\n align-items: center;\n border-radius: 6px;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n font-size: 14px;\n justify-content: center;\n min-height: 32px;\n min-width: 32px;\n position: relative;\n transition: color 0.15s, background 0.15s;\n outline: none;\n margin: 0\n}\n\n.___SCalendarUnit_1f44h_gg_:hover {\n color: #191b23;\n background: #e0e1e9;\n }\n\n.___SCalendarUnit_1f44h_gg_.focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_1f44h_gg_:focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_1f44h_gg_.__today_1f44h_gg_:before {\n content: '';\n position: absolute;\n display: block;\n top: 1px;\n left: 1px;\n border-radius: 6px;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n box-sizing: border-box;\n border: 1px solid #c4c7cf;\n }\n\n.___SCalendarUnit_1f44h_gg_.__today_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_:before, .___SCalendarUnit_1f44h_gg_.__today_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_:before {\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n.___SCalendarUnit_1f44h_gg_.__selected_1f44h_gg_ {\n background: #c4e5fe;\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_1f44h_gg_.__selected_1f44h_gg_:hover {\n background: #008ff8;\n }\n\n.___SCalendarUnit_1f44h_gg_.__highlighted_1f44h_gg_ {\n background: rgba(0, 143, 248, 0.2);\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_1f44h_gg_.__highlighted_1f44h_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n color: white;\n background: #2bb3ff\n}\n\n.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_ {\n background: #2bb3ff;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n color: white\n}\n\n.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_1f44h_gg_.__startHighlighted_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n}\n\n.___SCalendarUnit_1f44h_gg_.__endHighlighted_1f44h_gg_ {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1f44h_gg_.__startHighlighted_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__endHighlighted_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1f44h_gg_.__outdated_1f44h_gg_ {\n opacity: 0.2;\n}\n\n.___SCalendarUnit_1f44h_gg_.__disabled_1f44h_gg_ {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n .___SCalendarUnit_1f44h_gg_ {\n transition: none;\n }\n}\n"
|
|
70
70
|
/*__inner_css_end__*/
|
|
71
|
-
, "
|
|
71
|
+
, "1f44h_gg_")
|
|
72
72
|
/*__reshadow_css_end__*/
|
|
73
73
|
, {
|
|
74
|
-
"__SCalendar": "
|
|
75
|
-
"__SGridDays": "
|
|
76
|
-
"__SGridMonths": "
|
|
77
|
-
"__SWeekDays": "
|
|
78
|
-
"__SWeekDay": "
|
|
79
|
-
"__SCalendarUnit": "
|
|
80
|
-
"_today": "
|
|
81
|
-
"_startSelected": "
|
|
82
|
-
"_endSelected": "
|
|
83
|
-
"_selected": "
|
|
84
|
-
"_highlighted": "
|
|
85
|
-
"_startHighlighted": "
|
|
86
|
-
"_endHighlighted": "
|
|
87
|
-
"_outdated": "
|
|
88
|
-
"_disabled": "
|
|
74
|
+
"__SCalendar": "___SCalendar_1f44h_gg_",
|
|
75
|
+
"__SGridDays": "___SGridDays_1f44h_gg_",
|
|
76
|
+
"__SGridMonths": "___SGridMonths_1f44h_gg_",
|
|
77
|
+
"__SWeekDays": "___SWeekDays_1f44h_gg_",
|
|
78
|
+
"__SWeekDay": "___SWeekDay_1f44h_gg_",
|
|
79
|
+
"__SCalendarUnit": "___SCalendarUnit_1f44h_gg_",
|
|
80
|
+
"_today": "__today_1f44h_gg_",
|
|
81
|
+
"_startSelected": "__startSelected_1f44h_gg_",
|
|
82
|
+
"_endSelected": "__endSelected_1f44h_gg_",
|
|
83
|
+
"_selected": "__selected_1f44h_gg_",
|
|
84
|
+
"_highlighted": "__highlighted_1f44h_gg_",
|
|
85
|
+
"_startHighlighted": "__startHighlighted_1f44h_gg_",
|
|
86
|
+
"_endHighlighted": "__endHighlighted_1f44h_gg_",
|
|
87
|
+
"_outdated": "__outdated_1f44h_gg_",
|
|
88
|
+
"_disabled": "__disabled_1f44h_gg_"
|
|
89
89
|
});
|
|
90
90
|
|
|
91
91
|
_dayjs["default"].extend(_isBetween["default"]);
|
|
@@ -64,16 +64,16 @@ var style = (
|
|
|
64
64
|
/*__reshadow_css_start__*/
|
|
65
65
|
_core.sstyled.insert(
|
|
66
66
|
/*__inner_css_start__*/
|
|
67
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
67
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_13zjj_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_13zjj_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_13zjj_gg_:active,\n .___SPopper_13zjj_gg_:hover,\n .___SPopper_13zjj_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_13zjj_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_13zjj_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_13zjj_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_13zjj_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_13zjj_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
68
68
|
/*__inner_css_end__*/
|
|
69
|
-
, "
|
|
69
|
+
, "13zjj_gg_")
|
|
70
70
|
/*__reshadow_css_end__*/
|
|
71
71
|
, {
|
|
72
|
-
"__SPopper": "
|
|
73
|
-
"__SHeader": "
|
|
74
|
-
"__STitle": "
|
|
75
|
-
"__SToday": "
|
|
76
|
-
"__SPeriod": "
|
|
72
|
+
"__SPopper": "___SPopper_13zjj_gg_",
|
|
73
|
+
"__SHeader": "___SHeader_13zjj_gg_",
|
|
74
|
+
"__STitle": "___STitle_13zjj_gg_",
|
|
75
|
+
"__SToday": "___SToday_13zjj_gg_",
|
|
76
|
+
"__SPeriod": "___SPeriod_13zjj_gg_"
|
|
77
77
|
});
|
|
78
78
|
var i18n = {
|
|
79
79
|
de: _de["default"],
|
|
@@ -74,16 +74,16 @@ var style = (
|
|
|
74
74
|
/*__reshadow_css_start__*/
|
|
75
75
|
_core.sstyled.insert(
|
|
76
76
|
/*__inner_css_start__*/
|
|
77
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
77
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_13zjj_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_13zjj_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_13zjj_gg_:active,\n .___SPopper_13zjj_gg_:hover,\n .___SPopper_13zjj_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_13zjj_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_13zjj_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_13zjj_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_13zjj_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_13zjj_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
78
78
|
/*__inner_css_end__*/
|
|
79
|
-
, "
|
|
79
|
+
, "13zjj_gg_")
|
|
80
80
|
/*__reshadow_css_end__*/
|
|
81
81
|
, {
|
|
82
|
-
"__SPopper": "
|
|
83
|
-
"__SHeader": "
|
|
84
|
-
"__STitle": "
|
|
85
|
-
"__SToday": "
|
|
86
|
-
"__SPeriod": "
|
|
82
|
+
"__SPopper": "___SPopper_13zjj_gg_",
|
|
83
|
+
"__SHeader": "___SHeader_13zjj_gg_",
|
|
84
|
+
"__STitle": "___STitle_13zjj_gg_",
|
|
85
|
+
"__SToday": "___SToday_13zjj_gg_",
|
|
86
|
+
"__SPeriod": "___SPeriod_13zjj_gg_"
|
|
87
87
|
});
|
|
88
88
|
var i18n = {
|
|
89
89
|
de: _de["default"],
|
|
@@ -132,12 +132,12 @@ var stylesBtn = (
|
|
|
132
132
|
/*__reshadow_css_start__*/
|
|
133
133
|
_core.sstyled.insert(
|
|
134
134
|
/*__inner_css_start__*/
|
|
135
|
-
"\n .
|
|
135
|
+
"\n .___SInner_rkv37_gg_ {\n justify-content: flex-start;\n }\n"
|
|
136
136
|
/*__inner_css_end__*/
|
|
137
|
-
, "
|
|
137
|
+
, "rkv37_gg_")
|
|
138
138
|
/*__reshadow_css_end__*/
|
|
139
139
|
, {
|
|
140
|
-
"__SInner": "
|
|
140
|
+
"__SInner": "___SInner_rkv37_gg_"
|
|
141
141
|
});
|
|
142
142
|
|
|
143
143
|
var Period = /*#__PURE__*/function (_Component) {
|
|
@@ -38,26 +38,26 @@ var style = (
|
|
|
38
38
|
/*__reshadow_css_start__*/
|
|
39
39
|
_sstyled.insert(
|
|
40
40
|
/*__inner_css_start__*/
|
|
41
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
41
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SCalendar_1f44h_gg_ {\n display: flex;\n flex-direction: column;\n}\n\n.___SGridDays_1f44h_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n grid-template-rows: repeat(auto-fit, minmax(32px, auto));\n}\n\n.___SGridMonths_1f44h_gg_ {\n display: grid;\n grid-row-gap: 8px;\n grid-template-columns: repeat(3, minmax(60px, auto));\n grid-template-rows: repeat(4, minmax(32px, auto));\n}\n\n.___SWeekDays_1f44h_gg_ {\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, auto));\n}\n\n.___SWeekDay_1f44h_gg_ {\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #6c6e79;\n font-size: 14px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.___SCalendarUnit_1f44h_gg_ {\n font-family: inherit;\n font-weight: normal;\n line-height: normal;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n color: #191b23;\n outline: 0;\n box-shadow: none;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n background: transparent;\n\n align-items: center;\n border-radius: 6px;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n font-size: 14px;\n justify-content: center;\n min-height: 32px;\n min-width: 32px;\n position: relative;\n transition: color 0.15s, background 0.15s;\n outline: none;\n margin: 0\n}\n\n.___SCalendarUnit_1f44h_gg_:hover {\n color: #191b23;\n background: #e0e1e9;\n }\n\n.___SCalendarUnit_1f44h_gg_.focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_1f44h_gg_:focus-visible {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SCalendarUnit_1f44h_gg_.__today_1f44h_gg_:before {\n content: '';\n position: absolute;\n display: block;\n top: 1px;\n left: 1px;\n border-radius: 6px;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n box-sizing: border-box;\n border: 1px solid #c4c7cf;\n }\n\n.___SCalendarUnit_1f44h_gg_.__today_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_:before, .___SCalendarUnit_1f44h_gg_.__today_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_:before {\n border-color: rgba(255, 255, 255, 0.5);\n }\n\n.___SCalendarUnit_1f44h_gg_.__selected_1f44h_gg_ {\n background: #c4e5fe;\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_1f44h_gg_.__selected_1f44h_gg_:hover {\n background: #008ff8;\n }\n\n.___SCalendarUnit_1f44h_gg_.__highlighted_1f44h_gg_ {\n background: rgba(0, 143, 248, 0.2);\n border-radius: 0;\n color: #191b23\n}\n\n.___SCalendarUnit_1f44h_gg_.__highlighted_1f44h_gg_:hover {\n background: rgba(0, 143, 248, 0.3);\n }\n\n.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n color: white;\n background: #2bb3ff\n}\n\n.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_ {\n background: #2bb3ff;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n color: white\n}\n\n.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_:hover {\n color: white;\n background: #008ff8;\n }\n\n.___SCalendarUnit_1f44h_gg_.__startHighlighted_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-left-radius: 6px;\n border-top-right-radius: 0;\n}\n\n.___SCalendarUnit_1f44h_gg_.__endHighlighted_1f44h_gg_ {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1f44h_gg_.__startHighlighted_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__endHighlighted_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1f44h_gg_.__startSelected_1f44h_gg_.___SCalendarUnit_1f44h_gg_.__endSelected_1f44h_gg_ {\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n}\n\n.___SCalendarUnit_1f44h_gg_.__outdated_1f44h_gg_ {\n opacity: 0.2;\n}\n\n.___SCalendarUnit_1f44h_gg_.__disabled_1f44h_gg_ {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion) {\n .___SCalendarUnit_1f44h_gg_ {\n transition: none;\n }\n}\n"
|
|
42
42
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
43
|
+
, "1f44h_gg_")
|
|
44
44
|
/*__reshadow_css_end__*/
|
|
45
45
|
, {
|
|
46
|
-
"__SCalendar": "
|
|
47
|
-
"__SGridDays": "
|
|
48
|
-
"__SGridMonths": "
|
|
49
|
-
"__SWeekDays": "
|
|
50
|
-
"__SWeekDay": "
|
|
51
|
-
"__SCalendarUnit": "
|
|
52
|
-
"_today": "
|
|
53
|
-
"_startSelected": "
|
|
54
|
-
"_endSelected": "
|
|
55
|
-
"_selected": "
|
|
56
|
-
"_highlighted": "
|
|
57
|
-
"_startHighlighted": "
|
|
58
|
-
"_endHighlighted": "
|
|
59
|
-
"_outdated": "
|
|
60
|
-
"_disabled": "
|
|
46
|
+
"__SCalendar": "___SCalendar_1f44h_gg_",
|
|
47
|
+
"__SGridDays": "___SGridDays_1f44h_gg_",
|
|
48
|
+
"__SGridMonths": "___SGridMonths_1f44h_gg_",
|
|
49
|
+
"__SWeekDays": "___SWeekDays_1f44h_gg_",
|
|
50
|
+
"__SWeekDay": "___SWeekDay_1f44h_gg_",
|
|
51
|
+
"__SCalendarUnit": "___SCalendarUnit_1f44h_gg_",
|
|
52
|
+
"_today": "__today_1f44h_gg_",
|
|
53
|
+
"_startSelected": "__startSelected_1f44h_gg_",
|
|
54
|
+
"_endSelected": "__endSelected_1f44h_gg_",
|
|
55
|
+
"_selected": "__selected_1f44h_gg_",
|
|
56
|
+
"_highlighted": "__highlighted_1f44h_gg_",
|
|
57
|
+
"_startHighlighted": "__startHighlighted_1f44h_gg_",
|
|
58
|
+
"_endHighlighted": "__endHighlighted_1f44h_gg_",
|
|
59
|
+
"_outdated": "__outdated_1f44h_gg_",
|
|
60
|
+
"_disabled": "__disabled_1f44h_gg_"
|
|
61
61
|
});
|
|
62
62
|
dayjs.extend(isBetween);
|
|
63
63
|
|
|
@@ -34,16 +34,16 @@ var style = (
|
|
|
34
34
|
/*__reshadow_css_start__*/
|
|
35
35
|
_sstyled.insert(
|
|
36
36
|
/*__inner_css_start__*/
|
|
37
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
37
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_13zjj_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_13zjj_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_13zjj_gg_:active,\n .___SPopper_13zjj_gg_:hover,\n .___SPopper_13zjj_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_13zjj_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_13zjj_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_13zjj_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_13zjj_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_13zjj_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
38
38
|
/*__inner_css_end__*/
|
|
39
|
-
, "
|
|
39
|
+
, "13zjj_gg_")
|
|
40
40
|
/*__reshadow_css_end__*/
|
|
41
41
|
, {
|
|
42
|
-
"__SPopper": "
|
|
43
|
-
"__SHeader": "
|
|
44
|
-
"__STitle": "
|
|
45
|
-
"__SToday": "
|
|
46
|
-
"__SPeriod": "
|
|
42
|
+
"__SPopper": "___SPopper_13zjj_gg_",
|
|
43
|
+
"__SHeader": "___SHeader_13zjj_gg_",
|
|
44
|
+
"__STitle": "___STitle_13zjj_gg_",
|
|
45
|
+
"__SToday": "___SToday_13zjj_gg_",
|
|
46
|
+
"__SPeriod": "___SPeriod_13zjj_gg_"
|
|
47
47
|
});
|
|
48
48
|
import includesDate from '../utils/includesDate';
|
|
49
49
|
var i18n = {
|
|
@@ -41,16 +41,16 @@ var style = (
|
|
|
41
41
|
/*__reshadow_css_start__*/
|
|
42
42
|
_sstyled.insert(
|
|
43
43
|
/*__inner_css_start__*/
|
|
44
|
-
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.
|
|
44
|
+
":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SPopper_13zjj_gg_ {\n padding: 16px;\n outline: 0\n}\n\n.___SPopper_13zjj_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPopper_13zjj_gg_:active,\n .___SPopper_13zjj_gg_:hover,\n .___SPopper_13zjj_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPopper_13zjj_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SHeader_13zjj_gg_ {\n display: flex;\n align-items: center;\n}\n\n.___STitle_13zjj_gg_ {\n font-size: 14px;\n color: #191b23;\n height: 32px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.___SToday_13zjj_gg_ {\n display: flex;\n margin-top: 12px;\n justify-content: center;\n}\n\n.___SPeriod_13zjj_gg_ {\n display: flex;\n flex-direction: column;\n margin-bottom: 8px;\n}\n"
|
|
45
45
|
/*__inner_css_end__*/
|
|
46
|
-
, "
|
|
46
|
+
, "13zjj_gg_")
|
|
47
47
|
/*__reshadow_css_end__*/
|
|
48
48
|
, {
|
|
49
|
-
"__SPopper": "
|
|
50
|
-
"__SHeader": "
|
|
51
|
-
"__STitle": "
|
|
52
|
-
"__SToday": "
|
|
53
|
-
"__SPeriod": "
|
|
49
|
+
"__SPopper": "___SPopper_13zjj_gg_",
|
|
50
|
+
"__SHeader": "___SHeader_13zjj_gg_",
|
|
51
|
+
"__STitle": "___STitle_13zjj_gg_",
|
|
52
|
+
"__SToday": "___SToday_13zjj_gg_",
|
|
53
|
+
"__SPeriod": "___SPeriod_13zjj_gg_"
|
|
54
54
|
});
|
|
55
55
|
var i18n = {
|
|
56
56
|
de: de,
|
|
@@ -96,12 +96,12 @@ var stylesBtn = (
|
|
|
96
96
|
/*__reshadow_css_start__*/
|
|
97
97
|
sstyled.insert(
|
|
98
98
|
/*__inner_css_start__*/
|
|
99
|
-
"\n .
|
|
99
|
+
"\n .___SInner_rkv37_gg_ {\n justify-content: flex-start;\n }\n"
|
|
100
100
|
/*__inner_css_end__*/
|
|
101
|
-
, "
|
|
101
|
+
, "rkv37_gg_")
|
|
102
102
|
/*__reshadow_css_end__*/
|
|
103
103
|
, {
|
|
104
|
-
"__SInner": "
|
|
104
|
+
"__SInner": "___SInner_rkv37_gg_"
|
|
105
105
|
});
|
|
106
106
|
export var Period = /*#__PURE__*/function (_Component) {
|
|
107
107
|
_inherits(Period, _Component);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/date-picker",
|
|
3
3
|
"description": "Semrush DatePicker Component",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.4.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"@semcore/flex-box": "^4",
|
|
15
15
|
"@semcore/button": "^4",
|
|
16
16
|
"@semcore/divider": "^3",
|
|
17
|
-
"@semcore/icon": "
|
|
17
|
+
"@semcore/icon": "2.16 - 3",
|
|
18
18
|
"@semcore/dropdown": "^3",
|
|
19
19
|
"@semcore/typography": "^4",
|
|
20
20
|
"dayjs": "1.8.36"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@semcore/core": "^1.
|
|
24
|
-
"react": "16.8 -
|
|
23
|
+
"@semcore/core": "^1.12",
|
|
24
|
+
"react": "16.8 - 18"
|
|
25
25
|
},
|
|
26
26
|
"jest": {
|
|
27
27
|
"preset": "@semcore/jest-preset-ui"
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"directory": "semcore/date-picker"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@types/react": "
|
|
35
|
+
"@types/react": "18.0.21",
|
|
36
36
|
"@semcore/jest-preset-ui": "1.0.0"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|