@semcore/date-picker 17.0.2 → 17.1.0-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.
Files changed (23) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/components/Calendar.js +21 -21
  3. package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  4. package/lib/cjs/components/InputTrigger.js +29 -29
  5. package/lib/cjs/components/PickerAbstract.js +29 -29
  6. package/lib/cjs/components/RangePickerAbstract.js +29 -29
  7. package/lib/cjs/style/calendar.shadow.css +31 -31
  8. package/lib/cjs/style/date-picker.shadow.css +10 -10
  9. package/lib/es6/components/Calendar.js +21 -21
  10. package/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  11. package/lib/es6/components/InputTrigger.js +29 -29
  12. package/lib/es6/components/PickerAbstract.js +29 -29
  13. package/lib/es6/components/RangePickerAbstract.js +29 -29
  14. package/lib/es6/style/calendar.shadow.css +31 -31
  15. package/lib/es6/style/date-picker.shadow.css +10 -10
  16. package/lib/esm/components/Calendar.mjs +22 -22
  17. package/lib/esm/components/DateRangeComparatorAbstract.mjs +30 -30
  18. package/lib/esm/components/InputTrigger.mjs +30 -30
  19. package/lib/esm/components/PickerAbstract.mjs +30 -30
  20. package/lib/esm/components/RangePickerAbstract.mjs +30 -30
  21. package/lib/esm/style/calendar.shadow.css +31 -31
  22. package/lib/esm/style/date-picker.shadow.css +10 -10
  23. package/package.json +14 -14
package/lib/cjs/style/calendar.shadow.css CHANGED
@@ -1,7 +1,7 @@
1
1
  SCalendar {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- border-radius: var(--intergalactic-surface-rounded, 6px);
4
+ border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
5
5
 
6
6
  SCalendarUnit:focus-visible {
7
7
  outline: none;
@@ -32,7 +32,7 @@ SWeekDay {
32
32
  display: flex;
33
33
  align-items: center;
34
34
  justify-content: center;
35
- color: var(--intergalactic-text-secondary, #6c6e79);
35
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
36
36
  font-size: var(--intergalactic-fs-200, 14px);
37
37
  font-weight: var(--intergalactic-regular, 400);
38
38
  overflow: hidden;
@@ -46,13 +46,13 @@ SCalendarUnit {
46
46
  text-align: center;
47
47
  vertical-align: middle;
48
48
  border: 1px solid transparent;
49
- color: var(--intergalactic-text-primary, #191b23);
49
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
50
50
  box-shadow: none;
51
51
  overflow: visible;
52
52
  user-select: none;
53
53
  touch-action: manipulation;
54
54
  -webkit-tap-highlight-color: transparent;
55
- background-color: var(--intergalactic-date-picker-cell, #ffffff);
55
+ background-color: var(--intergalactic-date-picker-cell, oklch(1 0 0));
56
56
 
57
57
  align-items: center;
58
58
  border-radius: var(--intergalactic-control-rounded, 6px);
@@ -70,8 +70,8 @@ SCalendarUnit {
70
70
  margin-top: 4px;
71
71
 
72
72
  &:hover {
73
- color: var(--intergalactic-text-primary, #191b23);
74
- background-color: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
73
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
74
+ background-color: var(--intergalactic-date-picker-cell-hover, oklch(0.98 0.001 180));
75
75
  }
76
76
  }
77
77
 
@@ -86,42 +86,42 @@ SCalendarUnit[today] {
86
86
  width: calc(100% - 2px);
87
87
  height: calc(100% - 2px);
88
88
  box-sizing: border-box;
89
- border: 1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b);
89
+ border: 1px solid var(--intergalactic-date-picker-cell-current, oklch(0.104 0.023 162.3 / 0.385));
90
90
  }
91
91
  }
92
92
 
93
93
  SCalendarUnit[today]SCalendarUnit[startSelected],
94
94
  SCalendarUnit[today]SCalendarUnit[endSelected] {
95
95
  &:before {
96
- border-color: var(--intergalactic-border-secondary, #e0e1e9);
96
+ border-color: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
97
97
  }
98
98
  }
99
99
 
100
100
  SCalendarUnit[selected] {
101
- background-color: var(--intergalactic-date-picker-cell-range, #c4e5fe);
101
+ background-color: var(--intergalactic-date-picker-cell-range, oklch(0.959 0.021 267.8));
102
102
  border-radius: 0;
103
103
  transition: border-radius 0s 0s;
104
- color: var(--intergalactic-text-primary, #191b23);
104
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
105
105
 
106
106
  &:hover {
107
- background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
107
+ background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.898 0.054 268.3));
108
108
  }
109
109
  }
110
110
 
111
111
  SCalendarUnit[highlighted] {
112
- background-color: var(--intergalactic-date-picker-cell-range, #c4e5fe);
112
+ background-color: var(--intergalactic-date-picker-cell-range, oklch(0.959 0.021 267.8));
113
113
  border-radius: 0;
114
114
  transition: border-radius 0s 0s;
115
- color: var(--intergalactic-text-primary, #191b23);
115
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
116
116
 
117
117
  &:hover {
118
- background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
118
+ background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.898 0.054 268.3));
119
119
  }
120
120
  }
121
121
 
122
122
  SCalendarUnit[startSelected] {
123
- color: var(--intergalactic-text-primary-invert, #ffffff);
124
- background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
123
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
124
+ background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.152 276.7));
125
125
 
126
126
  &:not([highlighted]) {
127
127
  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
@@ -131,14 +131,14 @@ SCalendarUnit[startSelected] {
131
131
  }
132
132
 
133
133
  &:hover {
134
- color: var(--intergalactic-text-primary-invert, #ffffff);
135
- background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
134
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
135
+ background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.166 277.7));
136
136
  }
137
137
  }
138
138
 
139
139
  SCalendarUnit[endSelected] {
140
- background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
141
- color: var(--intergalactic-text-primary-invert, #ffffff);
140
+ background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.152 276.7));
141
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
142
142
 
143
143
  &:not([highlighted]) {
144
144
  border-bottom-left-radius: 0;
@@ -148,8 +148,8 @@ SCalendarUnit[endSelected] {
148
148
  }
149
149
 
150
150
  &:hover {
151
- color: var(--intergalactic-text-primary-invert, #ffffff);
152
- background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
151
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
152
+ background-color: var(--intergalactic-date-picker-cell-active-hover, oklch(0.6 0.166 277.7));
153
153
  }
154
154
  }
155
155
 
@@ -182,8 +182,8 @@ SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
182
182
  }
183
183
 
184
184
  SCalendarUnit[compareHighlighted] {
185
- border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
186
- border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
185
+ border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
186
+ border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
187
187
  border-radius: 0;
188
188
  transition: none;
189
189
  }
@@ -191,19 +191,19 @@ SCalendarUnit[compareHighlighted] {
191
191
 
192
192
  SCalendarUnit[compareStartHighlighted],
193
193
  SCalendarUnit[compareEndHighlighted] {
194
- border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
195
- border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
194
+ border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
195
+ border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
196
196
  }
197
197
 
198
198
  SCalendarUnit[compareStart],
199
199
  SCalendarUnit[compareEnd] {
200
200
  border-radius: 0;
201
- background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
202
- color: var(--intergalactic-text-primary-invert, #ffffff);
201
+ background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
202
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
203
203
 
204
204
  &:hover {
205
- color: var(--intergalactic-text-primary-invert, #ffffff);
206
- background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab);
205
+ color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
206
+ background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, oklch(0.6 0.244 297.8));
207
207
  }
208
208
  }
209
209
 
@@ -243,7 +243,7 @@ SCalendar:focus {
243
243
  }
244
244
 
245
245
  &:not(&:has(SCalendarUnit[highlighted])) {
246
- border-radius: var(--intergalactic-surface-rounded, 6px);
246
+ border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
247
247
  }
248
248
  }
249
249
 
package/lib/cjs/style/date-picker.shadow.css CHANGED
@@ -21,7 +21,7 @@ SHeader {
21
21
 
22
22
  STitle {
23
23
  font-size: var(--intergalactic-fs-200, 14px);
24
- color: var(--intergalactic-text-primary, #191b23);
24
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
25
25
  height: 32px;
26
26
  width: 100%;
27
27
  display: flex;
@@ -46,7 +46,7 @@ SButton SInner {
46
46
  }
47
47
 
48
48
  SInputMask {
49
- color: var(--intergalactic-text-primary, #191b23);
49
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
50
50
  line-height: normal;
51
51
  padding-right: var(--intergalactic-spacing-2x, 8px);
52
52
  transition: width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease, min-width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease;
@@ -65,7 +65,7 @@ SInputMask SValue {
65
65
  }
66
66
 
67
67
  SIndicator {
68
- color: var(--intergalactic-text-secondary, #6c6e79);
68
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
69
69
  }
70
70
 
71
71
  SRangeIndicator {
@@ -74,15 +74,15 @@ SRangeIndicator {
74
74
  }
75
75
 
76
76
  SRangeIndicator[range='value'] {
77
- background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
77
+ background-color: var(--intergalactic-date-picker-cell-active, oklch(0.64 0.152 276.7));
78
78
  }
79
79
 
80
80
  SRangeIndicator[range='compare'] {
81
- background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
81
+ background-color: var(--intergalactic-date-picker-cell-comparison-active, oklch(0.64 0.223 299.3));
82
82
  }
83
83
 
84
84
  SRangeIndicator[disabled] {
85
- opacity: var(--intergalactic-disabled-opacity, 0.3);
85
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
86
86
  }
87
87
 
88
88
  SHumanizedDate {
@@ -137,16 +137,16 @@ SInputMask[noHumanizedDate] SMask {
137
137
  }
138
138
 
139
139
  SDateRange SInputMask:focus-within SMask {
140
- background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
140
+ background-color: var(--intergalactic-bg-highlight-focus, oklch(0.524 0.266 263.1 / 0.116));
141
141
  }
142
142
 
143
143
  SRangeSep[fulfilled],
144
144
  SDateRange:focus-within SRangeSep {
145
- color: var(--intergalactic-text-primary, #191b23);
145
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
146
146
  }
147
147
 
148
148
  SRangeComparatorHeader {
149
- border-bottom: 1px solid var(--intergalactic-border-primary, #c4c7cf);
149
+ border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
150
150
  padding: var(--intergalactic-spacing-4x, 16px);
151
151
  }
152
152
 
@@ -155,7 +155,7 @@ SRangeCalendar {
155
155
  }
156
156
 
157
157
  SFooter {
158
- border-top: 1px solid var(--intergalactic-border-primary, #c4c7cf);
158
+ border-top: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
159
159
  padding: var(--intergalactic-spacing-4x, 16px);
160
160
  }
161
161
 
package/lib/es6/components/Calendar.js CHANGED
@@ -12,29 +12,29 @@ import fire from '@semcore/core/lib/utils/fire';
12
12
  import dayjs from 'dayjs';
13
13
  import React from 'react';
14
14
  /*!__reshadow-styles__:"../style/calendar.shadow.css"*/
15
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCalendar_1vphl_gg_{display:flex;flex-direction:column;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SCalendar_1vphl_gg_ .___SCalendarUnit_1vphl_gg_:focus-visible{outline:0}.___SGridDays_1vphl_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1vphl_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_1vphl_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1vphl_gg_,.___SWeekDay_1vphl_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1vphl_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1vphl_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:border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1vphl_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1vphl_gg_.__today_1vphl_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_1vphl_gg_.___SCalendarUnit_1vphl_gg_.__today_1vphl_gg_.__endSelected_1vphl_gg_:before,.___SCalendarUnit_1vphl_gg_.___SCalendarUnit_1vphl_gg_.__today_1vphl_gg_.__startSelected_1vphl_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1vphl_gg_.__highlighted_1vphl_gg_,.___SCalendarUnit_1vphl_gg_.__selected_1vphl_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe);border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SCalendarUnit_1vphl_gg_.__selected_1vphl_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}@media (hover:hover){.___SCalendarUnit_1vphl_gg_.__highlighted_1vphl_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1vphl_gg_.__startSelected_1vphl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1vphl_gg_.__startSelected_1vphl_gg_:not(.__highlighted_1vphl_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_1vphl_gg_.__startSelected_1vphl_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1vphl_gg_.__endSelected_1vphl_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1vphl_gg_.__endSelected_1vphl_gg_:not(.__highlighted_1vphl_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_1vphl_gg_.__endSelected_1vphl_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1vphl_gg_.__startHighlighted_1vphl_gg_:not(.__selected_1vphl_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_1vphl_gg_.__endHighlighted_1vphl_gg_:not(.__selected_1vphl_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_1vphl_gg_.__startHighlighted_1vphl_gg_.___SCalendarUnit_1vphl_gg_.__endHighlighted_1vphl_gg_,.___SCalendarUnit_1vphl_gg_.__startSelected_1vphl_gg_.___SCalendarUnit_1vphl_gg_.__endSelected_1vphl_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_1vphl_gg_.__compareHighlighted_1vphl_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_1vphl_gg_.__compareEndHighlighted_1vphl_gg_,.___SCalendarUnit_1vphl_gg_.__compareStartHighlighted_1vphl_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_1vphl_gg_.__compareEnd_1vphl_gg_,.___SCalendarUnit_1vphl_gg_.__compareStart_1vphl_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_1vphl_gg_.__compareEnd_1vphl_gg_:hover,.___SCalendarUnit_1vphl_gg_.__compareStart_1vphl_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1vphl_gg_.__compareStartHighlighted_1vphl_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1vphl_gg_.__compareEndHighlighted_1vphl_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1vphl_gg_.__compareStart_1vphl_gg_:not(.__compareHighlighted_1vphl_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1vphl_gg_.__compareEnd_1vphl_gg_:not(.__compareHighlighted_1vphl_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1vphl_gg_.__outdated_1vphl_gg_{opacity:.2}.___SCalendarUnit_1vphl_gg_.__disabled_1vphl_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_1vphl_gg_:focus .___SCalendarUnit_1vphl_gg_.__highlighted_1vphl_gg_{z-index:1}.___SCalendar_1vphl_gg_:focus:not(.___SCalendar_1vphl_gg_:focus:has(.___SCalendarUnit_1vphl_gg_.__highlighted_1vphl_gg_)){border-radius:var(--intergalactic-surface-rounded, 6px)}@media (prefers-reduced-motion){.___SCalendarUnit_1vphl_gg_,.___SCalendarUnit_1vphl_gg_.__highlighted_1vphl_gg_,.___SCalendarUnit_1vphl_gg_.__selected_1vphl_gg_{transition:none}}", /*__inner_css_end__*/"1vphl_gg_"),
15
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCalendar_1ey8l_gg_{display:flex;flex-direction:column;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SCalendar_1ey8l_gg_ .___SCalendarUnit_1ey8l_gg_:focus-visible{outline:0}.___SGridDays_1ey8l_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1ey8l_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_1ey8l_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1ey8l_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);overflow:hidden}@supports (color:color(display-p3 0 0 0%)){.___SWeekDay_1ey8l_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_1ey8l_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_1ey8l_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, rgba(1, 5, 0, 0.899));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, rgb(255, 255, 255));align-items:center;border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px;position:relative;transition:border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1ey8l_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-date-picker-cell-hover, rgb(248, 249, 248))}}.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_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, rgba(0, 5, 2, 0.385))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SCalendarUnit_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_.__startSelected_1ey8l_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_.__startSelected_1ey8l_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_.__startSelected_1ey8l_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_.__endSelected_1ey8l_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_.__endSelected_1ey8l_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__today_1ey8l_gg_.__endSelected_1ey8l_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_1ey8l_gg_.__selected_1ey8l_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255));border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_1ey8l_gg_.__selected_1ey8l_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255))}@media (color-gamut:p3){.___SCalendarUnit_1ey8l_gg_.__selected_1ey8l_gg_{background-color:var(--intergalactic-date-picker-cell-range, color(display-p3 0.92677 0.94582 0.99939))}}}@media (hover:hover){.___SCalendarUnit_1ey8l_gg_.__selected_1ey8l_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_1ey8l_gg_.__selected_1ey8l_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_1ey8l_gg_.__selected_1ey8l_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.8189 0.86425 1))}}}}.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255));border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255))}@media (color-gamut:p3){.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_{background-color:var(--intergalactic-date-picker-cell-range, color(display-p3 0.92677 0.94582 0.99939))}}}@media (hover:hover){.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.8189 0.86425 1))}}}}.___SCalendarUnit_1ey8l_gg_.__startSelected_1ey8l_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SCalendarUnit_1ey8l_gg_.__startSelected_1ey8l_gg_:not(.__highlighted_1ey8l_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_1ey8l_gg_.__startSelected_1ey8l_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(107, 113, 225))}}.___SCalendarUnit_1ey8l_gg_.__endSelected_1ey8l_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SCalendarUnit_1ey8l_gg_.__endSelected_1ey8l_gg_:not(.__highlighted_1ey8l_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_1ey8l_gg_.__endSelected_1ey8l_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(107, 113, 225))}}.___SCalendarUnit_1ey8l_gg_.__startHighlighted_1ey8l_gg_:not(.__selected_1ey8l_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_1ey8l_gg_.__endHighlighted_1ey8l_gg_:not(.__selected_1ey8l_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_1ey8l_gg_.__startHighlighted_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__endHighlighted_1ey8l_gg_,.___SCalendarUnit_1ey8l_gg_.__startSelected_1ey8l_gg_.___SCalendarUnit_1ey8l_gg_.__endSelected_1ey8l_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_1ey8l_gg_.__compareHighlighted_1ey8l_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-radius:0;transition:none}.___SCalendarUnit_1ey8l_gg_.__compareEndHighlighted_1ey8l_gg_,.___SCalendarUnit_1ey8l_gg_.__compareStartHighlighted_1ey8l_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SCalendarUnit_1ey8l_gg_.__compareEnd_1ey8l_gg_,.___SCalendarUnit_1ey8l_gg_.__compareStart_1ey8l_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}@media (hover:hover){.___SCalendarUnit_1ey8l_gg_.__compareEnd_1ey8l_gg_:hover,.___SCalendarUnit_1ey8l_gg_.__compareStart_1ey8l_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, rgb(150, 76, 251))}}.___SCalendarUnit_1ey8l_gg_.__compareStartHighlighted_1ey8l_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ey8l_gg_.__compareEndHighlighted_1ey8l_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ey8l_gg_.__compareStart_1ey8l_gg_:not(.__compareHighlighted_1ey8l_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ey8l_gg_.__compareEnd_1ey8l_gg_:not(.__compareHighlighted_1ey8l_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ey8l_gg_.__outdated_1ey8l_gg_{opacity:.2}.___SCalendarUnit_1ey8l_gg_.__disabled_1ey8l_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_1ey8l_gg_:focus .___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_{z-index:1}.___SCalendar_1ey8l_gg_:focus:not(.___SCalendar_1ey8l_gg_:focus:has(.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_)){border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}@media (prefers-reduced-motion){.___SCalendarUnit_1ey8l_gg_,.___SCalendarUnit_1ey8l_gg_.__highlighted_1ey8l_gg_,.___SCalendarUnit_1ey8l_gg_.__selected_1ey8l_gg_{transition:none}}", /*__inner_css_end__*/"1ey8l_gg_"),
16
16
  /*__reshadow_css_end__*/
17
17
  {
18
- "__SGridDays": "___SGridDays_1vphl_gg_",
19
- "__SGridMonths": "___SGridMonths_1vphl_gg_",
20
- "__SWeekDays": "___SWeekDays_1vphl_gg_",
21
- "__SWeekDay": "___SWeekDay_1vphl_gg_",
22
- "__SCalendarUnit": "___SCalendarUnit_1vphl_gg_",
23
- "_startHighlighted": "__startHighlighted_1vphl_gg_",
24
- "_selected": "__selected_1vphl_gg_",
25
- "_endHighlighted": "__endHighlighted_1vphl_gg_",
26
- "_startSelected": "__startSelected_1vphl_gg_",
27
- "_endSelected": "__endSelected_1vphl_gg_",
28
- "_compareHighlighted": "__compareHighlighted_1vphl_gg_",
29
- "_compareStartHighlighted": "__compareStartHighlighted_1vphl_gg_",
30
- "_compareEndHighlighted": "__compareEndHighlighted_1vphl_gg_",
31
- "_compareStart": "__compareStart_1vphl_gg_",
32
- "_compareEnd": "__compareEnd_1vphl_gg_",
33
- "_outdated": "__outdated_1vphl_gg_",
34
- "_disabled": "__disabled_1vphl_gg_",
35
- "_highlighted": "__highlighted_1vphl_gg_",
36
- "__SCalendar": "___SCalendar_1vphl_gg_",
37
- "_today": "__today_1vphl_gg_"
18
+ "__SGridDays": "___SGridDays_1ey8l_gg_",
19
+ "__SGridMonths": "___SGridMonths_1ey8l_gg_",
20
+ "__SWeekDays": "___SWeekDays_1ey8l_gg_",
21
+ "__SWeekDay": "___SWeekDay_1ey8l_gg_",
22
+ "__SCalendarUnit": "___SCalendarUnit_1ey8l_gg_",
23
+ "_startHighlighted": "__startHighlighted_1ey8l_gg_",
24
+ "_selected": "__selected_1ey8l_gg_",
25
+ "_endHighlighted": "__endHighlighted_1ey8l_gg_",
26
+ "_startSelected": "__startSelected_1ey8l_gg_",
27
+ "_endSelected": "__endSelected_1ey8l_gg_",
28
+ "_compareHighlighted": "__compareHighlighted_1ey8l_gg_",
29
+ "_compareStartHighlighted": "__compareStartHighlighted_1ey8l_gg_",
30
+ "_compareEndHighlighted": "__compareEndHighlighted_1ey8l_gg_",
31
+ "_compareStart": "__compareStart_1ey8l_gg_",
32
+ "_compareEnd": "__compareEnd_1ey8l_gg_",
33
+ "_outdated": "__outdated_1ey8l_gg_",
34
+ "_disabled": "__disabled_1ey8l_gg_",
35
+ "_highlighted": "__highlighted_1ey8l_gg_",
36
+ "__SCalendar": "___SCalendar_1ey8l_gg_",
37
+ "_today": "__today_1ey8l_gg_"
38
38
  });
39
39
  import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
40
40
  import { includesDate } from '../utils/includesDate';
package/lib/es6/components/DateRangeComparatorAbstract.js CHANGED
@@ -13,37 +13,37 @@ import Dropdown from '@semcore/dropdown';
13
13
  import dayjs from 'dayjs';
14
14
  import React from 'react';
15
15
  /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
16
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1gsh5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1gsh5_gg_:active,.___SPopper_1gsh5_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1gsh5_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1gsh5_gg_,.___STitle_1gsh5_gg_{display:flex;align-items:center}.___STitle_1gsh5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1gsh5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1gsh5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1gsh5_gg_ .___SInner_1gsh5_gg_{justify-content:flex-start}.___SInputMask_1gsh5_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_1gsh5_gg_.__animationsDisabled_1gsh5_gg_{transition:none}.___SInputMask_1gsh5_gg_ .___SValue_1gsh5_gg_{letter-spacing:0}.___SInputMask_1gsh5_gg_ .___SValue_1gsh5_gg_:focus{outline:0}.___SIndicator_1gsh5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1gsh5_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1gsh5_gg_._range_value_1gsh5_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1gsh5_gg_._range_compare_1gsh5_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1gsh5_gg_.__disabled_1gsh5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1gsh5_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1gsh5_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SDateRange_1gsh5_gg_ .___SValue_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_ .___SValue_1gsh5_gg_{opacity:0}.___SSingleDateInput_1gsh5_gg_:focus-within .___SHumanizedDate_1gsh5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_:focus-within .___SValue_1gsh5_gg_{opacity:1}.___SDateRange_1gsh5_gg_:focus-within .___SHumanizedDate_1gsh5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_,.___SDateRange_1gsh5_gg_:focus-within .___SValue_1gsh5_gg_{opacity:1}.___SInputMask_1gsh5_gg_.__noHumanizedDate_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SInputMask_1gsh5_gg_.__noHumanizedDate_1gsh5_gg_ .___SValue_1gsh5_gg_{opacity:1}.___SDateRange_1gsh5_gg_ .___SInputMask_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1gsh5_gg_:focus-within .___SRangeSep_1gsh5_gg_,.___SRangeSep_1gsh5_gg_.__fulfilled_1gsh5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1gsh5_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1gsh5_gg_,.___SRangeComparatorHeader_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1gsh5_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1gsh5_gg_,.___SPeriodsList_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1gsh5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1gsh5_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1gsh5_gg_{transition:none}}", /*__inner_css_end__*/"1gsh5_gg_"),
16
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4y7ky_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4y7ky_gg_:active,.___SPopper_4y7ky_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_4y7ky_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_4y7ky_gg_,.___STitle_4y7ky_gg_{display:flex;align-items:center}.___STitle_4y7ky_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_4y7ky_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4y7ky_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_4y7ky_gg_ .___SInner_4y7ky_gg_{justify-content:flex-start}.___SInputMask_4y7ky_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_4y7ky_gg_.__animationsDisabled_4y7ky_gg_{transition:none}.___SInputMask_4y7ky_gg_ .___SValue_4y7ky_gg_{letter-spacing:0}.___SInputMask_4y7ky_gg_ .___SValue_4y7ky_gg_:focus{outline:0}.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_4y7ky_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_4y7ky_gg_._range_value_4y7ky_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_4y7ky_gg_._range_compare_4y7ky_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_4y7ky_gg_.__disabled_4y7ky_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_4y7ky_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_4y7ky_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SDateRange_4y7ky_gg_ .___SValue_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_ .___SValue_4y7ky_gg_{opacity:0}.___SSingleDateInput_4y7ky_gg_:focus-within .___SHumanizedDate_4y7ky_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_:focus-within .___SValue_4y7ky_gg_{opacity:1}.___SDateRange_4y7ky_gg_:focus-within .___SHumanizedDate_4y7ky_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_,.___SDateRange_4y7ky_gg_:focus-within .___SValue_4y7ky_gg_{opacity:1}.___SInputMask_4y7ky_gg_.__noHumanizedDate_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SInputMask_4y7ky_gg_.__noHumanizedDate_4y7ky_gg_ .___SValue_4y7ky_gg_{opacity:1}.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_4y7ky_gg_:focus-within .___SRangeSep_4y7ky_gg_,.___SRangeSep_4y7ky_gg_.__fulfilled_4y7ky_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_4y7ky_gg_,.___SRangeCalendar_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_4y7ky_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_4y7ky_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_4y7ky_gg_{transition:none}}", /*__inner_css_end__*/"4y7ky_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SHeader": "___SHeader_1gsh5_gg_",
20
- "__STitle": "___STitle_1gsh5_gg_",
21
- "__SToday": "___SToday_1gsh5_gg_",
22
- "__SPeriod": "___SPeriod_1gsh5_gg_",
23
- "__SButton": "___SButton_1gsh5_gg_",
24
- "__SInner": "___SInner_1gsh5_gg_",
25
- "__SInputMask": "___SInputMask_1gsh5_gg_",
26
- "_animationsDisabled": "__animationsDisabled_1gsh5_gg_",
27
- "__SIndicator": "___SIndicator_1gsh5_gg_",
28
- "__SRangeIndicator": "___SRangeIndicator_1gsh5_gg_",
29
- "_range_value": "_range_value_1gsh5_gg_",
30
- "_range_compare": "_range_compare_1gsh5_gg_",
31
- "_disabled": "__disabled_1gsh5_gg_",
32
- "__SHumanizedDate": "___SHumanizedDate_1gsh5_gg_",
33
- "__SMask": "___SMask_1gsh5_gg_",
34
- "__SSingleDateInput": "___SSingleDateInput_1gsh5_gg_",
35
- "__SValue": "___SValue_1gsh5_gg_",
36
- "__SDateRange": "___SDateRange_1gsh5_gg_",
37
- "_noHumanizedDate": "__noHumanizedDate_1gsh5_gg_",
38
- "__SRangeSep": "___SRangeSep_1gsh5_gg_",
39
- "_fulfilled": "__fulfilled_1gsh5_gg_",
40
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_1gsh5_gg_",
41
- "__SRangeCalendar": "___SRangeCalendar_1gsh5_gg_",
42
- "__SFooter": "___SFooter_1gsh5_gg_",
43
- "__SPeriodsList": "___SPeriodsList_1gsh5_gg_",
44
- "__STooltip": "___STooltip_1gsh5_gg_",
45
- "__SCompareToggle": "___SCompareToggle_1gsh5_gg_",
46
- "__SPopper": "___SPopper_1gsh5_gg_"
19
+ "__SHeader": "___SHeader_4y7ky_gg_",
20
+ "__STitle": "___STitle_4y7ky_gg_",
21
+ "__SToday": "___SToday_4y7ky_gg_",
22
+ "__SPeriod": "___SPeriod_4y7ky_gg_",
23
+ "__SButton": "___SButton_4y7ky_gg_",
24
+ "__SInner": "___SInner_4y7ky_gg_",
25
+ "__SInputMask": "___SInputMask_4y7ky_gg_",
26
+ "_animationsDisabled": "__animationsDisabled_4y7ky_gg_",
27
+ "__SIndicator": "___SIndicator_4y7ky_gg_",
28
+ "__SRangeIndicator": "___SRangeIndicator_4y7ky_gg_",
29
+ "_range_value": "_range_value_4y7ky_gg_",
30
+ "_range_compare": "_range_compare_4y7ky_gg_",
31
+ "_disabled": "__disabled_4y7ky_gg_",
32
+ "__SHumanizedDate": "___SHumanizedDate_4y7ky_gg_",
33
+ "__SMask": "___SMask_4y7ky_gg_",
34
+ "__SSingleDateInput": "___SSingleDateInput_4y7ky_gg_",
35
+ "__SValue": "___SValue_4y7ky_gg_",
36
+ "__SDateRange": "___SDateRange_4y7ky_gg_",
37
+ "_noHumanizedDate": "__noHumanizedDate_4y7ky_gg_",
38
+ "__SRangeSep": "___SRangeSep_4y7ky_gg_",
39
+ "_fulfilled": "__fulfilled_4y7ky_gg_",
40
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_4y7ky_gg_",
41
+ "__SRangeCalendar": "___SRangeCalendar_4y7ky_gg_",
42
+ "__SFooter": "___SFooter_4y7ky_gg_",
43
+ "__SPeriodsList": "___SPeriodsList_4y7ky_gg_",
44
+ "__STooltip": "___STooltip_4y7ky_gg_",
45
+ "__SCompareToggle": "___SCompareToggle_4y7ky_gg_",
46
+ "__SPopper": "___SPopper_4y7ky_gg_"
47
47
  });
48
48
  import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
49
49
  import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
package/lib/es6/components/InputTrigger.js CHANGED
@@ -19,37 +19,37 @@ import Tooltip from '@semcore/tooltip';
19
19
  import dayjs from 'dayjs';
20
20
  import React from 'react';
21
21
  /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
22
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1gsh5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1gsh5_gg_:active,.___SPopper_1gsh5_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1gsh5_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1gsh5_gg_,.___STitle_1gsh5_gg_{display:flex;align-items:center}.___STitle_1gsh5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1gsh5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1gsh5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1gsh5_gg_ .___SInner_1gsh5_gg_{justify-content:flex-start}.___SInputMask_1gsh5_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_1gsh5_gg_.__animationsDisabled_1gsh5_gg_{transition:none}.___SInputMask_1gsh5_gg_ .___SValue_1gsh5_gg_{letter-spacing:0}.___SInputMask_1gsh5_gg_ .___SValue_1gsh5_gg_:focus{outline:0}.___SIndicator_1gsh5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1gsh5_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1gsh5_gg_._range_value_1gsh5_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1gsh5_gg_._range_compare_1gsh5_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1gsh5_gg_.__disabled_1gsh5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1gsh5_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1gsh5_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SDateRange_1gsh5_gg_ .___SValue_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_ .___SValue_1gsh5_gg_{opacity:0}.___SSingleDateInput_1gsh5_gg_:focus-within .___SHumanizedDate_1gsh5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_:focus-within .___SValue_1gsh5_gg_{opacity:1}.___SDateRange_1gsh5_gg_:focus-within .___SHumanizedDate_1gsh5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_,.___SDateRange_1gsh5_gg_:focus-within .___SValue_1gsh5_gg_{opacity:1}.___SInputMask_1gsh5_gg_.__noHumanizedDate_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SInputMask_1gsh5_gg_.__noHumanizedDate_1gsh5_gg_ .___SValue_1gsh5_gg_{opacity:1}.___SDateRange_1gsh5_gg_ .___SInputMask_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1gsh5_gg_:focus-within .___SRangeSep_1gsh5_gg_,.___SRangeSep_1gsh5_gg_.__fulfilled_1gsh5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1gsh5_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1gsh5_gg_,.___SRangeComparatorHeader_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1gsh5_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1gsh5_gg_,.___SPeriodsList_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1gsh5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1gsh5_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1gsh5_gg_{transition:none}}", /*__inner_css_end__*/"1gsh5_gg_"),
22
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4y7ky_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4y7ky_gg_:active,.___SPopper_4y7ky_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_4y7ky_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_4y7ky_gg_,.___STitle_4y7ky_gg_{display:flex;align-items:center}.___STitle_4y7ky_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_4y7ky_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4y7ky_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_4y7ky_gg_ .___SInner_4y7ky_gg_{justify-content:flex-start}.___SInputMask_4y7ky_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_4y7ky_gg_.__animationsDisabled_4y7ky_gg_{transition:none}.___SInputMask_4y7ky_gg_ .___SValue_4y7ky_gg_{letter-spacing:0}.___SInputMask_4y7ky_gg_ .___SValue_4y7ky_gg_:focus{outline:0}.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_4y7ky_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_4y7ky_gg_._range_value_4y7ky_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_4y7ky_gg_._range_compare_4y7ky_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_4y7ky_gg_.__disabled_4y7ky_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_4y7ky_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_4y7ky_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SDateRange_4y7ky_gg_ .___SValue_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_ .___SValue_4y7ky_gg_{opacity:0}.___SSingleDateInput_4y7ky_gg_:focus-within .___SHumanizedDate_4y7ky_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_:focus-within .___SValue_4y7ky_gg_{opacity:1}.___SDateRange_4y7ky_gg_:focus-within .___SHumanizedDate_4y7ky_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_,.___SDateRange_4y7ky_gg_:focus-within .___SValue_4y7ky_gg_{opacity:1}.___SInputMask_4y7ky_gg_.__noHumanizedDate_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SInputMask_4y7ky_gg_.__noHumanizedDate_4y7ky_gg_ .___SValue_4y7ky_gg_{opacity:1}.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_4y7ky_gg_:focus-within .___SRangeSep_4y7ky_gg_,.___SRangeSep_4y7ky_gg_.__fulfilled_4y7ky_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_4y7ky_gg_,.___SRangeCalendar_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_4y7ky_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_4y7ky_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_4y7ky_gg_{transition:none}}", /*__inner_css_end__*/"4y7ky_gg_"),
23
23
  /*__reshadow_css_end__*/
24
24
  {
25
- "__SHeader": "___SHeader_1gsh5_gg_",
26
- "__STitle": "___STitle_1gsh5_gg_",
27
- "__SToday": "___SToday_1gsh5_gg_",
28
- "__SPeriod": "___SPeriod_1gsh5_gg_",
29
- "__SButton": "___SButton_1gsh5_gg_",
30
- "__SInner": "___SInner_1gsh5_gg_",
31
- "__SInputMask": "___SInputMask_1gsh5_gg_",
32
- "_animationsDisabled": "__animationsDisabled_1gsh5_gg_",
33
- "__SIndicator": "___SIndicator_1gsh5_gg_",
34
- "__SRangeIndicator": "___SRangeIndicator_1gsh5_gg_",
35
- "_range_value": "_range_value_1gsh5_gg_",
36
- "_range_compare": "_range_compare_1gsh5_gg_",
37
- "_disabled": "__disabled_1gsh5_gg_",
38
- "__SHumanizedDate": "___SHumanizedDate_1gsh5_gg_",
39
- "__SMask": "___SMask_1gsh5_gg_",
40
- "__SSingleDateInput": "___SSingleDateInput_1gsh5_gg_",
41
- "__SValue": "___SValue_1gsh5_gg_",
42
- "__SDateRange": "___SDateRange_1gsh5_gg_",
43
- "_noHumanizedDate": "__noHumanizedDate_1gsh5_gg_",
44
- "__SRangeSep": "___SRangeSep_1gsh5_gg_",
45
- "_fulfilled": "__fulfilled_1gsh5_gg_",
46
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_1gsh5_gg_",
47
- "__SRangeCalendar": "___SRangeCalendar_1gsh5_gg_",
48
- "__SFooter": "___SFooter_1gsh5_gg_",
49
- "__SPeriodsList": "___SPeriodsList_1gsh5_gg_",
50
- "__STooltip": "___STooltip_1gsh5_gg_",
51
- "__SCompareToggle": "___SCompareToggle_1gsh5_gg_",
52
- "__SPopper": "___SPopper_1gsh5_gg_"
25
+ "__SHeader": "___SHeader_4y7ky_gg_",
26
+ "__STitle": "___STitle_4y7ky_gg_",
27
+ "__SToday": "___SToday_4y7ky_gg_",
28
+ "__SPeriod": "___SPeriod_4y7ky_gg_",
29
+ "__SButton": "___SButton_4y7ky_gg_",
30
+ "__SInner": "___SInner_4y7ky_gg_",
31
+ "__SInputMask": "___SInputMask_4y7ky_gg_",
32
+ "_animationsDisabled": "__animationsDisabled_4y7ky_gg_",
33
+ "__SIndicator": "___SIndicator_4y7ky_gg_",
34
+ "__SRangeIndicator": "___SRangeIndicator_4y7ky_gg_",
35
+ "_range_value": "_range_value_4y7ky_gg_",
36
+ "_range_compare": "_range_compare_4y7ky_gg_",
37
+ "_disabled": "__disabled_4y7ky_gg_",
38
+ "__SHumanizedDate": "___SHumanizedDate_4y7ky_gg_",
39
+ "__SMask": "___SMask_4y7ky_gg_",
40
+ "__SSingleDateInput": "___SSingleDateInput_4y7ky_gg_",
41
+ "__SValue": "___SValue_4y7ky_gg_",
42
+ "__SDateRange": "___SDateRange_4y7ky_gg_",
43
+ "_noHumanizedDate": "__noHumanizedDate_4y7ky_gg_",
44
+ "__SRangeSep": "___SRangeSep_4y7ky_gg_",
45
+ "_fulfilled": "__fulfilled_4y7ky_gg_",
46
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_4y7ky_gg_",
47
+ "__SRangeCalendar": "___SRangeCalendar_4y7ky_gg_",
48
+ "__SFooter": "___SFooter_4y7ky_gg_",
49
+ "__SPeriodsList": "___SPeriodsList_4y7ky_gg_",
50
+ "__STooltip": "___STooltip_4y7ky_gg_",
51
+ "__SCompareToggle": "___SCompareToggle_4y7ky_gg_",
52
+ "__SPopper": "___SPopper_4y7ky_gg_"
53
53
  });
54
54
  import { datesIntersects } from '../utils/datesIntersects';
55
55
  import { includesDate } from '../utils/includesDate';
package/lib/es6/components/PickerAbstract.js CHANGED
@@ -7,37 +7,37 @@ import Dropdown from '@semcore/dropdown';
7
7
  import dayjs from 'dayjs';
8
8
  import React from 'react';
9
9
  /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
10
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1gsh5_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1gsh5_gg_:active,.___SPopper_1gsh5_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1gsh5_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_1gsh5_gg_,.___STitle_1gsh5_gg_{display:flex;align-items:center}.___STitle_1gsh5_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1gsh5_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1gsh5_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1gsh5_gg_ .___SInner_1gsh5_gg_{justify-content:flex-start}.___SInputMask_1gsh5_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_1gsh5_gg_.__animationsDisabled_1gsh5_gg_{transition:none}.___SInputMask_1gsh5_gg_ .___SValue_1gsh5_gg_{letter-spacing:0}.___SInputMask_1gsh5_gg_ .___SValue_1gsh5_gg_:focus{outline:0}.___SIndicator_1gsh5_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1gsh5_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1gsh5_gg_._range_value_1gsh5_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1gsh5_gg_._range_compare_1gsh5_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1gsh5_gg_.__disabled_1gsh5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1gsh5_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1gsh5_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SDateRange_1gsh5_gg_ .___SValue_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_ .___SValue_1gsh5_gg_{opacity:0}.___SSingleDateInput_1gsh5_gg_:focus-within .___SHumanizedDate_1gsh5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_,.___SSingleDateInput_1gsh5_gg_:focus-within .___SValue_1gsh5_gg_{opacity:1}.___SDateRange_1gsh5_gg_:focus-within .___SHumanizedDate_1gsh5_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_,.___SDateRange_1gsh5_gg_:focus-within .___SValue_1gsh5_gg_{opacity:1}.___SInputMask_1gsh5_gg_.__noHumanizedDate_1gsh5_gg_ .___SMask_1gsh5_gg_,.___SInputMask_1gsh5_gg_.__noHumanizedDate_1gsh5_gg_ .___SValue_1gsh5_gg_{opacity:1}.___SDateRange_1gsh5_gg_ .___SInputMask_1gsh5_gg_:focus-within .___SMask_1gsh5_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1gsh5_gg_:focus-within .___SRangeSep_1gsh5_gg_,.___SRangeSep_1gsh5_gg_.__fulfilled_1gsh5_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1gsh5_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1gsh5_gg_,.___SRangeComparatorHeader_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1gsh5_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1gsh5_gg_,.___SPeriodsList_1gsh5_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1gsh5_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1gsh5_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1gsh5_gg_{transition:none}}", /*__inner_css_end__*/"1gsh5_gg_"),
10
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_4y7ky_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_4y7ky_gg_:active,.___SPopper_4y7ky_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_4y7ky_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_4y7ky_gg_,.___STitle_4y7ky_gg_{display:flex;align-items:center}.___STitle_4y7ky_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_4y7ky_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_4y7ky_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_4y7ky_gg_ .___SInner_4y7ky_gg_{justify-content:flex-start}.___SInputMask_4y7ky_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));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_4y7ky_gg_.__animationsDisabled_4y7ky_gg_{transition:none}.___SInputMask_4y7ky_gg_ .___SValue_4y7ky_gg_{letter-spacing:0}.___SInputMask_4y7ky_gg_ .___SValue_4y7ky_gg_:focus{outline:0}.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_4y7ky_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_4y7ky_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_4y7ky_gg_._range_value_4y7ky_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SRangeIndicator_4y7ky_gg_._range_compare_4y7ky_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_4y7ky_gg_.__disabled_4y7ky_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_4y7ky_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_4y7ky_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SDateRange_4y7ky_gg_ .___SValue_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_ .___SValue_4y7ky_gg_{opacity:0}.___SSingleDateInput_4y7ky_gg_:focus-within .___SHumanizedDate_4y7ky_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_,.___SSingleDateInput_4y7ky_gg_:focus-within .___SValue_4y7ky_gg_{opacity:1}.___SDateRange_4y7ky_gg_:focus-within .___SHumanizedDate_4y7ky_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_,.___SDateRange_4y7ky_gg_:focus-within .___SValue_4y7ky_gg_{opacity:1}.___SInputMask_4y7ky_gg_.__noHumanizedDate_4y7ky_gg_ .___SMask_4y7ky_gg_,.___SInputMask_4y7ky_gg_.__noHumanizedDate_4y7ky_gg_ .___SValue_4y7ky_gg_{opacity:1}.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SDateRange_4y7ky_gg_ .___SInputMask_4y7ky_gg_:focus-within .___SMask_4y7ky_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SDateRange_4y7ky_gg_:focus-within .___SRangeSep_4y7ky_gg_,.___SRangeSep_4y7ky_gg_.__fulfilled_4y7ky_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_4y7ky_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_4y7ky_gg_,.___SRangeCalendar_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_4y7ky_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_4y7ky_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_4y7ky_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_4y7ky_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_4y7ky_gg_{transition:none}}", /*__inner_css_end__*/"4y7ky_gg_"),
11
11
  /*__reshadow_css_end__*/
12
12
  {
13
- "__SHeader": "___SHeader_1gsh5_gg_",
14
- "__STitle": "___STitle_1gsh5_gg_",
15
- "__SToday": "___SToday_1gsh5_gg_",
16
- "__SPeriod": "___SPeriod_1gsh5_gg_",
17
- "__SButton": "___SButton_1gsh5_gg_",
18
- "__SInner": "___SInner_1gsh5_gg_",
19
- "__SInputMask": "___SInputMask_1gsh5_gg_",
20
- "_animationsDisabled": "__animationsDisabled_1gsh5_gg_",
21
- "__SIndicator": "___SIndicator_1gsh5_gg_",
22
- "__SRangeIndicator": "___SRangeIndicator_1gsh5_gg_",
23
- "_range_value": "_range_value_1gsh5_gg_",
24
- "_range_compare": "_range_compare_1gsh5_gg_",
25
- "_disabled": "__disabled_1gsh5_gg_",
26
- "__SHumanizedDate": "___SHumanizedDate_1gsh5_gg_",
27
- "__SMask": "___SMask_1gsh5_gg_",
28
- "__SSingleDateInput": "___SSingleDateInput_1gsh5_gg_",
29
- "__SValue": "___SValue_1gsh5_gg_",
30
- "__SDateRange": "___SDateRange_1gsh5_gg_",
31
- "_noHumanizedDate": "__noHumanizedDate_1gsh5_gg_",
32
- "__SRangeSep": "___SRangeSep_1gsh5_gg_",
33
- "_fulfilled": "__fulfilled_1gsh5_gg_",
34
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_1gsh5_gg_",
35
- "__SRangeCalendar": "___SRangeCalendar_1gsh5_gg_",
36
- "__SFooter": "___SFooter_1gsh5_gg_",
37
- "__SPeriodsList": "___SPeriodsList_1gsh5_gg_",
38
- "__STooltip": "___STooltip_1gsh5_gg_",
39
- "__SCompareToggle": "___SCompareToggle_1gsh5_gg_",
40
- "__SPopper": "___SPopper_1gsh5_gg_"
13
+ "__SHeader": "___SHeader_4y7ky_gg_",
14
+ "__STitle": "___STitle_4y7ky_gg_",
15
+ "__SToday": "___SToday_4y7ky_gg_",
16
+ "__SPeriod": "___SPeriod_4y7ky_gg_",
17
+ "__SButton": "___SButton_4y7ky_gg_",
18
+ "__SInner": "___SInner_4y7ky_gg_",
19
+ "__SInputMask": "___SInputMask_4y7ky_gg_",
20
+ "_animationsDisabled": "__animationsDisabled_4y7ky_gg_",
21
+ "__SIndicator": "___SIndicator_4y7ky_gg_",
22
+ "__SRangeIndicator": "___SRangeIndicator_4y7ky_gg_",
23
+ "_range_value": "_range_value_4y7ky_gg_",
24
+ "_range_compare": "_range_compare_4y7ky_gg_",
25
+ "_disabled": "__disabled_4y7ky_gg_",
26
+ "__SHumanizedDate": "___SHumanizedDate_4y7ky_gg_",
27
+ "__SMask": "___SMask_4y7ky_gg_",
28
+ "__SSingleDateInput": "___SSingleDateInput_4y7ky_gg_",
29
+ "__SValue": "___SValue_4y7ky_gg_",
30
+ "__SDateRange": "___SDateRange_4y7ky_gg_",
31
+ "_noHumanizedDate": "__noHumanizedDate_4y7ky_gg_",
32
+ "__SRangeSep": "___SRangeSep_4y7ky_gg_",
33
+ "_fulfilled": "__fulfilled_4y7ky_gg_",
34
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_4y7ky_gg_",
35
+ "__SRangeCalendar": "___SRangeCalendar_4y7ky_gg_",
36
+ "__SFooter": "___SFooter_4y7ky_gg_",
37
+ "__SPeriodsList": "___SPeriodsList_4y7ky_gg_",
38
+ "__STooltip": "___STooltip_4y7ky_gg_",
39
+ "__SCompareToggle": "___SCompareToggle_4y7ky_gg_",
40
+ "__SPopper": "___SPopper_4y7ky_gg_"
41
41
  });
42
42
  import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
43
43
  import { formatDDMMYY, formatMMYY } from '../utils/formatDate';