fix(VColorInput): ensure cancel action closes menu (#21664)

fixes #21655

Author: oumoussa98

packages/vuetify/src/labs/VColorInput/VColorInput.tsx

@@ -86,6 +86,10 @@ export const VColorInput = genericComponent<VColorInputSlots>()({
       menu.value = false
     }
 
+    function onCancel () {
+      menu.value = false
+    }
+
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props)
       const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']))
@@ -139,17 +143,23 @@ export const VColorInput = genericComponent<VColorInputSlots>()({
                     { ...confirmEditProps }
                     v-model={ model.value }
                     onSave={ onSave }
+                    onCancel={ onCancel }
                   >
                     {{
                       default: ({ actions, model: proxyModel, save, cancel, isPristine }) => {
+                        function onUpdateModel (value: string) {
+                          if (!props.hideActions) {
+                            proxyModel.value = value
+                          } else {
+                            model.value = value
+                          }
+                        }
+
                         return (
                           <VColorPicker
                             { ...colorPickerProps }
-                            modelValue={ proxyModel.value }
-                            onUpdate:modelValue={ val => {
-                              proxyModel.value = val
-                              model.value = val
-                            }}
+                            modelValue={ props.hideActions ? model.value : proxyModel.value }
+                            onUpdate:modelValue={ value => onUpdateModel(value) }
                             onMousedown={ (e: MouseEvent) => e.preventDefault() }
                           >
                             {{