refactor(VDatePickerMonth): remove useless VDefaultsProvider

Author: johnleider

packages/vuetify/src/components/VDatePicker/VDatePickerMonth.tsx

@@ -3,7 +3,6 @@ import './VDatePickerMonth.sass'
 
 // Components
 import { VBtn } from '@/components/VBtn'
-import { VDefaultsProvider } from '@/components/VDefaultsProvider'
 
 // Composables
 import { makeCalendarProps, useCalendar } from '@/composables/calendar'
@@ -12,7 +11,7 @@ import { MaybeTransition } from '@/composables/transition'
 
 // Utilities
 import { computed, ref, shallowRef, watch } from 'vue'
-import { genericComponent, omit, propsFactory } from '@/util'
+import { genericComponent, omit, propsFactory, useRender } from '@/util'
 
 // Types
 import type { PropType } from 'vue'
@@ -152,7 +151,7 @@ export const VDatePickerMonth = genericComponent<VDatePickerMonthSlots>()({
       }
     }
 
-    return () => (
+    useRender(() => (
       <div class="v-date-picker-month">
         { props.showWeek && (
           <div key="weeks" class="v-date-picker-month__weeks">
@@ -188,6 +187,17 @@ export const VDatePickerMonth = genericComponent<VDatePickerMonthSlots>()({
             { daysInMonth.value.map((item, i) => {
               const slotProps = {
                 props: {
+                  class: 'v-date-picker-month__day-btn',
+                  color: (item.isSelected || item.isToday) && !item.isDisabled
+                    ? props.color
+                    : undefined,
+                  disabled: item.isDisabled,
+                  icon: true,
+                  ripple: false,
+                  text: item.localized,
+                  variant: item.isDisabled
+                    ? item.isToday ? 'outlined' : 'text'
+                    : item.isToday && !item.isSelected ? 'outlined' : 'flat',
                   onClick: () => onClick(item.date),
                 },
                 item,
@@ -212,38 +222,16 @@ export const VDatePickerMonth = genericComponent<VDatePickerMonthSlots>()({
                   ]}
                   data-v-date={ !item.isDisabled ? item.isoDate : undefined }
                 >
-
                   { (props.showAdjacentMonths || !item.isAdjacent) && (
-                    <VDefaultsProvider
-                      defaults={{
-                        VBtn: {
-                          class: 'v-date-picker-month__day-btn',
-                          color: (item.isSelected || item.isToday) && !item.isDisabled
-                            ? props.color
-                            : undefined,
-                          disabled: item.isDisabled,
-                          icon: true,
-                          ripple: false,
-                          text: item.localized,
-                          variant: item.isDisabled
-                            ? item.isToday ? 'outlined' : 'text'
-                            : item.isToday && !item.isSelected ? 'outlined' : 'flat',
-                          onClick: () => onClick(item.date),
-                        },
-                      }}
-                    >
-                      { slots.day?.(slotProps) ?? (
-                        <VBtn { ...slotProps.props } />
-                      )}
-                    </VDefaultsProvider>
+                    slots.day?.(slotProps) ?? (<VBtn { ...slotProps.props } />)
                   )}
                 </div>
               )
             })}
           </div>
         </MaybeTransition>
       </div>
-    )
+    ))
   },
 })