@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.
- package/CHANGELOG.md +33 -32
- package/dist/json/attributes.json +653 -653
- package/dist/json/importMap-labs.json +16 -16
- package/dist/json/importMap.json +182 -182
- package/dist/json/web-types.json +1133 -1093
- package/dist/vuetify-labs.cjs +346 -197
- package/dist/vuetify-labs.css +26038 -27768
- package/dist/vuetify-labs.d.ts +244 -647
- package/dist/vuetify-labs.esm.js +347 -198
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +346 -197
- package/dist/vuetify-labs.min.css +3 -4
- package/dist/vuetify.cjs +328 -173
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +22491 -24217
- package/dist/vuetify.d.ts +316 -719
- package/dist/vuetify.esm.js +329 -174
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +328 -173
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +3 -4
- package/dist/vuetify.min.js +1152 -1161
- package/dist/vuetify.min.js.map +1 -1
- package/lib/blueprints/md3.js +5 -18
- package/lib/blueprints/md3.js.map +1 -1
- package/lib/components/VAlert/VAlert.css +207 -215
- package/lib/components/VApp/VApp.css +16 -15
- package/lib/components/VAppBar/VAppBar.css +14 -12
- package/lib/components/VAutocomplete/VAutocomplete.css +85 -84
- package/lib/components/VAutocomplete/VAutocomplete.d.ts +18 -9
- package/lib/components/VAutocomplete/VAutocomplete.js +6 -3
- package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
- package/lib/components/VAvatar/VAvatar.css +108 -106
- package/lib/components/VBadge/VBadge.css +77 -77
- package/lib/components/VBanner/VBanner.css +161 -166
- package/lib/components/VBottomNavigation/VBottomNavigation.css +65 -64
- package/lib/components/VBottomSheet/VBottomSheet.css +34 -31
- package/lib/components/VBreadcrumbs/VBreadcrumbs.css +54 -57
- package/lib/components/VBtn/VBtn.css +385 -408
- package/lib/components/VBtn/VBtn.sass +4 -4
- package/lib/components/VBtnGroup/VBtnGroup.css +63 -64
- package/lib/components/VBtnToggle/VBtnToggle.css +16 -14
- package/lib/components/VCard/VCard.css +294 -302
- package/lib/components/VCarousel/VCarousel.css +63 -65
- package/lib/components/VCarousel/VCarousel.sass +1 -1
- package/lib/components/VCheckbox/VCheckbox.css +7 -5
- package/lib/components/VChip/VChip.css +378 -411
- package/lib/components/VChipGroup/VChipGroup.css +19 -18
- package/lib/components/VCode/VCode.css +10 -11
- package/lib/components/VCode/VCode.sass +0 -3
- package/lib/components/VColorPicker/VColorPicker.css +23 -23
- package/lib/components/VColorPicker/VColorPickerCanvas.css +24 -22
- package/lib/components/VColorPicker/VColorPickerEdit.css +29 -28
- package/lib/components/VColorPicker/VColorPickerPreview.css +69 -67
- package/lib/components/VColorPicker/VColorPickerPreview.sass +4 -2
- package/lib/components/VColorPicker/VColorPickerSwatches.css +34 -34
- package/lib/components/VCombobox/VCombobox.css +85 -84
- package/lib/components/VCombobox/VCombobox.d.ts +18 -9
- package/lib/components/VCombobox/VCombobox.js +6 -3
- package/lib/components/VCombobox/VCombobox.js.map +1 -1
- package/lib/components/VCounter/VCounter.css +7 -5
- package/lib/components/VDataTable/VDataTable.css +189 -186
- package/lib/components/VDataTable/VDataTable.sass +21 -11
- package/lib/components/VDataTable/VDataTableFooter.css +33 -31
- package/lib/components/VDatePicker/VDatePicker.css +8 -6
- package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
- package/lib/components/VDatePicker/VDatePickerControls.css +55 -57
- package/lib/components/VDatePicker/VDatePickerHeader.css +56 -60
- package/lib/components/VDatePicker/VDatePickerMonth.css +51 -55
- package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
- package/lib/components/VDatePicker/VDatePickerMonths.css +20 -19
- package/lib/components/VDatePicker/VDatePickerYears.css +16 -15
- package/lib/components/VDialog/VDialog.css +98 -98
- package/lib/components/VDivider/VDivider.css +52 -52
- package/lib/components/VEmptyState/VEmptyState.css +62 -67
- package/lib/components/VExpansionPanel/VExpansionPanel.css +203 -209
- package/lib/components/VExpansionPanel/VExpansionPanel.sass +27 -25
- package/lib/components/VFab/VFab.css +78 -73
- package/lib/components/VFab/VFab.sass +5 -4
- package/lib/components/VField/VField.css +548 -589
- package/lib/components/VFileInput/VFileInput.css +30 -28
- package/lib/components/VFooter/VFooter.css +38 -36
- package/lib/components/VForm/VForm.d.ts +111 -531
- package/lib/components/VForm/VForm.js +11 -1
- package/lib/components/VForm/VForm.js.map +1 -1
- package/lib/components/VGrid/VGrid.css +565 -592
- package/lib/components/VIcon/VIcon.css +52 -53
- package/lib/components/VImg/VImg.css +50 -51
- package/lib/components/VInfiniteScroll/VInfiniteScroll.css +36 -37
- package/lib/components/VInput/VInput.css +136 -147
- package/lib/components/VItemGroup/VItemGroup.css +7 -5
- package/lib/components/VKbd/VKbd.css +13 -11
- package/lib/components/VLabel/VLabel.css +16 -15
- package/lib/components/VLayout/VLayout.css +10 -8
- package/lib/components/VLayout/VLayoutItem.css +8 -7
- package/lib/components/VList/VList.css +104 -108
- package/lib/components/VList/VList.sass +1 -1
- package/lib/components/VList/VListItem.css +440 -452
- package/lib/components/VList/VListItem.sass +2 -1
- package/lib/components/VLocaleProvider/VLocaleProvider.css +4 -2
- package/lib/components/VMain/VMain.css +32 -30
- package/lib/components/VMenu/VMenu.css +21 -19
- package/lib/components/VMessages/VMessages.css +17 -15
- package/lib/components/VNavigationDrawer/VNavigationDrawer.css +102 -104
- package/lib/components/VNumberInput/VNumberInput.css +48 -46
- package/lib/components/VOtpInput/VOtpInput.css +56 -58
- package/lib/components/VOverlay/VOverlay.css +61 -64
- package/lib/components/VOverlay/VOverlay.sass +14 -13
- package/lib/components/VPagination/VPagination.css +10 -8
- package/lib/components/VParallax/VParallax.css +8 -6
- package/lib/components/VProgressCircular/VProgressCircular.css +95 -101
- package/lib/components/VProgressLinear/VProgressLinear.css +209 -222
- package/lib/components/VRadioGroup/VRadioGroup.css +14 -12
- package/lib/components/VRating/VRating.css +52 -53
- package/lib/components/VResponsive/VResponsive.css +25 -26
- package/lib/components/VSelect/VSelect.css +53 -51
- package/lib/components/VSelect/VSelect.d.ts +18 -9
- package/lib/components/VSelect/VSelect.js +6 -3
- package/lib/components/VSelect/VSelect.js.map +1 -1
- package/lib/components/VSelectionControl/VSelectionControl.css +98 -100
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.css +10 -8
- package/lib/components/VSheet/VSheet.css +38 -36
- package/lib/components/VSkeletonLoader/VSkeletonLoader.css +225 -224
- package/lib/components/VSlideGroup/VSlideGroup.css +53 -55
- package/lib/components/VSlider/VSlider.css +53 -57
- package/lib/components/VSlider/VSliderThumb.css +142 -153
- package/lib/components/VSlider/VSliderTrack.css +155 -174
- package/lib/components/VSnackbar/VSnackbar.css +140 -140
- package/lib/components/VSpeedDial/VSpeedDial.css +43 -41
- package/lib/components/VStepper/VStepper.css +55 -56
- package/lib/components/VStepper/VStepperItem.css +112 -115
- package/lib/components/VSwitch/VSwitch.css +129 -139
- package/lib/components/VSystemBar/VSystemBar.css +45 -43
- package/lib/components/VTable/VTable.css +140 -141
- package/lib/components/VTable/VTable.sass +4 -2
- package/lib/components/VTabs/VTab.css +30 -29
- package/lib/components/VTabs/VTabs.css +59 -65
- package/lib/components/VTextField/VTextField.css +77 -85
- package/lib/components/VTextarea/VTextarea.css +48 -40
- package/lib/components/VTextarea/VTextarea.sass +4 -2
- package/lib/components/VThemeProvider/VThemeProvider.css +5 -3
- package/lib/components/VTimeline/VTimeline.css +388 -427
- package/lib/components/VToolbar/VToolbar.css +137 -144
- package/lib/components/VTooltip/VTooltip.css +27 -23
- package/lib/components/VTooltip/VTooltip.sass +8 -6
- package/lib/components/VVirtualScroll/VVirtualScroll.css +11 -9
- package/lib/components/VWindow/VWindow.css +73 -70
- package/lib/composables/calendar.d.ts +2 -2
- package/lib/composables/calendar.js +7 -5
- package/lib/composables/calendar.js.map +1 -1
- package/lib/composables/date/DateAdapter.d.ts +0 -1
- package/lib/composables/date/DateAdapter.js.map +1 -1
- package/lib/composables/date/adapters/vuetify.d.ts +0 -1
- package/lib/composables/date/adapters/vuetify.js +160 -101
- package/lib/composables/date/adapters/vuetify.js.map +1 -1
- package/lib/composables/date/date.d.ts +1 -1
- package/lib/composables/date/date.js +20 -0
- package/lib/composables/date/date.js.map +1 -1
- package/lib/composables/filter.js +1 -2
- package/lib/composables/filter.js.map +1 -1
- package/lib/composables/theme.d.ts +6 -1
- package/lib/composables/theme.js +98 -30
- package/lib/composables/theme.js.map +1 -1
- package/lib/composables/validation.js +0 -5
- package/lib/composables/validation.js.map +1 -1
- package/lib/composables/virtual.js +6 -1
- package/lib/composables/virtual.js.map +1 -1
- package/lib/directives/ripple/VRipple.css +38 -36
- package/lib/entry-bundler.d.ts +0 -1
- package/lib/entry-bundler.js +1 -1
- package/lib/entry-bundler.js.map +1 -1
- package/lib/framework.d.ts +71 -69
- package/lib/framework.js +1 -1
- package/lib/framework.js.map +1 -1
- package/lib/labs/VCalendar/VCalendar.css +219 -225
- package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
- package/lib/labs/VCalendar/VCalendarDay.css +33 -32
- package/lib/labs/VCalendar/VCalendarHeader.css +13 -13
- package/lib/labs/VCalendar/VCalendarInterval.css +43 -42
- package/lib/labs/VCalendar/VCalendarInterval.js +19 -25
- package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
- package/lib/labs/VCalendar/VCalendarIntervalEvent.css +7 -5
- package/lib/labs/VCalendar/VCalendarMonthDay.css +61 -58
- package/lib/labs/VCalendar/VCalendarMonthDay.sass +3 -2
- package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
- package/lib/labs/VFileUpload/VFileUpload.css +74 -77
- package/lib/labs/VIconBtn/VIconBtn.css +162 -164
- package/lib/labs/VPicker/VPicker.css +58 -63
- package/lib/labs/VTimePicker/VTimePicker.css +9 -7
- package/lib/labs/VTimePicker/VTimePickerClock.css +126 -129
- package/lib/labs/VTimePicker/VTimePickerControls.css +102 -103
- package/lib/labs/VTreeview/VTreeviewItem.css +30 -28
- package/lib/labs/VTreeview/VTreeviewItem.sass +3 -2
- package/lib/labs/entry-bundler.d.ts +0 -1
- package/lib/styles/elements/_global.sass +1 -1
- package/lib/styles/generic/_colors.scss +3 -3
- package/lib/styles/generic/_layers.scss +13 -1
- package/lib/styles/generic/_reset.scss +0 -1
- package/lib/styles/generic/_transitions.scss +32 -32
- package/lib/styles/main.css +14668 -16143
- package/lib/styles/settings/_utilities.scss +0 -5
- package/lib/styles/settings/_variables.scss +1 -2
- package/lib/styles/tools/_border.sass +4 -4
- package/lib/styles/tools/_display.sass +0 -10
- package/lib/styles/tools/_elevation.sass +2 -2
- package/lib/styles/tools/_index.sass +0 -2
- package/lib/styles/tools/_layer.scss +4 -2
- package/lib/styles/tools/_position.sass +2 -2
- package/lib/styles/tools/_rounded.sass +2 -2
- package/lib/styles/tools/_utilities.sass +1 -5
- package/lib/styles/utilities/_elevation.scss +1 -1
- package/lib/util/globals.d.ts +1 -0
- package/lib/util/globals.js +1 -0
- package/lib/util/globals.js.map +1 -1
- package/package.json +45 -46
- package/lib/styles/tools/_bootable.sass +0 -3
- package/lib/styles/tools/_radius.sass +0 -10
@@ -1,58 +1,56 @@
|
|
1
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
.v-date-picker-controls__date {
|
38
|
-
|
39
|
-
}
|
40
|
-
.v-date-picker-controls--variant-classic .v-date-picker-controls__date {
|
41
|
-
|
42
|
-
|
43
|
-
}
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
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
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
.v-date-picker-header__append {
|
13
|
-
|
14
|
-
}
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
transition-
|
39
|
-
transition-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
transition-
|
44
|
-
|
45
|
-
}
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
}
|
50
|
-
.date-picker-header-transition-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
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
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
.v-date-picker-month__weeks {
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
}
|
14
|
-
.v-date-picker-month__weeks + .v-date-picker-month__days {
|
15
|
-
|
16
|
-
}
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
}
|
46
|
-
.v-date-picker-month__day--
|
47
|
-
|
48
|
-
}
|
49
|
-
|
50
|
-
|
51
|
-
|
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:
|
86
|
+
default: number;
|
87
87
|
} : Omit<{
|
88
88
|
type: (StringConstructor | NumberConstructor)[];
|
89
|
-
default:
|
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:
|
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:
|
408
|
+
default: number;
|
409
409
|
};
|
410
410
|
allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
|
411
411
|
color: StringConstructor;
|
@@ -1,20 +1,21 @@
|
|
1
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
.v-date-picker-months__content {
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
}
|
16
|
-
.v-date-picker-months__content .v-btn {
|
17
|
-
|
18
|
-
|
19
|
-
|
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
|
-
.
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
.v-date-picker-years__content {
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
}
|
14
|
-
.v-date-picker-years__content .v-btn {
|
15
|
-
|
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
|
}
|