forstok-ui-lib 5.7.4 → 5.7.6

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 (13) hide show
  1. package/dist/index.js +113 -113
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +176 -176
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/rollup.config.js +3 -1
  7. package/src/assets/stylesheets/shares.styles.ts +2 -6
  8. package/src/components/date/daterangepicker.css +0 -4
  9. package/src/components/date/index.tsx +0 -1
  10. package/src/components/date/react.datepicker.css +3 -31
  11. package/dist/assets/index-CjIUtQZ4.css +0 -5
  12. package/dist/assets/index-aVDYiS61.css +0 -1132
  13. package/src/components/date/styles.css +0 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "forstok-ui-lib",
3
- "version": "5.7.4",
3
+ "version": "5.7.6",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
package/rollup.config.js CHANGED
@@ -62,7 +62,9 @@ export default [
62
62
  // extract: true
63
63
  // }),
64
64
  css({
65
- minify: true
65
+ minify: true,
66
+ modules: true,
67
+ inject: true,
66
68
  }),
67
69
  url(),
68
70
  svgr({ icon: true }),
package/src/assets/stylesheets/shares.styles.ts CHANGED
@@ -2083,6 +2083,7 @@ export const FigureWraper = styled.figure<{ $size?: string, $mode?: string }>`
2083
2083
  }}
2084
2084
  `
2085
2085
  export const PanelBody = styled.section`
2086
+ height: 100%;
2086
2087
  ${PanelContainer} {
2087
2088
  overflow-y: auto;
2088
2089
  }
@@ -2271,7 +2272,6 @@ export const TabsItem = styled.div<{ $activated?: boolean }>`
2271
2272
  position: relative;
2272
2273
  padding: 9px;
2273
2274
  color: ${({ $activated }:{ $activated?: boolean }) => $activated ? 'var(--sec-clr-lnk__hvr)' : 'var(--pri-clr-lnk)'};
2274
-
2275
2275
  &::after {
2276
2276
  content: '';
2277
2277
  position: absolute;
@@ -2816,7 +2816,6 @@ export const DropdownAction = styled.div`
2816
2816
  grid-gap: 8px;
2817
2817
  border-top: 1px solid var(--sec-clr-ln);
2818
2818
  `
2819
-
2820
2819
  export const FilterList = styled.ul`
2821
2820
  ${clearList}
2822
2821
  `
@@ -3064,7 +3063,6 @@ export const CreateHeaderWrapper = styled.article<{ $mode?: string }>`
3064
3063
  }
3065
3064
  ${getCreateHeaderWrapperModFunc}
3066
3065
  `
3067
-
3068
3066
  export const CreateToolWrapper = styled.article<{ $mode?: string, $type?: string }>`
3069
3067
  padding: 20px 15px;
3070
3068
  margin: .5em 0;
@@ -3193,7 +3191,6 @@ export const CreateToolWrapper = styled.article<{ $mode?: string, $type?: string
3193
3191
  }
3194
3192
  }}
3195
3193
  `
3196
-
3197
3194
  export const SearchDropdownContainer = styled.section`
3198
3195
  position: relative;
3199
3196
  `
@@ -3255,7 +3252,6 @@ export const PopupCard = styled.section<{ $mode?: string }>`
3255
3252
  }
3256
3253
  ${getPopupCardModFunc}
3257
3254
  `
3258
-
3259
3255
  export const PopupExportCardWrapper = styled.article`
3260
3256
  display: grid;
3261
3257
  grid-auto-flow: row;
@@ -3263,4 +3259,4 @@ export const PopupExportCardWrapper = styled.article`
3263
3259
  @media only screen and (min-width: 768px) {
3264
3260
  grid-template-columns: 1fr 1fr;
3265
3261
  }
3266
- `
3262
+ `
package/src/components/date/daterangepicker.css CHANGED
@@ -71,16 +71,12 @@
71
71
  .react-calendar__tile--now.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--active {
72
72
  border-radius: 10px !important;
73
73
  }
74
-
75
-
76
74
  .react-calendar__tile--rangeStart, .react-calendar__tile--hoverStart {
77
75
  border-radius: 10px 0px 0 10px !important;
78
76
  }
79
77
  .react-calendar__tile--rangeEnd, .react-calendar__tile--hoverEnd {
80
78
  border-radius: 0 10px 10px 0 !important;
81
79
  }
82
-
83
-
84
80
  .react-calendar__month-view__days {
85
81
  gap: 1px 0;
86
82
  }
package/src/components/date/index.tsx CHANGED
@@ -2,7 +2,6 @@ import { forwardRef, useState, useEffect } from 'react';
2
2
  import DatePicker from 'react-datepicker';
3
3
  import moment from 'moment';
4
4
  import './react.datepicker.css';
5
- import './styles.css';
6
5
  import { DateContainer, DateIndicatorContainer } from './styles';
7
6
  import type { TState } from '../../typeds/base.typed'
8
7
 
package/src/components/date/react.datepicker.css CHANGED
@@ -17,7 +17,6 @@
17
17
  padding: 0;
18
18
  border: 0;
19
19
  }
20
-
21
20
  .react-datepicker {
22
21
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
23
22
  font-size: 0.8rem;
@@ -29,7 +28,6 @@
29
28
  position: relative;
30
29
  line-height: initial;
31
30
  }
32
-
33
31
  .react-datepicker--time-only .react-datepicker__time-container {
34
32
  border-left: 0;
35
33
  }
@@ -38,7 +36,6 @@
38
36
  border-bottom-left-radius: 0.3rem;
39
37
  border-bottom-right-radius: 0.3rem;
40
38
  }
41
-
42
39
  .react-datepicker-popper {
43
40
  z-index: 1;
44
41
  line-height: 0;
@@ -54,7 +51,6 @@
54
51
  fill: #fff;
55
52
  color: #fff;
56
53
  }
57
-
58
54
  .react-datepicker__header {
59
55
  text-align: center;
60
56
  background-color: #f0f0f0;
@@ -74,7 +70,6 @@
74
70
  .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
75
71
  border-top-right-radius: 0.3rem;
76
72
  }
77
-
78
73
  .react-datepicker__year-dropdown-container--select,
79
74
  .react-datepicker__month-dropdown-container--select,
80
75
  .react-datepicker__month-year-dropdown-container--select,
@@ -84,7 +79,6 @@
84
79
  display: inline-block;
85
80
  margin: 0 15px;
86
81
  }
87
-
88
82
  .react-datepicker__current-month,
89
83
  .react-datepicker-time__header,
90
84
  .react-datepicker-year-header {
@@ -93,18 +87,15 @@
93
87
  font-weight: bold;
94
88
  font-size: 0.944rem;
95
89
  }
96
-
97
90
  h2.react-datepicker__current-month {
98
91
  padding: 0;
99
92
  margin: 0;
100
93
  }
101
-
102
94
  .react-datepicker-time__header {
103
95
  text-overflow: ellipsis;
104
96
  white-space: nowrap;
105
97
  overflow: hidden;
106
98
  }
107
-
108
99
  .react-datepicker__navigation {
109
100
  align-items: center;
110
101
  background: none;
@@ -147,7 +138,6 @@ h2.react-datepicker__current-month {
147
138
  .react-datepicker__navigation:hover *::before {
148
139
  border-color: rgb(165.75, 165.75, 165.75);
149
140
  }
150
-
151
141
  .react-datepicker__navigation-icon {
152
142
  position: relative;
153
143
  top: -1px;
@@ -168,11 +158,9 @@ h2.react-datepicker__current-month {
168
158
  transform: rotate(225deg);
169
159
  right: -7px;
170
160
  }
171
-
172
161
  .react-datepicker__month-container {
173
162
  float: left;
174
163
  }
175
-
176
164
  .react-datepicker__year {
177
165
  margin: 0.4rem;
178
166
  text-align: center;
@@ -187,7 +175,6 @@ h2.react-datepicker__current-month {
187
175
  width: 4rem;
188
176
  margin: 2px;
189
177
  }
190
-
191
178
  .react-datepicker__month {
192
179
  margin: 0.4rem;
193
180
  text-align: center;
@@ -198,7 +185,6 @@ h2.react-datepicker__current-month {
198
185
  width: 4rem;
199
186
  margin: 2px;
200
187
  }
201
-
202
188
  .react-datepicker__input-time-container {
203
189
  clear: both;
204
190
  width: 100%;
@@ -232,7 +218,6 @@ h2.react-datepicker__current-month {
232
218
  margin-left: 5px;
233
219
  display: inline-block;
234
220
  }
235
-
236
221
  .react-datepicker__time-container {
237
222
  float: right;
238
223
  border-left: 1px solid #aeaeae;
@@ -292,7 +277,6 @@ h2.react-datepicker__current-month {
292
277
  cursor: default;
293
278
  background-color: transparent;
294
279
  }
295
-
296
280
  .react-datepicker__week-number {
297
281
  color: #ccc;
298
282
  display: inline-block;
@@ -316,16 +300,13 @@ h2.react-datepicker__current-month {
316
300
  .react-datepicker__week-number--selected:hover {
317
301
  background-color: rgb(28.75, 93.2196969697, 143.75);
318
302
  }
319
-
320
303
  .react-datepicker__day-names {
321
304
  white-space: nowrap;
322
305
  margin-bottom: -8px;
323
306
  }
324
-
325
307
  .react-datepicker__week {
326
308
  white-space: nowrap;
327
309
  }
328
-
329
310
  .react-datepicker__day-name,
330
311
  .react-datepicker__day,
331
312
  .react-datepicker__time-name {
@@ -336,7 +317,6 @@ h2.react-datepicker__current-month {
336
317
  text-align: center;
337
318
  margin: 0.166rem;
338
319
  }
339
-
340
320
  .react-datepicker__day,
341
321
  .react-datepicker__month-text,
342
322
  .react-datepicker__quarter-text,
@@ -537,7 +517,6 @@ h2.react-datepicker__current-month {
537
517
  opacity: 0;
538
518
  transition: visibility 0s, opacity 0.3s ease-in-out;
539
519
  }
540
-
541
520
  .react-datepicker__input-container {
542
521
  position: relative;
543
522
  display: inline-block;
@@ -548,11 +527,9 @@ h2.react-datepicker__current-month {
548
527
  padding: 0.5rem;
549
528
  box-sizing: content-box;
550
529
  }
551
-
552
530
  .react-datepicker__view-calendar-icon input {
553
531
  padding: 6px 10px 5px 25px;
554
532
  }
555
-
556
533
  .react-datepicker__year-read-view,
557
534
  .react-datepicker__month-read-view,
558
535
  .react-datepicker__month-year-read-view {
@@ -580,7 +557,6 @@ h2.react-datepicker__current-month {
580
557
  right: -16px;
581
558
  top: 0;
582
559
  }
583
-
584
560
  .react-datepicker__year-dropdown,
585
561
  .react-datepicker__month-dropdown,
586
562
  .react-datepicker__month-year-dropdown {
@@ -605,7 +581,6 @@ h2.react-datepicker__current-month {
605
581
  height: 150px;
606
582
  overflow-y: scroll;
607
583
  }
608
-
609
584
  .react-datepicker__year-option,
610
585
  .react-datepicker__month-option,
611
586
  .react-datepicker__month-year-option {
@@ -652,7 +627,6 @@ h2.react-datepicker__current-month {
652
627
  position: absolute;
653
628
  left: 15px;
654
629
  }
655
-
656
630
  .react-datepicker__close-icon {
657
631
  cursor: pointer;
658
632
  background-color: transparent;
@@ -688,7 +662,6 @@ h2.react-datepicker__current-month {
688
662
  cursor: default;
689
663
  background-color: #ccc;
690
664
  }
691
-
692
665
  .react-datepicker__today-button {
693
666
  background: #f0f0f0;
694
667
  border-top: 1px solid #aeaeae;
@@ -698,7 +671,6 @@ h2.react-datepicker__current-month {
698
671
  padding: 5px 0;
699
672
  clear: left;
700
673
  }
701
-
702
674
  .react-datepicker__portal {
703
675
  position: fixed;
704
676
  width: 100vw;
@@ -729,7 +701,6 @@ h2.react-datepicker__current-month {
729
701
  .react-datepicker__portal .react-datepicker-time__header {
730
702
  font-size: 1.44rem;
731
703
  }
732
-
733
704
  .react-datepicker__children-container {
734
705
  width: 13.8rem;
735
706
  margin: 0.4rem;
@@ -737,7 +708,6 @@ h2.react-datepicker__current-month {
737
708
  padding-left: 0.2rem;
738
709
  height: auto;
739
710
  }
740
-
741
711
  .react-datepicker__aria-live {
742
712
  position: absolute;
743
713
  clip-path: circle(0);
@@ -749,9 +719,11 @@ h2.react-datepicker__current-month {
749
719
  width: 1px;
750
720
  white-space: nowrap;
751
721
  }
752
-
753
722
  .react-datepicker__calendar-icon {
754
723
  width: 1em;
755
724
  height: 1em;
756
725
  vertical-align: -0.125em;
757
726
  }
727
+ #popup-portal .react-datepicker-popper {
728
+ z-index: 1000;
729
+ }
package/dist/assets/index-CjIUtQZ4.css DELETED
@@ -1,5 +0,0 @@
1
- @charset "UTF-8";.react-datepicker__navigation-icon::before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px;}.react-datepicker-wrapper{display:inline-block;padding:0;border:0;}.react-datepicker{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:0.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:0.3rem;display:inline-block;position:relative;line-height:initial;}.react-datepicker--time-only .react-datepicker__time-container{border-left:0;}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:0.3rem;border-bottom-right-radius:0.3rem;}.react-datepicker-popper{z-index:1;line-height:0;}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae;}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0;}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff;}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:0.3rem;padding:8px 0;position:relative;}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px;}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0;}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:0.3rem;}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px;}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:0.944rem;}h2.react-datepicker__current-month{padding:0;margin:0;}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden;}.react-datepicker__navigation--previous{left:2px;}.react-datepicker__navigation--next{right:2px;}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px;}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto;}.react-datepicker__navigation--years-previous{top:4px;}.react-datepicker__navigation--years-upcoming{top:-4px;}.react-datepicker__navigation:hover *::before{border-color:rgb(165.75,165.75,165.75);}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0;}.react-datepicker__navigation-icon--next{left:-2px;}.react-datepicker__navigation-icon--next::before{transform:rotate(45deg);left:-7px;}.react-datepicker__navigation-icon--previous{right:-2px;}.react-datepicker__navigation-icon--previous::before{transform:rotate(225deg);right:-7px;}.react-datepicker__month-container{float:left;}.react-datepicker__year{margin:0.4rem;text-align:center;}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px;}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px;}.react-datepicker__month{margin:0.4rem;text-align:center;}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px;}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left;}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block;}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{appearance:textfield;-moz-appearance:textfield;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block;}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px;}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:0.3rem;position:absolute;right:-87px;top:0;}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:0.3rem;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:0.3rem;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.7rem / 2);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:bold;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent;}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:0.166rem;}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer;}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:0.3rem;background-color:#f0f0f0;}.react-datepicker__week-number--selected{border-radius:0.3rem;background-color:#216ba5;color:#fff;}.react-datepicker__week-number--selected:hover{background-color:rgb(28.75,93.2196969697,143.75);}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px;}.react-datepicker__week{white-space:nowrap;}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:0.166rem;}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer;}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:0.3rem;background-color:#f0f0f0;}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold;}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:0.3rem;background-color:#3dcc4a;color:#fff;}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:rgb(49.8551020408,189.6448979592,62.5632653061);}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta;}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green;}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:0.3rem;background-color:#ff6803;color:#fff;}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity 0.3s ease-in-out;}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:rgb(207,82.9642857143,0);}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1;}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:0.3rem;background-color:#216ba5;color:#fff;}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75);}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:0.3rem;background-color:rgb(186.25,217.0833333333,241.25);color:rgb(0,0,0);}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75);}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,0.5);}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000;}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc;}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity 0.3s ease-in-out;}.react-datepicker__input-container{position:relative;display:inline-block;width:100%;}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:0.5rem;box-sizing:content-box;}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px;}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:0.3rem;position:relative;}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer;}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:rgb(178.5,178.5,178.5);}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0;}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:0.3rem;border:1px solid #aeaeae;}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer;}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll;}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto;}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:0.3rem;border-top-right-radius:0.3rem;}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:0.3rem;border-bottom-right-radius:0.3rem;}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc;}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:rgb(178.5,178.5,178.5);}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:rgb(178.5,178.5,178.5);}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px;}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle;}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×";}.react-datepicker__close-icon--disabled{cursor:default;}.react-datepicker__close-icon--disabled::after{cursor:default;background-color:#ccc;}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left;}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647;}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem;}@media (max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem;}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem;}.react-datepicker__children-container{width:13.8rem;margin:0.4rem;padding-right:0.2rem;padding-left:0.2rem;height:auto;}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap;}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-0.125em;}
2
- #popup-portal .react-datepicker-popper{z-index:1000;}
3
- .react-daterange-picker{display:inline-flex;position:relative;}.react-daterange-picker,.react-daterange-picker *,.react-daterange-picker *:before,.react-daterange-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.react-daterange-picker--disabled{background-color:#f0f0f0;color:#6d6d6d;}.react-daterange-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;align-items:center;border:thin solid gray;}.react-daterange-picker__inputGroup{min-width:calc((4px * 3) + 0.54em * 8 + 0.217em * 2);height:100%;flex-grow:1;padding:0 2px;box-sizing:content-box;}.react-daterange-picker__inputGroup__divider{padding:1px 0;white-space:pre;}.react-daterange-picker__inputGroup__divider,.react-daterange-picker__inputGroup__leadingZero{display:inline-block;font:inherit;}.react-daterange-picker__inputGroup__input{min-width:0.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,.react-daterange-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}.react-daterange-picker__inputGroup__input:invalid{background:rgba(255,0,0,0.1);}.react-daterange-picker__inputGroup__input--hasLeadingZero{margin-left:-0.54em;padding-left:calc(1px + 0.54em);}.react-daterange-picker__button{border:0;background:transparent;padding:4px 6px;}.react-daterange-picker__button:enabled{cursor:pointer;}.react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,.react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon{stroke:#0078d7;}.react-daterange-picker__button:disabled .react-daterange-picker__button__icon{stroke:#6d6d6d;}.react-daterange-picker__button svg{display:inherit;}.react-daterange-picker__calendar{width:350px;max-width:100vw;z-index:1;}.react-daterange-picker__calendar--closed{display:none;}.react-daterange-picker__calendar .react-calendar{border-width:thin;}
4
- .react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:'Arial','Helvetica',sans-serif;line-height:1.125em;}.react-calendar--doubleView{width:700px;}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-0.5em;}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:0.5em;}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.react-calendar button{margin:0;border:0;outline:none;}.react-calendar button:enabled:hover{cursor:pointer;}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em;}.react-calendar__navigation button{min-width:44px;background:none;}.react-calendar__navigation button:disabled{background-color:#f0f0f0;}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6;}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:0.75em;font-weight:bold;}.react-calendar__month-view__weekdays__weekday{padding:0.5em;}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:0.75em;font-weight:bold;}.react-calendar__month-view__days__day--weekend{color:#d10000;}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575;}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em 0.5em;}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:0.833em;}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab;}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd;}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6;}.react-calendar__tile--now{background:#ffff76;}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9;}.react-calendar__tile--hasActive{background:#76baff;}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff;}.react-calendar__tile--active{background:#006edc;color:white;}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff;}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6;}
5
- .react-daterange-picker{font-family:var(--pri-ft-fm);font-size:var(--pri-ft-sz);color:var(--pri-clr);background-color:var(--ter-clr-bg);align-items:center;border:0;border-radius:var(--sec-rd);font-weight:400;height:30px;padding:0 26px 0 16px;position:relative;width:100%;}.react-daterange-picker__wrapper{border:0;width:100%;justify-content:left;display:inline-grid;grid-auto-flow:column;}.react-calendar{background-color:var(--pri-clr-bg);border:1px solid var(--sec-clr-ln);box-shadow:var(--sec-shd-bx);border-radius:var(--sec-rd);border:1px solid #a0a096;font-family:var(--pri-ft-fm);font-size:var(--pri-ft-sz);color:var(--pri-clr);line-height:1.125em;padding:10px 15px;}.react-calendar__navigation__label__labelText{color:#000;font-size:1em;font-weight:700;height:35px;line-height:35px;position:relative;text-align:center;}.react-calendar__tile{font-size:1em;line-height:1;border-radius:0;}.react-calendar__tile--now{border-radius:10px !important;}.react-calendar__tile--now.react-calendar__tile--active{border-radius:0 !important;}.react-calendar__tile--now.react-calendar__tile--rangeEnd.react-calendar__tile--active{border-radius:0 10px 10px 0 !important;}.react-calendar__tile--hover{border-radius:0;}.react-calendar__tile--active{background-color:#fc5c64;border:1px solid #ec5b62;}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background-color:#fc5c64;border:1px solid #ec5b62;}.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd{border-radius:10px !important;}.react-calendar__tile--now.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--active{border-radius:10px !important;}.react-calendar__tile--rangeStart,.react-calendar__tile--hoverStart{border-radius:10px 0px 0 10px !important;}.react-calendar__tile--rangeEnd,.react-calendar__tile--hoverEnd{border-radius:0 10px 10px 0 !important;}.react-calendar__month-view__days{gap:1px 0;}.react-calendar__month-view__weekdays{font-size:1em;}.react-calendar__navigation__arrow{font-size:1.5em;}.react-daterange-picker__calendar{z-index:100;}.react-daterange-picker__button{position:absolute;right:0;}