@mantine/dates 7.6.2 → 7.7.1

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 (38) hide show
  1. package/cjs/components/CalendarHeader/CalendarHeader.module.css.cjs +1 -1
  2. package/cjs/components/DateTimePicker/DateTimePicker.module.css.cjs +1 -1
  3. package/cjs/components/Day/Day.module.css.cjs +1 -1
  4. package/cjs/components/LevelsGroup/LevelsGroup.module.css.cjs +1 -1
  5. package/cjs/components/Month/Month.cjs +0 -1
  6. package/cjs/components/Month/Month.cjs.map +1 -1
  7. package/cjs/components/Month/Month.module.css.cjs +1 -1
  8. package/cjs/components/Month/get-month-days/get-month-days.cjs +2 -13
  9. package/cjs/components/Month/get-month-days/get-month-days.cjs.map +1 -1
  10. package/cjs/components/MonthLevel/MonthLevel.cjs +0 -1
  11. package/cjs/components/MonthLevel/MonthLevel.cjs.map +1 -1
  12. package/cjs/components/MonthsList/MonthsList.module.css.cjs +1 -1
  13. package/cjs/components/PickerControl/PickerControl.module.css.cjs +1 -1
  14. package/cjs/components/PickerInputBase/PickerInputBase.module.css.cjs +1 -1
  15. package/cjs/components/TimeInput/TimeInput.module.css.cjs +1 -1
  16. package/cjs/components/WeekdaysRow/WeekdaysRow.module.css.cjs +1 -1
  17. package/cjs/components/YearsList/YearsList.module.css.cjs +1 -1
  18. package/esm/components/CalendarHeader/CalendarHeader.module.css.mjs +1 -1
  19. package/esm/components/DateTimePicker/DateTimePicker.module.css.mjs +1 -1
  20. package/esm/components/Day/Day.module.css.mjs +1 -1
  21. package/esm/components/LevelsGroup/LevelsGroup.module.css.mjs +1 -1
  22. package/esm/components/Month/Month.mjs +0 -1
  23. package/esm/components/Month/Month.mjs.map +1 -1
  24. package/esm/components/Month/Month.module.css.mjs +1 -1
  25. package/esm/components/Month/get-month-days/get-month-days.mjs +2 -13
  26. package/esm/components/Month/get-month-days/get-month-days.mjs.map +1 -1
  27. package/esm/components/MonthLevel/MonthLevel.mjs +0 -1
  28. package/esm/components/MonthLevel/MonthLevel.mjs.map +1 -1
  29. package/esm/components/MonthsList/MonthsList.module.css.mjs +1 -1
  30. package/esm/components/PickerControl/PickerControl.module.css.mjs +1 -1
  31. package/esm/components/PickerInputBase/PickerInputBase.module.css.mjs +1 -1
  32. package/esm/components/TimeInput/TimeInput.module.css.mjs +1 -1
  33. package/esm/components/WeekdaysRow/WeekdaysRow.module.css.mjs +1 -1
  34. package/esm/components/YearsList/YearsList.module.css.mjs +1 -1
  35. package/lib/components/Month/get-month-days/get-month-days.d.ts +1 -2
  36. package/package.json +5 -5
  37. package/styles.css +71 -71
  38. package/styles.layer.css +71 -71
package/styles.layer.css CHANGED
@@ -1,31 +1,31 @@
1
- @layer mantine {.m-468e7eda {
1
+ @layer mantine {.m_468e7eda {
2
2
  padding-top: 0;
3
3
  padding-bottom: 0;
4
4
  appearance: none;
5
5
  }
6
6
 
7
- .m-468e7eda::-webkit-calendar-picker-indicator {
7
+ .m_468e7eda::-webkit-calendar-picker-indicator {
8
8
  display: none;
9
9
  }
10
10
 
11
- .m-468e7eda::-webkit-clear-button {
11
+ .m_468e7eda::-webkit-clear-button {
12
12
  display: none;
13
13
  }
14
14
 
15
- .m-468e7eda::-webkit-datetime-edit-hour-field,
16
- .m-468e7eda::-webkit-datetime-edit-minute-field,
17
- .m-468e7eda::-webkit-datetime-edit-second-field {
15
+ .m_468e7eda::-webkit-datetime-edit-hour-field,
16
+ .m_468e7eda::-webkit-datetime-edit-minute-field,
17
+ .m_468e7eda::-webkit-datetime-edit-second-field {
18
18
  padding-top: 0;
19
19
  max-height: calc(1.875rem * var(--mantine-scale));
20
20
  display: inline;
21
21
  }
22
22
 
23
- .m-468e7eda::-webkit-datetime-edit-hour-field:focus, .m-468e7eda::-webkit-datetime-edit-minute-field:focus, .m-468e7eda::-webkit-datetime-edit-second-field:focus {
23
+ .m_468e7eda::-webkit-datetime-edit-hour-field:focus, .m_468e7eda::-webkit-datetime-edit-minute-field:focus, .m_468e7eda::-webkit-datetime-edit-second-field:focus {
24
24
  background-color: var(--mantine-primary-color-filled);
25
25
  color: var(--mantine-color-white);
26
26
  }
27
27
 
28
- .m-396ce5cb {
28
+ .m_396ce5cb {
29
29
  --day-size-xs: calc(1.875rem * var(--mantine-scale));
30
30
  --day-size-sm: calc(2.25rem * var(--mantine-scale));
31
31
  --day-size-md: calc(2.625rem * var(--mantine-scale));
@@ -48,100 +48,100 @@
48
48
  }
49
49
 
50
50
  @media (hover: hover) {
51
- [data-mantine-color-scheme='light'] .m-396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
51
+ [data-mantine-color-scheme='light'] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
52
52
  background-color: var(--mantine-color-gray-0);
53
53
  }
54
54
 
55
- [data-mantine-color-scheme='dark'] .m-396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
55
+ [data-mantine-color-scheme='dark'] .m_396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
56
56
  background-color: var(--mantine-color-dark-5);
57
57
  }
58
58
  }
59
59
 
60
60
  @media (hover: none) {
61
- [data-mantine-color-scheme='light'] .m-396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
61
+ [data-mantine-color-scheme='light'] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
62
62
  background-color: var(--mantine-color-gray-0);
63
63
  }
64
64
 
65
- [data-mantine-color-scheme='dark'] .m-396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
65
+ [data-mantine-color-scheme='dark'] .m_396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
66
66
  background-color: var(--mantine-color-dark-5);
67
67
  }
68
68
  }
69
69
 
70
- .m-396ce5cb:where([data-static]) {
70
+ .m_396ce5cb:where([data-static]) {
71
71
  user-select: auto;
72
72
  cursor: default;
73
73
  }
74
74
 
75
- .m-396ce5cb:where([data-weekend]) {
75
+ .m_396ce5cb:where([data-weekend]) {
76
76
  color: var(--mantine-color-red-6);
77
77
  }
78
78
 
79
- .m-396ce5cb:where([data-outside]) {
79
+ .m_396ce5cb:where([data-outside]) {
80
80
  color: var(--mantine-color-dimmed);
81
81
  opacity: 0.5;
82
82
  }
83
83
 
84
- .m-396ce5cb:where(:disabled, [data-disabled]) {
84
+ .m_396ce5cb:where(:disabled, [data-disabled]) {
85
85
  color: var(--mantine-color-dimmed);
86
86
  cursor: not-allowed;
87
87
  opacity: 0.5;
88
88
  }
89
89
 
90
- .m-396ce5cb:where([data-hidden]) {
90
+ .m_396ce5cb:where([data-hidden]) {
91
91
  display: none;
92
92
  }
93
93
 
94
- .m-396ce5cb:where([data-in-range]) {
94
+ .m_396ce5cb:where([data-in-range]) {
95
95
  background-color: var(--mantine-primary-color-light-hover);
96
96
  border-radius: 0;
97
97
  }
98
98
 
99
99
  @media (hover: hover) {
100
- .m-396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) {
100
+ .m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) {
101
101
  background-color: var(--mantine-primary-color-light);
102
102
  }
103
103
  }
104
104
 
105
105
  @media (hover: none) {
106
- .m-396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) {
106
+ .m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) {
107
107
  background-color: var(--mantine-primary-color-light);
108
108
  }
109
109
  }
110
110
 
111
- .m-396ce5cb:where([data-first-in-range]) {
111
+ .m_396ce5cb:where([data-first-in-range]) {
112
112
  border-radius: 0;
113
113
  border-start-start-radius: var(--mantine-radius-default);
114
114
  border-end-start-radius: var(--mantine-radius-default);
115
115
  }
116
116
 
117
- .m-396ce5cb:where([data-last-in-range]) {
117
+ .m_396ce5cb:where([data-last-in-range]) {
118
118
  border-radius: 0;
119
119
  border-end-end-radius: var(--mantine-radius-default);
120
120
  border-start-end-radius: var(--mantine-radius-default);
121
121
  }
122
122
 
123
- .m-396ce5cb:where([data-last-in-range][data-first-in-range]) {
123
+ .m_396ce5cb:where([data-last-in-range][data-first-in-range]) {
124
124
  border-radius: var(--mantine-radius-default);
125
125
  }
126
126
 
127
- .m-396ce5cb:where([data-selected]) {
127
+ .m_396ce5cb:where([data-selected]) {
128
128
  background-color: var(--mantine-primary-color-filled);
129
129
  color: var(--mantine-primary-color-contrast);
130
130
  }
131
131
 
132
132
  @media (hover: hover) {
133
- .m-396ce5cb:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
133
+ .m_396ce5cb:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
134
134
  background-color: var(--mantine-primary-color-filled-hover);
135
135
  }
136
136
  }
137
137
 
138
138
  @media (hover: none) {
139
- .m-396ce5cb:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
139
+ .m_396ce5cb:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
140
140
  background-color: var(--mantine-primary-color-filled-hover);
141
141
  }
142
142
  }
143
143
 
144
- .m-18a3eca {
144
+ .m_18a3eca {
145
145
  color: var(--mantine-color-dimmed);
146
146
  font-weight: normal;
147
147
  font-size: var(--wr-fz, var(--mantine-font-size-sm));
@@ -149,20 +149,20 @@
149
149
  padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
150
150
  }
151
151
 
152
- .m-cc9820d3 {
152
+ .m_cc9820d3 {
153
153
  border-collapse: collapse;
154
154
  table-layout: fixed;
155
155
  }
156
156
 
157
- .m-8f457cd5 {
157
+ .m_8f457cd5 {
158
158
  padding: 0;
159
159
  }
160
160
 
161
- .m-8f457cd5:where([data-with-spacing]) {
161
+ .m_8f457cd5:where([data-with-spacing]) {
162
162
  padding: calc(0.03125rem * var(--mantine-scale));
163
163
  }
164
164
 
165
- .m-dc6a3c71 {
165
+ .m_dc6a3c71 {
166
166
  --dpc-size-xs: calc(1.875rem * var(--mantine-scale));
167
167
  --dpc-size-sm: calc(2.25rem * var(--mantine-scale));
168
168
  --dpc-size-md: calc(2.625rem * var(--mantine-scale));
@@ -185,113 +185,113 @@
185
185
  }
186
186
 
187
187
  @media (hover: hover) {
188
- :where([data-mantine-color-scheme='light']) .m-dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
188
+ :where([data-mantine-color-scheme='light']) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
189
189
  background-color: var(--mantine-color-gray-0);
190
190
  }
191
191
 
192
- :where([data-mantine-color-scheme='dark']) .m-dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
192
+ :where([data-mantine-color-scheme='dark']) .m_dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
193
193
  background-color: var(--mantine-color-dark-5);
194
194
  }
195
195
  }
196
196
 
197
197
  @media (hover: none) {
198
- :where([data-mantine-color-scheme='light']) .m-dc6a3c71:active:where(:not([data-disabled], :disabled)) {
198
+ :where([data-mantine-color-scheme='light']) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
199
199
  background-color: var(--mantine-color-gray-0);
200
200
  }
201
201
 
202
- :where([data-mantine-color-scheme='dark']) .m-dc6a3c71:active:where(:not([data-disabled], :disabled)) {
202
+ :where([data-mantine-color-scheme='dark']) .m_dc6a3c71:active:where(:not([data-disabled], :disabled)) {
203
203
  background-color: var(--mantine-color-dark-5);
204
204
  }
205
205
  }
206
206
 
207
- .m-dc6a3c71:where(:disabled, [data-disabled]) {
207
+ .m_dc6a3c71:where(:disabled, [data-disabled]) {
208
208
  color: var(--mantine-color-dimmed);
209
209
  cursor: not-allowed;
210
210
  opacity: 0.5;
211
211
  }
212
212
 
213
- .m-dc6a3c71:where([data-selected]) {
213
+ .m_dc6a3c71:where([data-selected]) {
214
214
  background-color: var(--mantine-primary-color-filled);
215
215
  color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
216
216
  }
217
217
 
218
218
  @media (hover: hover) {
219
219
 
220
- .m-dc6a3c71:where([data-selected]):hover {
220
+ .m_dc6a3c71:where([data-selected]):hover {
221
221
  background-color: var(--mantine-primary-color-filled-hover);
222
222
  }
223
223
  }
224
224
 
225
225
  @media (hover: none) {
226
226
 
227
- .m-dc6a3c71:where([data-selected]):active {
227
+ .m_dc6a3c71:where([data-selected]):active {
228
228
  background-color: var(--mantine-primary-color-filled-hover);
229
229
  }
230
230
  }
231
231
 
232
- .m-dc6a3c71:where([data-in-range]) {
232
+ .m_dc6a3c71:where([data-in-range]) {
233
233
  background-color: var(--mantine-primary-color-light-hover);
234
234
  border-radius: 0;
235
235
  }
236
236
 
237
237
  @media (hover: hover) {
238
238
 
239
- .m-dc6a3c71:where([data-in-range]):hover {
239
+ .m_dc6a3c71:where([data-in-range]):hover {
240
240
  background-color: var(--mantine-primary-color-light);
241
241
  }
242
242
  }
243
243
 
244
244
  @media (hover: none) {
245
245
 
246
- .m-dc6a3c71:where([data-in-range]):active {
246
+ .m_dc6a3c71:where([data-in-range]):active {
247
247
  background-color: var(--mantine-primary-color-light);
248
248
  }
249
249
  }
250
250
 
251
- .m-dc6a3c71:where([data-first-in-range]) {
251
+ .m_dc6a3c71:where([data-first-in-range]) {
252
252
  border-radius: 0;
253
253
  border-start-start-radius: var(--mantine-radius-default);
254
254
  border-end-start-radius: var(--mantine-radius-default);
255
255
  }
256
256
 
257
- .m-dc6a3c71:where([data-last-in-range]) {
257
+ .m_dc6a3c71:where([data-last-in-range]) {
258
258
  border-radius: 0;
259
259
  border-end-end-radius: var(--mantine-radius-default);
260
260
  border-start-end-radius: var(--mantine-radius-default);
261
261
  }
262
262
 
263
- .m-dc6a3c71:where([data-first-in-range][data-last-in-range]) {
263
+ .m_dc6a3c71:where([data-first-in-range][data-last-in-range]) {
264
264
  border-radius: var(--mantine-radius-default);
265
265
  }
266
266
 
267
- .m-9206547b {
267
+ .m_9206547b {
268
268
  border-collapse: collapse;
269
269
  border-width: 0;
270
270
  }
271
271
 
272
- .m-c5a19c7d {
272
+ .m_c5a19c7d {
273
273
  padding: 0;
274
274
  }
275
275
 
276
- .m-c5a19c7d:where([data-with-spacing]) {
276
+ .m_c5a19c7d:where([data-with-spacing]) {
277
277
  padding: calc(0.03125rem * var(--mantine-scale));
278
278
  }
279
279
 
280
- .m-2a6c32d {
280
+ .m_2a6c32d {
281
281
  border-collapse: collapse;
282
282
  border-width: 0;
283
283
  cursor: pointer;
284
284
  }
285
285
 
286
- .m-fe27622f {
286
+ .m_fe27622f {
287
287
  padding: 0;
288
288
  }
289
289
 
290
- .m-fe27622f:where([data-with-spacing]) {
290
+ .m_fe27622f:where([data-with-spacing]) {
291
291
  padding: calc(0.03125rem * var(--mantine-scale));
292
292
  }
293
293
 
294
- .m-730a79ed {
294
+ .m_730a79ed {
295
295
  --dch-control-size-xs: calc(1.875rem * var(--mantine-scale));
296
296
  --dch-control-size-sm: calc(2.25rem * var(--mantine-scale));
297
297
  --dch-control-size-md: calc(2.625rem * var(--mantine-scale));
@@ -304,8 +304,8 @@
304
304
  margin-bottom: var(--mantine-spacing-xs);
305
305
  }
306
306
 
307
- .m-f6645d97,
308
- .m-2351eeb0 {
307
+ .m_f6645d97,
308
+ .m_2351eeb0 {
309
309
  height: var(--dch-control-size);
310
310
  border-radius: var(--mantine-radius-default);
311
311
  display: flex;
@@ -317,83 +317,83 @@
317
317
  }
318
318
 
319
319
  @media (hover: hover) {
320
- [data-mantine-color-scheme='light'] .m-f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m-2351eeb0:hover:where(:not([data-disabled], :disabled)) {
320
+ [data-mantine-color-scheme='light'] .m_f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m_2351eeb0:hover:where(:not([data-disabled], :disabled)) {
321
321
  background-color: var(--mantine-color-gray-0);
322
322
  }
323
323
 
324
- [data-mantine-color-scheme='dark'] .m-f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m-2351eeb0:hover:where(:not([data-disabled], :disabled)) {
324
+ [data-mantine-color-scheme='dark'] .m_f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m_2351eeb0:hover:where(:not([data-disabled], :disabled)) {
325
325
  background-color: var(--mantine-color-dark-5);
326
326
  }
327
327
  }
328
328
 
329
329
  @media (hover: none) {
330
- [data-mantine-color-scheme='light'] .m-f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m-2351eeb0:active:where(:not([data-disabled], :disabled)) {
330
+ [data-mantine-color-scheme='light'] .m_f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m_2351eeb0:active:where(:not([data-disabled], :disabled)) {
331
331
  background-color: var(--mantine-color-gray-0);
332
332
  }
333
333
 
334
- [data-mantine-color-scheme='dark'] .m-f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m-2351eeb0:active:where(:not([data-disabled], :disabled)) {
334
+ [data-mantine-color-scheme='dark'] .m_f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m_2351eeb0:active:where(:not([data-disabled], :disabled)) {
335
335
  background-color: var(--mantine-color-dark-5);
336
336
  }
337
337
  }
338
338
 
339
- .m-f6645d97:where(:disabled, [data-disabled]), .m-2351eeb0:where(:disabled, [data-disabled]) {
339
+ .m_f6645d97:where(:disabled, [data-disabled]), .m_2351eeb0:where(:disabled, [data-disabled]) {
340
340
  opacity: 0.2;
341
341
  cursor: not-allowed;
342
342
  }
343
343
 
344
- .m-2351eeb0 {
344
+ .m_2351eeb0 {
345
345
  width: var(--dch-control-size);
346
346
  }
347
347
 
348
- .m-f6645d97 {
348
+ .m_f6645d97 {
349
349
  flex: 1;
350
350
  font-size: var(--dch-fz, var(--mantine-font-size-sm));
351
351
  font-weight: 500;
352
352
  text-transform: capitalize;
353
353
  }
354
354
 
355
- .m-367dc749 {
355
+ .m_367dc749 {
356
356
  width: 60%;
357
357
  height: 60%;
358
358
  }
359
359
 
360
- .m-367dc749:where([data-direction='next']) {
360
+ .m_367dc749:where([data-direction='next']) {
361
361
  transform: rotate(270deg);
362
362
  }
363
363
 
364
- :where([dir="rtl"]) .m-367dc749:where([data-direction='next']) {
364
+ :where([dir="rtl"]) .m_367dc749:where([data-direction='next']) {
365
365
  transform: rotate(90deg);
366
366
  }
367
367
 
368
- .m-367dc749:where([data-direction='previous']) {
368
+ .m_367dc749:where([data-direction='previous']) {
369
369
  transform: rotate(90deg);
370
370
  }
371
371
 
372
- :where([dir="rtl"]) .m-367dc749:where([data-direction='previous']) {
372
+ :where([dir="rtl"]) .m_367dc749:where([data-direction='previous']) {
373
373
  transform: rotate(270deg);
374
374
  }
375
375
 
376
- .m-30b26e33 {
376
+ .m_30b26e33 {
377
377
  display: flex;
378
378
  gap: var(--mantine-spacing-md);
379
379
  }
380
380
 
381
- .m-6fa5e2aa {
381
+ .m_6fa5e2aa {
382
382
  cursor: pointer;
383
383
  line-height: unset;
384
384
  }
385
385
 
386
- .m-6fa5e2aa:where([data-read-only]) {
386
+ .m_6fa5e2aa:where([data-read-only]) {
387
387
  cursor: default;
388
388
  }
389
389
 
390
- .m-208d2562 {
390
+ .m_208d2562 {
391
391
  display: flex;
392
392
  align-items: stretch;
393
393
  margin-top: var(--mantine-spacing-md);
394
394
  }
395
395
 
396
- .m-62ee059 {
396
+ .m_62ee059 {
397
397
  flex: 1;
398
398
  margin-inline-end: var(--mantine-spacing-md);
399
399
  }