@vuetify/nightly 3.8.1-master.2025-04-16 → 3.8.1-next.2025-04-15

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 (217) hide show
  1. package/CHANGELOG.md +33 -32
  2. package/dist/json/attributes.json +653 -653
  3. package/dist/json/importMap-labs.json +16 -16
  4. package/dist/json/importMap.json +182 -182
  5. package/dist/json/web-types.json +1133 -1093
  6. package/dist/vuetify-labs.cjs +346 -197
  7. package/dist/vuetify-labs.css +26038 -27768
  8. package/dist/vuetify-labs.d.ts +244 -647
  9. package/dist/vuetify-labs.esm.js +347 -198
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +346 -197
  12. package/dist/vuetify-labs.min.css +3 -4
  13. package/dist/vuetify.cjs +328 -173
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +22491 -24217
  16. package/dist/vuetify.d.ts +316 -719
  17. package/dist/vuetify.esm.js +329 -174
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +328 -173
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +3 -4
  22. package/dist/vuetify.min.js +1152 -1161
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/blueprints/md3.js +5 -18
  25. package/lib/blueprints/md3.js.map +1 -1
  26. package/lib/components/VAlert/VAlert.css +207 -215
  27. package/lib/components/VApp/VApp.css +16 -15
  28. package/lib/components/VAppBar/VAppBar.css +14 -12
  29. package/lib/components/VAutocomplete/VAutocomplete.css +85 -84
  30. package/lib/components/VAutocomplete/VAutocomplete.d.ts +18 -9
  31. package/lib/components/VAutocomplete/VAutocomplete.js +6 -3
  32. package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
  33. package/lib/components/VAvatar/VAvatar.css +108 -106
  34. package/lib/components/VBadge/VBadge.css +77 -77
  35. package/lib/components/VBanner/VBanner.css +161 -166
  36. package/lib/components/VBottomNavigation/VBottomNavigation.css +65 -64
  37. package/lib/components/VBottomSheet/VBottomSheet.css +34 -31
  38. package/lib/components/VBreadcrumbs/VBreadcrumbs.css +54 -57
  39. package/lib/components/VBtn/VBtn.css +385 -408
  40. package/lib/components/VBtn/VBtn.sass +4 -4
  41. package/lib/components/VBtnGroup/VBtnGroup.css +63 -64
  42. package/lib/components/VBtnToggle/VBtnToggle.css +16 -14
  43. package/lib/components/VCard/VCard.css +294 -302
  44. package/lib/components/VCarousel/VCarousel.css +63 -65
  45. package/lib/components/VCarousel/VCarousel.sass +1 -1
  46. package/lib/components/VCheckbox/VCheckbox.css +7 -5
  47. package/lib/components/VChip/VChip.css +378 -411
  48. package/lib/components/VChipGroup/VChipGroup.css +19 -18
  49. package/lib/components/VCode/VCode.css +10 -11
  50. package/lib/components/VCode/VCode.sass +0 -3
  51. package/lib/components/VColorPicker/VColorPicker.css +23 -23
  52. package/lib/components/VColorPicker/VColorPickerCanvas.css +24 -22
  53. package/lib/components/VColorPicker/VColorPickerEdit.css +29 -28
  54. package/lib/components/VColorPicker/VColorPickerPreview.css +69 -67
  55. package/lib/components/VColorPicker/VColorPickerPreview.sass +4 -2
  56. package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
  57. package/lib/components/VCombobox/VCombobox.css +85 -84
  58. package/lib/components/VCombobox/VCombobox.d.ts +18 -9
  59. package/lib/components/VCombobox/VCombobox.js +6 -3
  60. package/lib/components/VCombobox/VCombobox.js.map +1 -1
  61. package/lib/components/VCounter/VCounter.css +7 -5
  62. package/lib/components/VDataTable/VDataTable.css +189 -186
  63. package/lib/components/VDataTable/VDataTable.sass +21 -11
  64. package/lib/components/VDataTable/VDataTableFooter.css +33 -31
  65. package/lib/components/VDatePicker/VDatePicker.css +8 -6
  66. package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
  67. package/lib/components/VDatePicker/VDatePickerControls.css +55 -57
  68. package/lib/components/VDatePicker/VDatePickerHeader.css +56 -60
  69. package/lib/components/VDatePicker/VDatePickerMonth.css +51 -55
  70. package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
  71. package/lib/components/VDatePicker/VDatePickerMonths.css +20 -19
  72. package/lib/components/VDatePicker/VDatePickerYears.css +16 -15
  73. package/lib/components/VDialog/VDialog.css +98 -98
  74. package/lib/components/VDivider/VDivider.css +52 -52
  75. package/lib/components/VEmptyState/VEmptyState.css +62 -67
  76. package/lib/components/VExpansionPanel/VExpansionPanel.css +203 -209
  77. package/lib/components/VExpansionPanel/VExpansionPanel.sass +27 -25
  78. package/lib/components/VFab/VFab.css +78 -73
  79. package/lib/components/VFab/VFab.sass +5 -4
  80. package/lib/components/VField/VField.css +548 -589
  81. package/lib/components/VFileInput/VFileInput.css +30 -28
  82. package/lib/components/VFooter/VFooter.css +38 -36
  83. package/lib/components/VForm/VForm.d.ts +111 -531
  84. package/lib/components/VForm/VForm.js +11 -1
  85. package/lib/components/VForm/VForm.js.map +1 -1
  86. package/lib/components/VGrid/VGrid.css +565 -592
  87. package/lib/components/VIcon/VIcon.css +52 -53
  88. package/lib/components/VImg/VImg.css +50 -51
  89. package/lib/components/VInfiniteScroll/VInfiniteScroll.css +36 -37
  90. package/lib/components/VInput/VInput.css +136 -147
  91. package/lib/components/VItemGroup/VItemGroup.css +7 -5
  92. package/lib/components/VKbd/VKbd.css +13 -11
  93. package/lib/components/VLabel/VLabel.css +16 -15
  94. package/lib/components/VLayout/VLayout.css +10 -8
  95. package/lib/components/VLayout/VLayoutItem.css +8 -7
  96. package/lib/components/VList/VList.css +104 -108
  97. package/lib/components/VList/VList.sass +1 -1
  98. package/lib/components/VList/VListItem.css +440 -452
  99. package/lib/components/VList/VListItem.sass +2 -1
  100. package/lib/components/VLocaleProvider/VLocaleProvider.css +4 -2
  101. package/lib/components/VMain/VMain.css +32 -30
  102. package/lib/components/VMenu/VMenu.css +21 -19
  103. package/lib/components/VMessages/VMessages.css +17 -15
  104. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +102 -104
  105. package/lib/components/VNumberInput/VNumberInput.css +48 -46
  106. package/lib/components/VOtpInput/VOtpInput.css +56 -58
  107. package/lib/components/VOverlay/VOverlay.css +61 -64
  108. package/lib/components/VOverlay/VOverlay.sass +14 -13
  109. package/lib/components/VPagination/VPagination.css +10 -8
  110. package/lib/components/VParallax/VParallax.css +8 -6
  111. package/lib/components/VProgressCircular/VProgressCircular.css +95 -101
  112. package/lib/components/VProgressLinear/VProgressLinear.css +209 -222
  113. package/lib/components/VRadioGroup/VRadioGroup.css +14 -12
  114. package/lib/components/VRating/VRating.css +52 -53
  115. package/lib/components/VResponsive/VResponsive.css +25 -26
  116. package/lib/components/VSelect/VSelect.css +53 -51
  117. package/lib/components/VSelect/VSelect.d.ts +18 -9
  118. package/lib/components/VSelect/VSelect.js +6 -3
  119. package/lib/components/VSelect/VSelect.js.map +1 -1
  120. package/lib/components/VSelectionControl/VSelectionControl.css +98 -100
  121. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +10 -8
  122. package/lib/components/VSheet/VSheet.css +38 -36
  123. package/lib/components/VSkeletonLoader/VSkeletonLoader.css +225 -224
  124. package/lib/components/VSlideGroup/VSlideGroup.css +53 -55
  125. package/lib/components/VSlider/VSlider.css +53 -57
  126. package/lib/components/VSlider/VSliderThumb.css +142 -153
  127. package/lib/components/VSlider/VSliderTrack.css +155 -174
  128. package/lib/components/VSnackbar/VSnackbar.css +140 -140
  129. package/lib/components/VSpeedDial/VSpeedDial.css +43 -41
  130. package/lib/components/VStepper/VStepper.css +55 -56
  131. package/lib/components/VStepper/VStepperItem.css +112 -115
  132. package/lib/components/VSwitch/VSwitch.css +129 -139
  133. package/lib/components/VSystemBar/VSystemBar.css +45 -43
  134. package/lib/components/VTable/VTable.css +140 -141
  135. package/lib/components/VTable/VTable.sass +4 -2
  136. package/lib/components/VTabs/VTab.css +30 -29
  137. package/lib/components/VTabs/VTabs.css +59 -65
  138. package/lib/components/VTextField/VTextField.css +77 -85
  139. package/lib/components/VTextarea/VTextarea.css +48 -40
  140. package/lib/components/VTextarea/VTextarea.sass +4 -2
  141. package/lib/components/VThemeProvider/VThemeProvider.css +5 -3
  142. package/lib/components/VTimeline/VTimeline.css +388 -427
  143. package/lib/components/VToolbar/VToolbar.css +137 -144
  144. package/lib/components/VTooltip/VTooltip.css +27 -23
  145. package/lib/components/VTooltip/VTooltip.sass +8 -6
  146. package/lib/components/VVirtualScroll/VVirtualScroll.css +11 -9
  147. package/lib/components/VWindow/VWindow.css +73 -70
  148. package/lib/composables/calendar.d.ts +2 -2
  149. package/lib/composables/calendar.js +7 -5
  150. package/lib/composables/calendar.js.map +1 -1
  151. package/lib/composables/date/DateAdapter.d.ts +0 -1
  152. package/lib/composables/date/DateAdapter.js.map +1 -1
  153. package/lib/composables/date/adapters/vuetify.d.ts +0 -1
  154. package/lib/composables/date/adapters/vuetify.js +160 -101
  155. package/lib/composables/date/adapters/vuetify.js.map +1 -1
  156. package/lib/composables/date/date.d.ts +1 -1
  157. package/lib/composables/date/date.js +20 -0
  158. package/lib/composables/date/date.js.map +1 -1
  159. package/lib/composables/filter.js +1 -2
  160. package/lib/composables/filter.js.map +1 -1
  161. package/lib/composables/theme.d.ts +6 -1
  162. package/lib/composables/theme.js +98 -30
  163. package/lib/composables/theme.js.map +1 -1
  164. package/lib/composables/validation.js +0 -5
  165. package/lib/composables/validation.js.map +1 -1
  166. package/lib/composables/virtual.js +6 -1
  167. package/lib/composables/virtual.js.map +1 -1
  168. package/lib/directives/ripple/VRipple.css +38 -36
  169. package/lib/entry-bundler.d.ts +0 -1
  170. package/lib/entry-bundler.js +1 -1
  171. package/lib/entry-bundler.js.map +1 -1
  172. package/lib/framework.d.ts +71 -69
  173. package/lib/framework.js +1 -1
  174. package/lib/framework.js.map +1 -1
  175. package/lib/labs/VCalendar/VCalendar.css +219 -225
  176. package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
  177. package/lib/labs/VCalendar/VCalendarDay.css +33 -32
  178. package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
  179. package/lib/labs/VCalendar/VCalendarInterval.css +43 -42
  180. package/lib/labs/VCalendar/VCalendarInterval.js +19 -25
  181. package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
  182. package/lib/labs/VCalendar/VCalendarIntervalEvent.css +7 -5
  183. package/lib/labs/VCalendar/VCalendarMonthDay.css +61 -58
  184. package/lib/labs/VCalendar/VCalendarMonthDay.sass +3 -2
  185. package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
  186. package/lib/labs/VFileUpload/VFileUpload.css +74 -77
  187. package/lib/labs/VIconBtn/VIconBtn.css +162 -164
  188. package/lib/labs/VPicker/VPicker.css +58 -63
  189. package/lib/labs/VTimePicker/VTimePicker.css +9 -7
  190. package/lib/labs/VTimePicker/VTimePickerClock.css +126 -129
  191. package/lib/labs/VTimePicker/VTimePickerControls.css +102 -103
  192. package/lib/labs/VTreeview/VTreeviewItem.css +30 -28
  193. package/lib/labs/VTreeview/VTreeviewItem.sass +3 -2
  194. package/lib/labs/entry-bundler.d.ts +0 -1
  195. package/lib/styles/elements/_global.sass +1 -1
  196. package/lib/styles/generic/_colors.scss +3 -3
  197. package/lib/styles/generic/_layers.scss +13 -1
  198. package/lib/styles/generic/_reset.scss +0 -1
  199. package/lib/styles/generic/_transitions.scss +32 -32
  200. package/lib/styles/main.css +14668 -16143
  201. package/lib/styles/settings/_utilities.scss +0 -5
  202. package/lib/styles/settings/_variables.scss +1 -2
  203. package/lib/styles/tools/_border.sass +4 -4
  204. package/lib/styles/tools/_display.sass +0 -10
  205. package/lib/styles/tools/_elevation.sass +2 -2
  206. package/lib/styles/tools/_index.sass +0 -2
  207. package/lib/styles/tools/_layer.scss +4 -2
  208. package/lib/styles/tools/_position.sass +2 -2
  209. package/lib/styles/tools/_rounded.sass +2 -2
  210. package/lib/styles/tools/_utilities.sass +1 -5
  211. package/lib/styles/utilities/_elevation.scss +1 -1
  212. package/lib/util/globals.d.ts +1 -0
  213. package/lib/util/globals.js +1 -0
  214. package/lib/util/globals.js.map +1 -1
  215. package/package.json +45 -46
  216. package/lib/styles/tools/_bootable.sass +0 -3
  217. package/lib/styles/tools/_radius.sass +0 -10
@@ -1,58 +1,56 @@
1
- .v-date-picker-controls {
2
- display: flex;
3
- align-items: center;
4
- justify-content: space-between;
5
- font-size: 0.875rem;
6
- height: var(--v-date-picker-controls-height, 56px);
7
- padding-top: 4px;
8
- padding-bottom: 4px;
9
- padding-inline-start: 6px;
10
- padding-inline-end: 12px;
11
- }
12
- .v-date-picker-controls > .v-btn:first-child {
13
- text-transform: none;
14
- font-weight: 400;
15
- line-height: initial;
16
- letter-spacing: initial;
17
- }
18
- .v-date-picker-controls--variant-classic {
19
- padding-inline-start: 12px;
20
- }
21
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
22
- opacity: 0.7;
23
- }
24
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
25
- cursor: pointer;
26
- }
27
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
28
- opacity: 1;
29
- }
30
- .v-date-picker-controls .v-btn:last-child {
31
- margin-inline-start: 4px;
32
- }
33
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
34
- transform: rotate(180deg);
35
- }
36
-
37
- .v-date-picker-controls__date {
38
- margin-inline-end: 4px;
39
- }
40
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
41
- margin: auto;
42
- text-align: center;
43
- }
44
-
45
- .v-date-picker-controls__month {
46
- display: flex;
47
- }
48
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
49
- flex-direction: row-reverse;
50
- }
51
-
52
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
53
- flex: 1 0 auto;
54
- }
55
-
56
- .v-date-picker__title {
57
- display: inline-block;
1
+ @layer vuetify.components {
2
+ .v-date-picker-controls {
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: space-between;
6
+ font-size: 0.875rem;
7
+ height: var(--v-date-picker-controls-height, 56px);
8
+ padding-top: 4px;
9
+ padding-bottom: 4px;
10
+ padding-inline-start: 6px;
11
+ padding-inline-end: 12px;
12
+ }
13
+ .v-date-picker-controls > .v-btn:first-child {
14
+ text-transform: none;
15
+ font-weight: 400;
16
+ line-height: initial;
17
+ letter-spacing: initial;
18
+ }
19
+ .v-date-picker-controls--variant-classic {
20
+ padding-inline-start: 12px;
21
+ }
22
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
23
+ opacity: 0.7;
24
+ }
25
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
26
+ cursor: pointer;
27
+ }
28
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
29
+ opacity: 1;
30
+ }
31
+ .v-date-picker-controls .v-btn:last-child {
32
+ margin-inline-start: 4px;
33
+ }
34
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
35
+ transform: rotate(180deg);
36
+ }
37
+ .v-date-picker-controls__date {
38
+ margin-inline-end: 4px;
39
+ }
40
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
41
+ margin: auto;
42
+ text-align: center;
43
+ }
44
+ .v-date-picker-controls__month {
45
+ display: flex;
46
+ }
47
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
48
+ flex-direction: row-reverse;
49
+ }
50
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
51
+ flex: 1 0 auto;
52
+ }
53
+ .v-date-picker__title {
54
+ display: inline-block;
55
+ }
58
56
  }
@@ -1,61 +1,57 @@
1
- .v-date-picker-header {
2
- align-items: flex-end;
3
- height: 70px;
4
- display: grid;
5
- grid-template-areas: "prepend content append";
6
- grid-template-columns: min-content minmax(0, 1fr) min-content;
7
- overflow: hidden;
8
- padding-inline: 24px 12px;
9
- padding-bottom: 12px;
10
- }
11
-
12
- .v-date-picker-header__append {
13
- grid-area: append;
14
- }
15
-
16
- .v-date-picker-header__prepend {
17
- grid-area: prepend;
18
- padding-inline-start: 8px;
19
- }
20
-
21
- .v-date-picker-header__content {
22
- align-items: center;
23
- display: inline-flex;
24
- font-size: 32px;
25
- line-height: 40px;
26
- grid-area: content;
27
- justify-content: space-between;
28
- }
29
- .v-date-picker-header--clickable .v-date-picker-header__content {
30
- cursor: pointer;
31
- }
32
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
33
- opacity: 0.7;
34
- }
35
-
36
- .date-picker-header-transition-enter-active,
37
- .date-picker-header-reverse-transition-enter-active {
38
- transition-duration: 0.3s;
39
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
40
- }
41
- .date-picker-header-transition-leave-active,
42
- .date-picker-header-reverse-transition-leave-active {
43
- transition-duration: 0.3s;
44
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
45
- }
46
-
47
- .date-picker-header-transition-enter-from {
48
- transform: translate(0, 100%);
49
- }
50
- .date-picker-header-transition-leave-to {
51
- opacity: 0;
52
- transform: translate(0, -100%);
53
- }
54
-
55
- .date-picker-header-reverse-transition-enter-from {
56
- transform: translate(0, -100%);
57
- }
58
- .date-picker-header-reverse-transition-leave-to {
59
- opacity: 0;
60
- transform: translate(0, 100%);
1
+ @layer vuetify.components {
2
+ .v-date-picker-header {
3
+ align-items: flex-end;
4
+ height: 70px;
5
+ display: grid;
6
+ grid-template-areas: "prepend content append";
7
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
8
+ overflow: hidden;
9
+ padding-inline: 24px 12px;
10
+ padding-bottom: 12px;
11
+ }
12
+ .v-date-picker-header__append {
13
+ grid-area: append;
14
+ }
15
+ .v-date-picker-header__prepend {
16
+ grid-area: prepend;
17
+ padding-inline-start: 8px;
18
+ }
19
+ .v-date-picker-header__content {
20
+ align-items: center;
21
+ display: inline-flex;
22
+ font-size: 32px;
23
+ line-height: 40px;
24
+ grid-area: content;
25
+ justify-content: space-between;
26
+ }
27
+ .v-date-picker-header--clickable .v-date-picker-header__content {
28
+ cursor: pointer;
29
+ }
30
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
31
+ opacity: 0.7;
32
+ }
33
+ .date-picker-header-transition-enter-active,
34
+ .date-picker-header-reverse-transition-enter-active {
35
+ transition-duration: 0.3s;
36
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
37
+ }
38
+ .date-picker-header-transition-leave-active,
39
+ .date-picker-header-reverse-transition-leave-active {
40
+ transition-duration: 0.3s;
41
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42
+ }
43
+ .date-picker-header-transition-enter-from {
44
+ transform: translate(0, 100%);
45
+ }
46
+ .date-picker-header-transition-leave-to {
47
+ opacity: 0;
48
+ transform: translate(0, -100%);
49
+ }
50
+ .date-picker-header-reverse-transition-enter-from {
51
+ transform: translate(0, -100%);
52
+ }
53
+ .date-picker-header-reverse-transition-leave-to {
54
+ opacity: 0;
55
+ transform: translate(0, 100%);
56
+ }
61
57
  }
@@ -1,56 +1,52 @@
1
- .v-date-picker-month {
2
- display: flex;
3
- justify-content: center;
4
- padding: 0 12px 8px;
5
- --v-date-picker-month-day-diff: 4px;
6
- }
7
-
8
- .v-date-picker-month__weeks {
9
- display: grid;
10
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
11
- column-gap: 4px;
12
- font-size: 0.85rem;
13
- }
14
- .v-date-picker-month__weeks + .v-date-picker-month__days {
15
- grid-row-gap: 0;
16
- }
17
-
18
- .v-date-picker-month__weekday {
19
- font-size: 0.85rem;
20
- }
21
-
22
- .v-date-picker-month__days {
23
- display: grid;
24
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
25
- column-gap: 4px;
26
- flex: 1 1;
27
- justify-content: space-around;
28
- }
29
-
30
- .v-date-picker-month__day {
31
- align-items: center;
32
- display: flex;
33
- justify-content: center;
34
- position: relative;
35
- height: 40px;
36
- width: 40px;
37
- }
38
- .v-date-picker-month__day--selected .v-btn {
39
- background-color: rgb(var(--v-theme-surface-variant));
40
- color: rgb(var(--v-theme-on-surface-variant));
41
- }
42
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
43
- --v-btn-height: 24px;
44
- --v-btn-size: 0.85rem;
45
- }
46
- .v-date-picker-month__day--week {
47
- font-size: var(--v-btn-size);
48
- }
49
-
50
- .v-date-picker-month__day--adjacent {
51
- opacity: 0.5;
52
- }
53
-
54
- .v-date-picker-month__day--hide-adjacent {
55
- opacity: 0;
1
+ @layer vuetify.components {
2
+ .v-date-picker-month {
3
+ display: flex;
4
+ justify-content: center;
5
+ padding: 0 12px 8px;
6
+ --v-date-picker-month-day-diff: 4px;
7
+ }
8
+ .v-date-picker-month__weeks {
9
+ display: grid;
10
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
11
+ column-gap: 4px;
12
+ font-size: 0.85rem;
13
+ }
14
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
15
+ grid-row-gap: 0;
16
+ }
17
+ .v-date-picker-month__weekday {
18
+ font-size: 0.85rem;
19
+ }
20
+ .v-date-picker-month__days {
21
+ display: grid;
22
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
23
+ column-gap: 4px;
24
+ flex: 1 1;
25
+ justify-content: space-around;
26
+ }
27
+ .v-date-picker-month__day {
28
+ align-items: center;
29
+ display: flex;
30
+ justify-content: center;
31
+ position: relative;
32
+ height: 40px;
33
+ width: 40px;
34
+ }
35
+ .v-date-picker-month__day--selected .v-btn {
36
+ background-color: rgb(var(--v-theme-surface-variant));
37
+ color: rgb(var(--v-theme-on-surface-variant));
38
+ }
39
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
40
+ --v-btn-height: 24px;
41
+ --v-btn-size: 0.85rem;
42
+ }
43
+ .v-date-picker-month__day--week {
44
+ font-size: var(--v-btn-size);
45
+ }
46
+ .v-date-picker-month__day--adjacent {
47
+ opacity: 0.5;
48
+ }
49
+ .v-date-picker-month__day--hide-adjacent {
50
+ opacity: 0;
51
+ }
56
52
  }
@@ -83,10 +83,10 @@ export declare const makeVDatePickerMonthProps: <Defaults extends {
83
83
  };
84
84
  firstDayOfWeek: unknown extends Defaults["firstDayOfWeek"] ? {
85
85
  type: (StringConstructor | NumberConstructor)[];
86
- default: undefined;
86
+ default: number;
87
87
  } : Omit<{
88
88
  type: (StringConstructor | NumberConstructor)[];
89
- default: undefined;
89
+ default: number;
90
90
  }, "type" | "default"> & {
91
91
  type: PropType<unknown extends Defaults["firstDayOfWeek"] ? string | number : string | number | Defaults["firstDayOfWeek"]>;
92
92
  default: unknown extends Defaults["firstDayOfWeek"] ? string | number : NonNullable<string | number> | Defaults["firstDayOfWeek"];
@@ -140,6 +140,7 @@ export declare const VDatePickerMonth: {
140
140
  showAdjacentMonths: boolean;
141
141
  weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
142
142
  weeksInMonth: "static" | "dynamic";
143
+ firstDayOfWeek: string | number;
143
144
  hideWeekdays: boolean;
144
145
  showWeek: boolean;
145
146
  } & {
@@ -150,7 +151,6 @@ export declare const VDatePickerMonth: {
150
151
  month?: string | number | undefined;
151
152
  year?: string | number | undefined;
152
153
  modelValue?: unknown[] | undefined;
153
- firstDayOfWeek?: string | number | undefined;
154
154
  allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
155
155
  } & {
156
156
  $children?: {} | import("vue").VNodeChild | {
@@ -219,6 +219,7 @@ export declare const VDatePickerMonth: {
219
219
  showAdjacentMonths: boolean;
220
220
  weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
221
221
  weeksInMonth: "static" | "dynamic";
222
+ firstDayOfWeek: string | number;
222
223
  hideWeekdays: boolean;
223
224
  showWeek: boolean;
224
225
  } & {
@@ -229,7 +230,6 @@ export declare const VDatePickerMonth: {
229
230
  month?: string | number | undefined;
230
231
  year?: string | number | undefined;
231
232
  modelValue?: unknown[] | undefined;
232
- firstDayOfWeek?: string | number | undefined;
233
233
  allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
234
234
  } & {
235
235
  $children?: {} | import("vue").VNodeChild | {
@@ -283,6 +283,7 @@ export declare const VDatePickerMonth: {
283
283
  showAdjacentMonths: boolean;
284
284
  weekdays: import("../../composables/calendar.js").CalendarWeekdays[];
285
285
  weeksInMonth: "static" | "dynamic";
286
+ firstDayOfWeek: string | number;
286
287
  hideWeekdays: boolean;
287
288
  showWeek: boolean;
288
289
  } & {
@@ -293,7 +294,6 @@ export declare const VDatePickerMonth: {
293
294
  month?: string | number | undefined;
294
295
  year?: string | number | undefined;
295
296
  modelValue?: unknown[] | undefined;
296
- firstDayOfWeek?: string | number | undefined;
297
297
  allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
298
298
  } & {
299
299
  $children?: {} | import("vue").VNodeChild | {
@@ -369,7 +369,7 @@ export declare const VDatePickerMonth: {
369
369
  };
370
370
  firstDayOfWeek: {
371
371
  type: (StringConstructor | NumberConstructor)[];
372
- default: undefined;
372
+ default: number;
373
373
  };
374
374
  allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
375
375
  color: StringConstructor;
@@ -405,7 +405,7 @@ export declare const VDatePickerMonth: {
405
405
  };
406
406
  firstDayOfWeek: {
407
407
  type: (StringConstructor | NumberConstructor)[];
408
- default: undefined;
408
+ default: number;
409
409
  };
410
410
  allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
411
411
  color: StringConstructor;
@@ -1,20 +1,21 @@
1
- .v-date-picker-months {
2
- height: 288px;
3
- }
4
-
5
- .v-date-picker-months__content {
6
- align-items: center;
7
- display: grid;
8
- flex: 1 1;
9
- height: inherit;
10
- justify-content: space-around;
11
- grid-template-columns: repeat(2, 1fr);
12
- grid-gap: 0px 24px;
13
- padding-inline-start: 36px;
14
- padding-inline-end: 36px;
15
- }
16
- .v-date-picker-months__content .v-btn {
17
- text-transform: none;
18
- padding-inline-start: 8px;
19
- padding-inline-end: 8px;
1
+ @layer vuetify.components {
2
+ .v-date-picker-months {
3
+ height: 288px;
4
+ }
5
+ .v-date-picker-months__content {
6
+ align-items: center;
7
+ display: grid;
8
+ flex: 1 1;
9
+ height: inherit;
10
+ justify-content: space-around;
11
+ grid-template-columns: repeat(2, 1fr);
12
+ grid-gap: 0px 24px;
13
+ padding-inline-start: 36px;
14
+ padding-inline-end: 36px;
15
+ }
16
+ .v-date-picker-months__content .v-btn {
17
+ text-transform: none;
18
+ padding-inline-start: 8px;
19
+ padding-inline-end: 8px;
20
+ }
20
21
  }
@@ -1,16 +1,17 @@
1
- .v-date-picker-years {
2
- height: 288px;
3
- overflow-y: scroll;
4
- }
5
-
6
- .v-date-picker-years__content {
7
- display: grid;
8
- flex: 1 1;
9
- justify-content: space-around;
10
- grid-template-columns: repeat(3, 1fr);
11
- gap: 8px 24px;
12
- padding-inline: 32px;
13
- }
14
- .v-date-picker-years__content .v-btn {
15
- padding-inline: 8px;
1
+ @layer vuetify.components {
2
+ .v-date-picker-years {
3
+ height: 288px;
4
+ overflow-y: scroll;
5
+ }
6
+ .v-date-picker-years__content {
7
+ display: grid;
8
+ flex: 1 1;
9
+ justify-content: space-around;
10
+ grid-template-columns: repeat(3, 1fr);
11
+ gap: 8px 24px;
12
+ padding-inline: 32px;
13
+ }
14
+ .v-date-picker-years__content .v-btn {
15
+ padding-inline: 8px;
16
+ }
16
17
  }