refactor(VDatePicker): move width logic from style to class

vuetifyjs · Nov 14, 2023 · 448369b · 448369b
1 parent 6ec97a7
commit 448369b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VDatePicker/VDatePicker.sass b/packages/vuetify/src/components/VDatePicker/VDatePicker.sass
@@ -7,6 +7,10 @@
 
 .v-date-picker
   overflow: hidden
+  width: 360px
+
+  &--show-week
+    width: 408px
 
 .v-date-picker-month
   padding: 0 12px 12px

diff --git a/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx b/packages/vuetify/src/components/VDatePicker/VDatePicker.tsx
@@ -251,10 +251,12 @@ export const VDatePicker = genericComponent<new <T, Multiple extends boolean = f
           class={[
             'v-date-picker',
             `v-date-picker--${viewMode.value}`,
+            {
+              'v-date-picker--show-week': props.showWeek,
+            },
             props.class,
           ]}
           style={ props.style }
-          width={ props.width ?? (props.showWeek ? 408 : 360) }
           v-slots={{
             title: () => slots.title?.() ?? (
               <div class="v-date-picker__title">