From f970e5f09d9eae83b42cbec9d761fe96ae42c370 Mon Sep 17 00:00:00 2001
From: SonTT19 <49301480+SonTT19@users.noreply.github.com>
Date: Wed, 17 Jul 2024 02:18:49 +0700
Subject: [PATCH] fix(VDateInput): remove menu interaction when
 disabled/readonly (#20163)

fixes #20147

Co-authored-by: John Leider <john@vuetifyjs.com>
---
 packages/vuetify/src/labs/VDateInput/VDateInput.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx
index 5c30ea1b58a..92070c8c48d 100644
--- 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 }