diff --git a/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass b/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass index 62891528831..8de4a61085d 100644 --- a/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass +++ b/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass @@ -14,9 +14,13 @@ &::-webkit-inner-spin-button -webkit-appearance: none - .v-field - padding-inline-end: 0 - padding-inline-start: 0 + &:not(&--append-inner-slot) + .v-field + padding-inline-end: 0 + + &:not(&--prepend-inner-slot) + .v-field + padding-inline-start: 0 &--inset .v-divider diff --git a/packages/vuetify/src/labs/VNumberInput/VNumberInput.tsx b/packages/vuetify/src/labs/VNumberInput/VNumberInput.tsx index f3ee59cbe3b..073c282a328 100644 --- a/packages/vuetify/src/labs/VNumberInput/VNumberInput.tsx +++ b/packages/vuetify/src/labs/VNumberInput/VNumberInput.tsx @@ -55,7 +55,7 @@ const makeVNumberInputProps = propsFactory({ default: 1, }, - ...omit(makeVTextFieldProps({}), ['appendInnerIcon', 'modelValue', 'prependInnerIcon']), + ...omit(makeVTextFieldProps({}), ['modelValue']), }, 'VNumberInput') export const VNumberInput = genericComponent()({ @@ -328,6 +328,8 @@ export const VNumberInput = genericComponent()({ 'v-number-input', { 'v-number-input--default': controlVariant.value === 'default', + 'v-number-input--append-inner-slot': !!slots['append-inner'] || props.appendInnerIcon, + 'v-number-input--prepend-inner-slot': !!slots['prepend-inner'] || props.prependInnerIcon, 'v-number-input--hide-input': props.hideInput, 'v-number-input--inset': props.inset, 'v-number-input--reverse': props.reverse,