trithuc-mvc-react 1.0.10 → 1.0.12

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 (7) hide show
  1. package/.gitattributes +2 -2
  2. package/README.md +2 -2
  3. package/components/DataManagement/EditorForm.jsx +13 -11
  4. package/components/DataManagement/FormField.jsx +1 -1
  5. package/components/DataManagement/index.jsx +5 -2
  6. package/package.json +1 -1
  7. package/styles/index.css +274 -274
package/.gitattributes CHANGED
@@ -1,2 +1,2 @@
1
- # Auto detect text files and perform LF normalization
2
- * text=auto
1
+ # Auto detect text files and perform LF normalization
2
+ * text=auto
package/README.md CHANGED
@@ -1,2 +1,2 @@
1
- # trithuc-mvc-react
2
-
1
+ # trithuc-mvc-react
2
+
package/components/DataManagement/EditorForm.jsx CHANGED
@@ -30,19 +30,22 @@ function EditorForm({ fields, elementSize = "medium", submitRef }) {
30
30
  onChange?.({
31
31
  [keyValue]: selectedEditItem[field]
32
32
  });
33
-
34
- methods.setValue(field, selectedEditItem ? selectedEditItem[field] : defaultValue );
33
+
34
+ methods.setValue(field, selectedEditItem ? selectedEditItem[field] : defaultValue);
35
35
  methods.setValue(keyValueLabel, selectedEditItem[keyValueLabel]);
36
- }else if(type === 'date'){
36
+ } else if (type === "date") {
37
37
  methods.setValue(field, selectedEditItem[field]);
38
38
  } else {
39
39
  methods.setValue(field, selectedEditItem[field]);
40
40
  }
41
41
  });
42
-
43
- }else{
44
- fields.forEach(({ field, defaultValue }) => {
45
- methods.setValue(field, defaultValue );
42
+ } else {
43
+ fields.forEach(({ field, defaultValue, type }) => {
44
+ if (type === "switch" && defaultValue === undefined) {
45
+ methods.setValue(field, true);
46
+ } else {
47
+ methods.setValue(field, defaultValue);
48
+ }
46
49
  });
47
50
  }
48
51
  }, [selectedEditItem]);
@@ -62,7 +65,6 @@ function EditorForm({ fields, elementSize = "medium", submitRef }) {
62
65
  }
63
66
  });
64
67
  const onSubmit = (data) => {
65
-
66
68
  fields
67
69
  .filter(({ type }) => type === "date")
68
70
  .forEach(({ field }) => {
@@ -70,7 +72,7 @@ function EditorForm({ fields, elementSize = "medium", submitRef }) {
70
72
  data[field] = moment(data[field]).toDate();
71
73
  }
72
74
  });
73
- fields
75
+ fields
74
76
  .filter(({ type }) => type === "autocomplete")
75
77
  .forEach(({ field, datas, keyValueLabel, keyValue, keyLabel }) => {
76
78
  if (data[field] && !data[keyValueLabel] && keyValueLabel) {
@@ -98,7 +100,7 @@ function EditorForm({ fields, elementSize = "medium", submitRef }) {
98
100
  childrenFields,
99
101
  datas,
100
102
  loading = false,
101
- onChange = () => { },
103
+ onChange = () => {},
102
104
  keyLabel,
103
105
  keyValue,
104
106
  keyValueLabel,
@@ -109,7 +111,7 @@ function EditorForm({ fields, elementSize = "medium", submitRef }) {
109
111
  sm: 6,
110
112
  md: 4
111
113
  };
112
- if (type == 'textarea') {
114
+ if (type == "textarea") {
113
115
  sizes = {
114
116
  xs: 12,
115
117
  sm: 12,
package/components/DataManagement/FormField.jsx CHANGED
@@ -198,7 +198,7 @@ function FormField({
198
198
  <Controller
199
199
  name={name}
200
200
  control={control}
201
- defaultValue={true}
201
+ // defaultValue={true}
202
202
  render={({ field }) => <FormControlLabel control={<Switch {...field} checked={field.value} />} label={label} />}
203
203
  />
204
204
  );
package/components/DataManagement/index.jsx CHANGED
@@ -18,7 +18,7 @@ DataManagement.propTypes = {
18
18
  title: PropTypes.string,
19
19
  tableName: PropTypes.string,
20
20
  selectedField: PropTypes.string,
21
- filter: PropTypes.arrayOf(
21
+ filters: PropTypes.arrayOf(
22
22
  PropTypes.shape({
23
23
  field: PropTypes.string,
24
24
  label: PropTypes.string,
@@ -72,6 +72,9 @@ function DataManagement({ columns = [], title, tableName, selectedField = "Id",
72
72
  color="primary"
73
73
  onClick={() => {
74
74
  setDataSearch({});
75
+ [...filters].forEach((filter) => {
76
+ filter?.onChange?.();
77
+ });
75
78
  reset();
76
79
  setValue("Search");
77
80
  }}
@@ -80,7 +83,7 @@ function DataManagement({ columns = [], title, tableName, selectedField = "Id",
80
83
  </IconButton>
81
84
  </Tooltip>
82
85
 
83
- <ExportExcelButton tableName={tableName} data={dataSearch} />
86
+ <ExportExcelButton tableName={tableName} data={dataSearch} />
84
87
  {(!Permission || Permission.Create) && (
85
88
  <Button
86
89
  variant="contained"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trithuc-mvc-react",
3
- "version": "1.0.10",
3
+ "version": "1.0.12",
4
4
  "main": "index.js",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
package/styles/index.css CHANGED
@@ -1,275 +1,275 @@
1
- /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
2
- .date-range-piker-wrapper ::after,
3
- .date-range-piker-wrapper ::before {
4
- --tw-content: "";
5
- }
6
- .date-range-piker-wrapper button,
7
- .date-range-piker-wrapper input,
8
- .date-range-piker-wrapper optgroup,
9
- .date-range-piker-wrapper select,
10
- .date-range-piker-wrapper textarea {
11
- font-family: inherit;
12
- font-feature-settings: inherit;
13
- font-variation-settings: inherit;
14
- font-size: 100%;
15
- font-weight: inherit;
16
- line-height: inherit;
17
- color: inherit;
18
- margin: 0;
19
- padding: 0;
20
- }
21
- .date-range-piker-wrapper button,
22
- .date-range-piker-wrapper select {
23
- text-transform: none;
24
- }
25
- .date-range-piker-wrapper [type=button],
26
- .date-range-piker-wrapper [type=reset],
27
- .date-range-piker-wrapper [type=submit],
28
- .date-range-piker-wrapper button {
29
- -webkit-appearance: button;
30
- background-color: transparent;
31
- background-image: none;
32
- }
33
- .date-range-piker-wrapper :-moz-focusring {
34
- outline: auto;
35
- }
36
- .date-range-piker-wrapper :-moz-ui-invalid {
37
- box-shadow: none;
38
- }
39
- .date-range-piker-wrapper progress {
40
- vertical-align: baseline;
41
- }
42
- .date-range-piker-wrapper ::-webkit-inner-spin-button,
43
- .date-range-piker-wrapper ::-webkit-outer-spin-button {
44
- height: auto;
45
- }
46
- .date-range-piker-wrapper [type=search] {
47
- -webkit-appearance: textfield;
48
- outline-offset: -2px;
49
- }
50
- .date-range-piker-wrapper ::-webkit-search-decoration {
51
- -webkit-appearance: none;
52
- }
53
- .date-range-piker-wrapper ::-webkit-file-upload-button {
54
- -webkit-appearance: button;
55
- font: inherit;
56
- }
57
- .date-range-piker-wrapper summary {
58
- display: list-item;
59
- }
60
- .date-range-piker-wrapper blockquote,
61
- .date-range-piker-wrapper dd,
62
- .date-range-piker-wrapper dl,
63
- .date-range-piker-wrapper figure,
64
- .date-range-piker-wrapper h1,
65
- .date-range-piker-wrapper h2,
66
- .date-range-piker-wrapper h3,
67
- .date-range-piker-wrapper h4,
68
- .date-range-piker-wrapper h5,
69
- .date-range-piker-wrapper h6,
70
- .date-range-piker-wrapper hr,
71
- .date-range-piker-wrapper p,
72
- .date-range-piker-wrapper pre {
73
- margin: 0;
74
- }
75
- .date-range-piker-wrapper fieldset {
76
- margin: 0;
77
- padding: 0;
78
- }
79
- .date-range-piker-wrapper legend {
80
- padding: 0;
81
- }
82
- .date-range-piker-wrapper menu,
83
- .date-range-piker-wrapper ol,
84
- .date-range-piker-wrapper ul {
85
- list-style: none;
86
- margin: 0;
87
- padding: 0;
88
- }
89
- .date-range-piker-wrapper dialog {
90
- padding: 0;
91
- }
92
- .date-range-piker-wrapper textarea {
93
- resize: vertical;
94
- }
95
- .date-range-piker-wrapper input::-moz-placeholder, .date-range-piker-wrapper textarea::-moz-placeholder {
96
- opacity: 1;
97
- color: #9ca3af;
98
- }
99
- .date-range-piker-wrapper input::placeholder,
100
- .date-range-piker-wrapper textarea::placeholder {
101
- opacity: 1;
102
- color: #9ca3af;
103
- }
104
- .date-range-piker-wrapper [role=button],
105
- .date-range-piker-wrapper button {
106
- cursor: pointer;
107
- }
108
- .date-range-piker-wrapper :disabled {
109
- cursor: default;
110
- }
111
- .date-range-piker-wrapper audio,
112
- .date-range-piker-wrapper canvas,
113
- .date-range-piker-wrapper embed,
114
- .date-range-piker-wrapper iframe,
115
- .date-range-piker-wrapper img,
116
- .date-range-piker-wrapper object,
117
- .date-range-piker-wrapper svg,
118
- .date-range-piker-wrapper video {
119
- display: block;
120
- vertical-align: middle;
121
- }
122
- .date-range-piker-wrapper img,
123
- .date-range-piker-wrapper video {
124
- max-width: 100%;
125
- height: auto;
126
- }
127
- .date-range-piker-wrapper [hidden] {
128
- display: none;
129
- }
130
- .date-range-piker-wrapper *,
131
- .date-range-piker-wrapper ::before,
132
- .date-range-piker-wrapper ::after {
133
- --tw-translate-x: 0;
134
- --tw-translate-y: 0;
135
- --tw-rotate: 0;
136
- --tw-skew-x: 0;
137
- --tw-skew-y: 0;
138
- --tw-scale-x: 1;
139
- --tw-scale-y: 1;
140
- --tw-ring-offset-width: 0px;
141
- --tw-ring-offset-color: #fff;
142
- --tw-ring-color: #000;
143
- --tw-ring-offset-shadow: 0 0 #000 0;
144
- --tw-ring-shadow: 0 0 #000 0;
145
- --tw-shadow: 0 0 #000 0;
146
- --tw-shadow-colored: 0 0 #000 0;
147
- }
148
- .date-range-piker-wrapper ::backdrop {
149
- --tw-translate-x: 0;
150
- --tw-translate-y: 0;
151
- --tw-rotate: 0;
152
- --tw-skew-x: 0;
153
- --tw-skew-y: 0;
154
- --tw-scale-x: 1;
155
- --tw-scale-y: 1;
156
- --tw-scroll-snap-strictness: proximity;
157
- --tw-ring-offset-width: 0px;
158
- --tw-ring-offset-color: #fff;
159
- --tw-ring-color: #000;
160
- --tw-ring-offset-shadow: 0 0 #000 0;
161
- --tw-ring-shadow: 0 0 #000 0;
162
- --tw-shadow: 0 0 #000 0;
163
- --tw-shadow-colored: 0 0 #000 0;
164
- }
165
- .date-range-piker-wrapper .mt-3 {
166
- margin-top: 0.75rem;
167
- }
168
- .date-range-piker-wrapper .flex {
169
- display: flex;
170
- }
171
- .date-range-piker-wrapper .grid {
172
- display: grid;
173
- }
174
- .date-range-piker-wrapper .h-4 {
175
- height: 1rem;
176
- }
177
- .date-range-piker-wrapper .w-12 {
178
- width: 3rem;
179
- }
180
- .date-range-piker-wrapper .w-4 {
181
- width: 1rem;
182
- }
183
- .date-range-piker-wrapper .min-w-\[10rem\] {
184
- min-width: 10rem;
185
- }
186
- .date-range-piker-wrapper .grid-cols-7 {
187
- grid-template-columns: repeat(7, minmax(0, 1fr));
188
- }
189
- .date-range-piker-wrapper .flex-col {
190
- flex-direction: column;
191
- }
192
- .date-range-piker-wrapper .items-center {
193
- align-items: center;
194
- }
195
- .date-range-piker-wrapper .justify-center {
196
- justify-content: center;
197
- }
198
- .date-range-piker-wrapper .justify-between {
199
- justify-content: space-between;
200
- }
201
- .date-range-piker-wrapper .gap-2 {
202
- gap: 0.5rem;
203
- }
204
- .date-range-piker-wrapper .gap-x-2 {
205
- -moz-column-gap: 0.5rem;
206
- column-gap: 0.5rem;
207
- }
208
- .date-range-piker-wrapper .rounded-lg {
209
- border-radius: 0.5rem;
210
- }
211
- .date-range-piker-wrapper .border {
212
- border-width: 1px;
213
- }
214
- .date-range-piker-wrapper .border-r-0 {
215
- border-right-width: 0px;
216
- }
217
- .date-range-piker-wrapper .bg-white {
218
- --tw-bg-opacity: 1;
219
- background-color: rgb(255 255 255/var(--tw-bg-opacity));
220
- }
221
- .date-range-piker-wrapper .bg-blue-200 {
222
- --tw-bg-opacity: 1;
223
- background-color: rgb(191 219 254/var(--tw-bg-opacity));
224
- }
225
- .date-range-piker-wrapper .bg-blue-600 {
226
- --tw-bg-opacity: 1;
227
- background-color: rgb(37 99 235/var(--tw-bg-opacity));
228
- }
229
- .date-range-piker-wrapper .p-2 {
230
- padding: 0.5rem;
231
- }
232
- .date-range-piker-wrapper .p-3 {
233
- padding: 0.75rem;
234
- }
235
- .date-range-piker-wrapper .text-center {
236
- text-align: center;
237
- }
238
- .date-range-piker-wrapper .text-lg {
239
- font-size: 1.125rem;
240
- line-height: 1.75rem;
241
- }
242
- .date-range-piker-wrapper .text-white {
243
- --tw-text-opacity: 1;
244
- color: #000;
245
- }
246
- .date-range-piker-wrapper .shadow-sm {
247
- --tw-shadow: 0 1px 2px 0 #000;
248
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
249
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #000 0), var(--tw-ring-shadow, 0 0 #000 0), var(--tw-shadow);
250
- }
251
- .date-range-piker-wrapper .ring-2 {
252
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
253
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
254
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #000 0);
255
- }
256
- .date-range-piker-wrapper .ring-blue-400 {
257
- --tw-ring-opacity: 1;
258
- --tw-ring-color: #000;
259
- }
260
- .date-range-piker-wrapper .drop-shadow-sm {
261
- --tw-drop-shadow: drop-shadow(0 1px 1px #000);
262
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
263
- }
264
- .date-range-piker-wrapper .hover\:bg-gray-300:hover {
265
- --tw-bg-opacity: 1;
266
- background-color: rgb(209 213 219/var(--tw-bg-opacity));
267
- }
268
- .date-range-piker-wrapper .hover\:bg-blue-600:hover {
269
- --tw-bg-opacity: 1;
270
- background-color: rgb(37 99 235/var(--tw-bg-opacity));
271
- }
272
- .date-range-piker-wrapper .hover\:text-white:hover {
273
- --tw-text-opacity: 1;
274
- color: rgb(255 255 255/var(--tw-text-opacity));
1
+ /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
2
+ .date-range-piker-wrapper ::after,
3
+ .date-range-piker-wrapper ::before {
4
+ --tw-content: "";
5
+ }
6
+ .date-range-piker-wrapper button,
7
+ .date-range-piker-wrapper input,
8
+ .date-range-piker-wrapper optgroup,
9
+ .date-range-piker-wrapper select,
10
+ .date-range-piker-wrapper textarea {
11
+ font-family: inherit;
12
+ font-feature-settings: inherit;
13
+ font-variation-settings: inherit;
14
+ font-size: 100%;
15
+ font-weight: inherit;
16
+ line-height: inherit;
17
+ color: inherit;
18
+ margin: 0;
19
+ padding: 0;
20
+ }
21
+ .date-range-piker-wrapper button,
22
+ .date-range-piker-wrapper select {
23
+ text-transform: none;
24
+ }
25
+ .date-range-piker-wrapper [type=button],
26
+ .date-range-piker-wrapper [type=reset],
27
+ .date-range-piker-wrapper [type=submit],
28
+ .date-range-piker-wrapper button {
29
+ -webkit-appearance: button;
30
+ background-color: transparent;
31
+ background-image: none;
32
+ }
33
+ .date-range-piker-wrapper :-moz-focusring {
34
+ outline: auto;
35
+ }
36
+ .date-range-piker-wrapper :-moz-ui-invalid {
37
+ box-shadow: none;
38
+ }
39
+ .date-range-piker-wrapper progress {
40
+ vertical-align: baseline;
41
+ }
42
+ .date-range-piker-wrapper ::-webkit-inner-spin-button,
43
+ .date-range-piker-wrapper ::-webkit-outer-spin-button {
44
+ height: auto;
45
+ }
46
+ .date-range-piker-wrapper [type=search] {
47
+ -webkit-appearance: textfield;
48
+ outline-offset: -2px;
49
+ }
50
+ .date-range-piker-wrapper ::-webkit-search-decoration {
51
+ -webkit-appearance: none;
52
+ }
53
+ .date-range-piker-wrapper ::-webkit-file-upload-button {
54
+ -webkit-appearance: button;
55
+ font: inherit;
56
+ }
57
+ .date-range-piker-wrapper summary {
58
+ display: list-item;
59
+ }
60
+ .date-range-piker-wrapper blockquote,
61
+ .date-range-piker-wrapper dd,
62
+ .date-range-piker-wrapper dl,
63
+ .date-range-piker-wrapper figure,
64
+ .date-range-piker-wrapper h1,
65
+ .date-range-piker-wrapper h2,
66
+ .date-range-piker-wrapper h3,
67
+ .date-range-piker-wrapper h4,
68
+ .date-range-piker-wrapper h5,
69
+ .date-range-piker-wrapper h6,
70
+ .date-range-piker-wrapper hr,
71
+ .date-range-piker-wrapper p,
72
+ .date-range-piker-wrapper pre {
73
+ margin: 0;
74
+ }
75
+ .date-range-piker-wrapper fieldset {
76
+ margin: 0;
77
+ padding: 0;
78
+ }
79
+ .date-range-piker-wrapper legend {
80
+ padding: 0;
81
+ }
82
+ .date-range-piker-wrapper menu,
83
+ .date-range-piker-wrapper ol,
84
+ .date-range-piker-wrapper ul {
85
+ list-style: none;
86
+ margin: 0;
87
+ padding: 0;
88
+ }
89
+ .date-range-piker-wrapper dialog {
90
+ padding: 0;
91
+ }
92
+ .date-range-piker-wrapper textarea {
93
+ resize: vertical;
94
+ }
95
+ .date-range-piker-wrapper input::-moz-placeholder, .date-range-piker-wrapper textarea::-moz-placeholder {
96
+ opacity: 1;
97
+ color: #9ca3af;
98
+ }
99
+ .date-range-piker-wrapper input::placeholder,
100
+ .date-range-piker-wrapper textarea::placeholder {
101
+ opacity: 1;
102
+ color: #9ca3af;
103
+ }
104
+ .date-range-piker-wrapper [role=button],
105
+ .date-range-piker-wrapper button {
106
+ cursor: pointer;
107
+ }
108
+ .date-range-piker-wrapper :disabled {
109
+ cursor: default;
110
+ }
111
+ .date-range-piker-wrapper audio,
112
+ .date-range-piker-wrapper canvas,
113
+ .date-range-piker-wrapper embed,
114
+ .date-range-piker-wrapper iframe,
115
+ .date-range-piker-wrapper img,
116
+ .date-range-piker-wrapper object,
117
+ .date-range-piker-wrapper svg,
118
+ .date-range-piker-wrapper video {
119
+ display: block;
120
+ vertical-align: middle;
121
+ }
122
+ .date-range-piker-wrapper img,
123
+ .date-range-piker-wrapper video {
124
+ max-width: 100%;
125
+ height: auto;
126
+ }
127
+ .date-range-piker-wrapper [hidden] {
128
+ display: none;
129
+ }
130
+ .date-range-piker-wrapper *,
131
+ .date-range-piker-wrapper ::before,
132
+ .date-range-piker-wrapper ::after {
133
+ --tw-translate-x: 0;
134
+ --tw-translate-y: 0;
135
+ --tw-rotate: 0;
136
+ --tw-skew-x: 0;
137
+ --tw-skew-y: 0;
138
+ --tw-scale-x: 1;
139
+ --tw-scale-y: 1;
140
+ --tw-ring-offset-width: 0px;
141
+ --tw-ring-offset-color: #fff;
142
+ --tw-ring-color: #000;
143
+ --tw-ring-offset-shadow: 0 0 #000 0;
144
+ --tw-ring-shadow: 0 0 #000 0;
145
+ --tw-shadow: 0 0 #000 0;
146
+ --tw-shadow-colored: 0 0 #000 0;
147
+ }
148
+ .date-range-piker-wrapper ::backdrop {
149
+ --tw-translate-x: 0;
150
+ --tw-translate-y: 0;
151
+ --tw-rotate: 0;
152
+ --tw-skew-x: 0;
153
+ --tw-skew-y: 0;
154
+ --tw-scale-x: 1;
155
+ --tw-scale-y: 1;
156
+ --tw-scroll-snap-strictness: proximity;
157
+ --tw-ring-offset-width: 0px;
158
+ --tw-ring-offset-color: #fff;
159
+ --tw-ring-color: #000;
160
+ --tw-ring-offset-shadow: 0 0 #000 0;
161
+ --tw-ring-shadow: 0 0 #000 0;
162
+ --tw-shadow: 0 0 #000 0;
163
+ --tw-shadow-colored: 0 0 #000 0;
164
+ }
165
+ .date-range-piker-wrapper .mt-3 {
166
+ margin-top: 0.75rem;
167
+ }
168
+ .date-range-piker-wrapper .flex {
169
+ display: flex;
170
+ }
171
+ .date-range-piker-wrapper .grid {
172
+ display: grid;
173
+ }
174
+ .date-range-piker-wrapper .h-4 {
175
+ height: 1rem;
176
+ }
177
+ .date-range-piker-wrapper .w-12 {
178
+ width: 3rem;
179
+ }
180
+ .date-range-piker-wrapper .w-4 {
181
+ width: 1rem;
182
+ }
183
+ .date-range-piker-wrapper .min-w-\[10rem\] {
184
+ min-width: 10rem;
185
+ }
186
+ .date-range-piker-wrapper .grid-cols-7 {
187
+ grid-template-columns: repeat(7, minmax(0, 1fr));
188
+ }
189
+ .date-range-piker-wrapper .flex-col {
190
+ flex-direction: column;
191
+ }
192
+ .date-range-piker-wrapper .items-center {
193
+ align-items: center;
194
+ }
195
+ .date-range-piker-wrapper .justify-center {
196
+ justify-content: center;
197
+ }
198
+ .date-range-piker-wrapper .justify-between {
199
+ justify-content: space-between;
200
+ }
201
+ .date-range-piker-wrapper .gap-2 {
202
+ gap: 0.5rem;
203
+ }
204
+ .date-range-piker-wrapper .gap-x-2 {
205
+ -moz-column-gap: 0.5rem;
206
+ column-gap: 0.5rem;
207
+ }
208
+ .date-range-piker-wrapper .rounded-lg {
209
+ border-radius: 0.5rem;
210
+ }
211
+ .date-range-piker-wrapper .border {
212
+ border-width: 1px;
213
+ }
214
+ .date-range-piker-wrapper .border-r-0 {
215
+ border-right-width: 0px;
216
+ }
217
+ .date-range-piker-wrapper .bg-white {
218
+ --tw-bg-opacity: 1;
219
+ background-color: rgb(255 255 255/var(--tw-bg-opacity));
220
+ }
221
+ .date-range-piker-wrapper .bg-blue-200 {
222
+ --tw-bg-opacity: 1;
223
+ background-color: rgb(191 219 254/var(--tw-bg-opacity));
224
+ }
225
+ .date-range-piker-wrapper .bg-blue-600 {
226
+ --tw-bg-opacity: 1;
227
+ background-color: rgb(37 99 235/var(--tw-bg-opacity));
228
+ }
229
+ .date-range-piker-wrapper .p-2 {
230
+ padding: 0.5rem;
231
+ }
232
+ .date-range-piker-wrapper .p-3 {
233
+ padding: 0.75rem;
234
+ }
235
+ .date-range-piker-wrapper .text-center {
236
+ text-align: center;
237
+ }
238
+ .date-range-piker-wrapper .text-lg {
239
+ font-size: 1.125rem;
240
+ line-height: 1.75rem;
241
+ }
242
+ .date-range-piker-wrapper .text-white {
243
+ --tw-text-opacity: 1;
244
+ color: #000;
245
+ }
246
+ .date-range-piker-wrapper .shadow-sm {
247
+ --tw-shadow: 0 1px 2px 0 #000;
248
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
249
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #000 0), var(--tw-ring-shadow, 0 0 #000 0), var(--tw-shadow);
250
+ }
251
+ .date-range-piker-wrapper .ring-2 {
252
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
253
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
254
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #000 0);
255
+ }
256
+ .date-range-piker-wrapper .ring-blue-400 {
257
+ --tw-ring-opacity: 1;
258
+ --tw-ring-color: #000;
259
+ }
260
+ .date-range-piker-wrapper .drop-shadow-sm {
261
+ --tw-drop-shadow: drop-shadow(0 1px 1px #000);
262
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
263
+ }
264
+ .date-range-piker-wrapper .hover\:bg-gray-300:hover {
265
+ --tw-bg-opacity: 1;
266
+ background-color: rgb(209 213 219/var(--tw-bg-opacity));
267
+ }
268
+ .date-range-piker-wrapper .hover\:bg-blue-600:hover {
269
+ --tw-bg-opacity: 1;
270
+ background-color: rgb(37 99 235/var(--tw-bg-opacity));
271
+ }
272
+ .date-range-piker-wrapper .hover\:text-white:hover {
273
+ --tw-text-opacity: 1;
274
+ color: rgb(255 255 255/var(--tw-text-opacity));
275
275
  }/*# sourceMappingURL=index.css.map */