fix(VDateInput): add missing save / cancel events

Author: johnleider

packages/vuetify/src/labs/VDateInput/VDateInput.tsx

@@ -56,10 +56,12 @@ export const VDateInput = genericComponent<VDateInputSlots>()({
   props: makeVDateInputProps(),
 
   emits: {
+    save: (value: string) => true,
+    cancel: () => true,
     'update:modelValue': (val: string) => true,
   },
 
-  setup (props, { slots }) {
+  setup (props, { emit, slots }) {
     const { t } = useLocale()
     const adapter = useDate()
     const { isFocused, focus, blur } = useFocus(props)
@@ -118,11 +120,17 @@ export const VDateInput = genericComponent<VDateInputSlots>()({
       menu.value = true
     }
 
-    function onSave () {
+    function onCancel () {
+      emit('cancel')
       menu.value = false
     }
 
-    function onUpdateModel (value: string) {
+    function onSave (value: string) {
+      emit('save', value)
+      menu.value = false
+    }
+
+    function onUpdateDisplayModel (value: string) {
       if (value != null) return
 
       model.value = null
@@ -146,7 +154,7 @@ export const VDateInput = genericComponent<VDateInputSlots>()({
           onBlur={ blur }
           onClick:control={ isInteractive.value ? onClick : undefined }
           onClick:prepend={ isInteractive.value ? onClick : undefined }
-          onUpdate:modelValue={ onUpdateModel }
+          onUpdate:modelValue={ onUpdateDisplayModel }
         >
           {{
             ...slots,
@@ -165,23 +173,30 @@ export const VDateInput = genericComponent<VDateInputSlots>()({
                     { ...confirmEditProps }
                     v-model={ model.value }
                     onSave={ onSave }
-                    onCancel={ () => menu.value = false }
+                    onCancel={ onCancel }
                   >
                     {{
                       default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {
+                        function onUpdateModel (value: string) {
+                          if (!props.hideActions) {
+                            proxyModel.value = value
+                          } else {
+                            model.value = value
+
+                            if (!props.multiple) {
+                              menu.value = false
+                            }
+                          }
+
+                          emit('save', value)
+                          vDateInputRef.value?.blur()
+                        }
+
                         return (
                           <VDatePicker
                             { ...datePickerProps }
                             modelValue={ props.hideActions ? model.value : proxyModel.value }
-                            onUpdate:modelValue={ val => {
-                              if (!props.hideActions) {
-                                proxyModel.value = val
-                              } else {
-                                model.value = val
-
-                                if (!props.multiple) menu.value = false
-                              }
-                            }}
+                            onUpdate:modelValue={ value => onUpdateModel(value) }
                             onMousedown={ (e: MouseEvent) => e.preventDefault() }
                           >
                             {{