From 5b31ec1536a52e1d57756110ef1178c74897168f Mon Sep 17 00:00:00 2001
From: SonTT19 <tran.thanh.son.acc@gmail.com>
Date: Mon, 15 Jul 2024 09:13:42 +0700
Subject: [PATCH 1/2] fix(VDateInput): apply readonly

---
 packages/vuetify/src/labs/VDateInput/VDateInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx
index 5c30ea1b58a..528ec4d31cf 100644
--- a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx
+++ b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx
@@ -109,8 +109,8 @@ export const VDateInput = genericComponent()({
           focused={ menu.value || isFocused.value }
           onFocus={ focus }
           onBlur={ blur }
-          onClick:control={ onClick }
-          onClick:prepend={ onClick }
+          onClick:control={ !props.readonly ? onClick : undefined }
+          onClick:prepend={ !props.readonly ? onClick : undefined }
         >
           <VMenu
             v-model={ menu.value }

From 53a17ff192151b133c10ecc49a0edccd9c5c7267 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Tue, 16 Jul 2024 14:15:21 -0500
Subject: [PATCH 2/2] fix(VDateInput): handle keyboard interactions and also
 disabled state

---
 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 528ec4d31cf..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={ !props.readonly ? onClick : undefined }
-          onClick:prepend={ !props.readonly ? onClick : undefined }
+          onClick:control={ isInteractive.value ? onClick : undefined }
+          onClick:prepend={ isInteractive.value ? onClick : undefined }
         >
           <VMenu
             v-model={ menu.value }