fix(VDateInput): remove menu interaction when disabled/readonly (#20163)

fixes #20147 Co-authored-by: John Leider <john@vuetifyjs.com>
vuetifyjs · Jul 16, 2024 · f970e5f · f970e5f
1 parent f0fa4e6
commit f970e5f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx
@@ -71,6 +71,8 @@ export const VDateInput = genericComponent()({
       return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : ''
     })
 
+    const isInteractive = computed(() => !props.disabled && !props.readonly)
+
     function onKeydown (e: KeyboardEvent) {
       if (e.key !== 'Enter') return
 
@@ -105,12 +107,12 @@ export const VDateInput = genericComponent()({
         <VTextField
           { ...textFieldProps }
           modelValue={ display.value }
-          onKeydown={ onKeydown }
+          onKeydown={ isInteractive.value ? onKeydown : undefined }
           focused={ menu.value || isFocused.value }
           onFocus={ focus }
           onBlur={ blur }
-          onClick:control={ onClick }
-          onClick:prepend={ onClick }
+          onClick:control={ isInteractive.value ? onClick : undefined }
+          onClick:prepend={ isInteractive.value ? onClick : undefined }
         >
           <VMenu
             v-model={ menu.value }