npm - @central-design-system/components - Versions diffs - 4.0.0-alpha.4 → 4.0.0-alpha.5 - Mend

@central-design-system/components 4.0.0-alpha.4 → 4.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (970) hide show

package/dist/types/components/CdsDateInput/index.d.ts CHANGED Viewed

@@ -329,7 +329,7 @@ export declare const CdsDateInput: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void) & ((event: "click:prepend", e: MouseEvent) => void) & ((event: "click:prependInner", e: MouseEvent) => void) & ((event: "click:appendInner", e: MouseEvent) => void) & ((event: "click:append", e: MouseEvent) => void) & ((event: "click:clear", e: MouseEvent) => void);
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void) & ((event: "click:prepend", e: MouseEvent) => void) & ((event: "click:prependInner", e: MouseEvent) => void) & ((event: "click:appendInner", e: MouseEvent) => void) & ((event: "click:append", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -446,13 +446,13 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
             "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
             "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
             "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
             "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, HTMLInputElement & Omit<Omit<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -834,7 +834,7 @@ export declare const CdsDateInput: {
                 readonly textColor?: string | undefined;
                 readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
                 readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-                readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
                 readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly iconColor?: string | boolean | undefined;
@@ -854,7 +854,7 @@ export declare const CdsDateInput: {
             $root: import("vue").ComponentPublicInstance | null;
             $parent: import("vue").ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 focused: BooleanConstructor;
@@ -915,12 +915,14 @@ export declare const CdsDateInput: {
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
             }>, {
                 controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 fieldIconColor: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 "update:modelValue": (value: any) => any;
                 "update:focused": (focused: boolean) => any;
+                "click:clear": (e: MouseEvent) => any;
             }, string, {
                 reverse: boolean;
                 error: boolean;
@@ -1034,6 +1036,7 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -1059,13 +1062,13 @@ export declare const CdsDateInput: {
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: string) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
             "click:control": (e: MouseEvent) => any;
             "mousedown:control": (e: MouseEvent) => any;
             "click:prepend": (e: MouseEvent) => any;
             "click:prependInner": (e: MouseEvent) => any;
             "click:appendInner": (e: MouseEvent) => any;
             "click:append": (e: MouseEvent) => any;
-            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             type: string;
@@ -1259,13 +1262,13 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, "normalize" | "reverse" | "name" | "max" | "required" | "type" | "error" | "id" | "matches" | "height" | "width" | "active" | "remove" | "min" | "maxWidth" | "minWidth" | "translate" | "contains" | "value" | "loading" | "hidden" | "form" | "select" | "slot" | "style" | "title" | "dir" | "animate" | "pattern" | "blur" | "click" | "focus" | "reset" | "scroll" | "autocomplete" | "checkValidity" | "reportValidity" | "addEventListener" | "removeEventListener" | "accessKey" | "accessKeyLabel" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "innerText" | "lang" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "outerText" | "popover" | "spellcheck" | "writingSuggestions" | "attachInternals" | "hidePopover" | "showPopover" | "togglePopover" | "attributes" | "classList" | "className" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "currentCSSZoom" | "innerHTML" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "part" | "prefix" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "checkVisibility" | "closest" | "computedStyleMap" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "getHTML" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setHTMLUnsafe" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "textContent" | "_clickOutside" | "_observe" | "_transitionInitialStyles" | "_touchHandlers" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "removeChild" | "replaceChild" | "ELEMENT_NODE" | "ATTRIBUTE_NODE" | "TEXT_NODE" | "CDATA_SECTION_NODE" | "ENTITY_REFERENCE_NODE" | "ENTITY_NODE" | "PROCESSING_INSTRUCTION_NODE" | "COMMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_TYPE_NODE" | "DOCUMENT_FRAGMENT_NODE" | "NOTATION_NODE" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "dispatchEvent" | "ariaActiveDescendantElement" | "ariaAtomic" | "ariaAutoComplete" | "ariaBrailleLabel" | "ariaBrailleRoleDescription" | "ariaBusy" | "ariaChecked" | "ariaColCount" | "ariaColIndex" | "ariaColIndexText" | "ariaColSpan" | "ariaControlsElements" | "ariaCurrent" | "ariaDescribedByElements" | "ariaDescription" | "ariaDetailsElements" | "ariaDisabled" | "ariaErrorMessageElements" | "ariaExpanded" | "ariaFlowToElements" | "ariaHasPopup" | "ariaHidden" | "ariaInvalid" | "ariaKeyShortcuts" | "ariaLabel" | "ariaLabelledByElements" | "ariaLevel" | "ariaLive" | "ariaModal" | "ariaMultiLine" | "ariaMultiSelectable" | "ariaOrientation" | "ariaOwnsElements" | "ariaPlaceholder" | "ariaPosInSet" | "ariaPressed" | "ariaReadOnly" | "ariaRelevant" | "ariaRequired" | "ariaRoleDescription" | "ariaRowCount" | "ariaRowIndex" | "ariaRowIndexText" | "ariaRowSpan" | "ariaSelected" | "ariaSetSize" | "ariaSort" | "ariaValueMax" | "ariaValueMin" | "ariaValueNow" | "ariaValueText" | "role" | "getAnimations" | "after" | "before" | "replaceWith" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "children" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "replaceChildren" | "assignedSlot" | "attributeStyleMap" | "contentEditable" | "enterKeyHint" | "inputMode" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onbeforeinput" | "onbeforematch" | "onbeforetoggle" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextlost" | "oncontextmenu" | "oncontextrestored" | "oncopy" | "oncuechange" | "oncut" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "onformdata" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpaste" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerrawupdate" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onscrollend" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onslotchange" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwebkitanimationend" | "onwebkitanimationiteration" | "onwebkitanimationstart" | "onwebkittransitionend" | "onwheel" | "autofocus" | "dataset" | "nonce" | "tabIndex" | "disabled" | "labels" | "multiple" | "size" | "validationMessage" | "validity" | "willValidate" | "setCustomValidity" | "showPicker" | "readonly" | "placeholder" | "alt" | "list" | "step" | "src" | "accept" | "capture" | "checked" | "indeterminate" | "align" | "messages" | "theme" | "clearIcon" | "persistentPlaceholder" | "persistentCounter" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages" | "dirty" | "clearable" | "persistentClearable" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | "controlRef" | "fieldIconColor" | "defaultChecked" | "defaultValue" | "dirName" | "files" | "formAction" | "formEnctype" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "readOnly" | "selectionDirection" | "selectionEnd" | "selectionStart" | "useMap" | "valueAsDate" | "valueAsNumber" | "webkitEntries" | "webkitdirectory" | "setRangeText" | "setSelectionRange" | "stepDown" | "stepUp" | "popoverTargetAction" | "popoverTargetElement" | "_allExposed"> & import("vue").ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -1647,7 +1650,7 @@ export declare const CdsDateInput: {
             readonly textColor?: string | undefined;
             readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-            readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
             readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly iconColor?: string | boolean | undefined;
@@ -1667,7 +1670,7 @@ export declare const CdsDateInput: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             focused: BooleanConstructor;
@@ -1728,12 +1731,14 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, {
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: any) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             error: boolean;
@@ -1847,6 +1852,7 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -2253,7 +2259,7 @@ export declare const CdsDateInput: {
                 readonly textColor?: string | undefined;
                 readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
                 readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-                readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
                 readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly iconColor?: string | boolean | undefined;
@@ -2273,7 +2279,7 @@ export declare const CdsDateInput: {
             $root: import("vue").ComponentPublicInstance | null;
             $parent: import("vue").ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 focused: BooleanConstructor;
@@ -2334,12 +2340,14 @@ export declare const CdsDateInput: {
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
             }>, {
                 controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 fieldIconColor: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 "update:modelValue": (value: any) => any;
                 "update:focused": (focused: boolean) => any;
+                "click:clear": (e: MouseEvent) => any;
             }, string, {
                 reverse: boolean;
                 error: boolean;
@@ -2453,6 +2461,7 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -2887,7 +2896,7 @@ export declare const CdsDateInput: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void) & ((event: "click:prepend", e: MouseEvent) => void) & ((event: "click:prependInner", e: MouseEvent) => void) & ((event: "click:appendInner", e: MouseEvent) => void) & ((event: "click:append", e: MouseEvent) => void) & ((event: "click:clear", e: MouseEvent) => void);
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void) & ((event: "click:prepend", e: MouseEvent) => void) & ((event: "click:prependInner", e: MouseEvent) => void) & ((event: "click:appendInner", e: MouseEvent) => void) & ((event: "click:append", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -3004,13 +3013,13 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
             "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
             "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
             "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
             "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, HTMLInputElement & Omit<Omit<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -3392,7 +3401,7 @@ export declare const CdsDateInput: {
                 readonly textColor?: string | undefined;
                 readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
                 readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-                readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
                 readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly iconColor?: string | boolean | undefined;
@@ -3412,7 +3421,7 @@ export declare const CdsDateInput: {
             $root: import("vue").ComponentPublicInstance | null;
             $parent: import("vue").ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 focused: BooleanConstructor;
@@ -3473,12 +3482,14 @@ export declare const CdsDateInput: {
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
             }>, {
                 controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 fieldIconColor: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 "update:modelValue": (value: any) => any;
                 "update:focused": (focused: boolean) => any;
+                "click:clear": (e: MouseEvent) => any;
             }, string, {
                 reverse: boolean;
                 error: boolean;
@@ -3592,6 +3603,7 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -3617,13 +3629,13 @@ export declare const CdsDateInput: {
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: string) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
             "click:control": (e: MouseEvent) => any;
             "mousedown:control": (e: MouseEvent) => any;
             "click:prepend": (e: MouseEvent) => any;
             "click:prependInner": (e: MouseEvent) => any;
             "click:appendInner": (e: MouseEvent) => any;
             "click:append": (e: MouseEvent) => any;
-            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             type: string;
@@ -3817,13 +3829,13 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, "normalize" | "reverse" | "name" | "max" | "required" | "type" | "error" | "id" | "matches" | "height" | "width" | "active" | "remove" | "min" | "maxWidth" | "minWidth" | "translate" | "contains" | "value" | "loading" | "hidden" | "form" | "select" | "slot" | "style" | "title" | "dir" | "animate" | "pattern" | "blur" | "click" | "focus" | "reset" | "scroll" | "autocomplete" | "checkValidity" | "reportValidity" | "addEventListener" | "removeEventListener" | "accessKey" | "accessKeyLabel" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "innerText" | "lang" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "outerText" | "popover" | "spellcheck" | "writingSuggestions" | "attachInternals" | "hidePopover" | "showPopover" | "togglePopover" | "attributes" | "classList" | "className" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "currentCSSZoom" | "innerHTML" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "part" | "prefix" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "checkVisibility" | "closest" | "computedStyleMap" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "getHTML" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setHTMLUnsafe" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "textContent" | "_clickOutside" | "_observe" | "_transitionInitialStyles" | "_touchHandlers" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "removeChild" | "replaceChild" | "ELEMENT_NODE" | "ATTRIBUTE_NODE" | "TEXT_NODE" | "CDATA_SECTION_NODE" | "ENTITY_REFERENCE_NODE" | "ENTITY_NODE" | "PROCESSING_INSTRUCTION_NODE" | "COMMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_TYPE_NODE" | "DOCUMENT_FRAGMENT_NODE" | "NOTATION_NODE" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "dispatchEvent" | "ariaActiveDescendantElement" | "ariaAtomic" | "ariaAutoComplete" | "ariaBrailleLabel" | "ariaBrailleRoleDescription" | "ariaBusy" | "ariaChecked" | "ariaColCount" | "ariaColIndex" | "ariaColIndexText" | "ariaColSpan" | "ariaControlsElements" | "ariaCurrent" | "ariaDescribedByElements" | "ariaDescription" | "ariaDetailsElements" | "ariaDisabled" | "ariaErrorMessageElements" | "ariaExpanded" | "ariaFlowToElements" | "ariaHasPopup" | "ariaHidden" | "ariaInvalid" | "ariaKeyShortcuts" | "ariaLabel" | "ariaLabelledByElements" | "ariaLevel" | "ariaLive" | "ariaModal" | "ariaMultiLine" | "ariaMultiSelectable" | "ariaOrientation" | "ariaOwnsElements" | "ariaPlaceholder" | "ariaPosInSet" | "ariaPressed" | "ariaReadOnly" | "ariaRelevant" | "ariaRequired" | "ariaRoleDescription" | "ariaRowCount" | "ariaRowIndex" | "ariaRowIndexText" | "ariaRowSpan" | "ariaSelected" | "ariaSetSize" | "ariaSort" | "ariaValueMax" | "ariaValueMin" | "ariaValueNow" | "ariaValueText" | "role" | "getAnimations" | "after" | "before" | "replaceWith" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "children" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "replaceChildren" | "assignedSlot" | "attributeStyleMap" | "contentEditable" | "enterKeyHint" | "inputMode" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onbeforeinput" | "onbeforematch" | "onbeforetoggle" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextlost" | "oncontextmenu" | "oncontextrestored" | "oncopy" | "oncuechange" | "oncut" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "onformdata" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpaste" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerrawupdate" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onscrollend" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onslotchange" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwebkitanimationend" | "onwebkitanimationiteration" | "onwebkitanimationstart" | "onwebkittransitionend" | "onwheel" | "autofocus" | "dataset" | "nonce" | "tabIndex" | "disabled" | "labels" | "multiple" | "size" | "validationMessage" | "validity" | "willValidate" | "setCustomValidity" | "showPicker" | "readonly" | "placeholder" | "alt" | "list" | "step" | "src" | "accept" | "capture" | "checked" | "indeterminate" | "align" | "messages" | "theme" | "clearIcon" | "persistentPlaceholder" | "persistentCounter" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages" | "dirty" | "clearable" | "persistentClearable" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | "controlRef" | "fieldIconColor" | "defaultChecked" | "defaultValue" | "dirName" | "files" | "formAction" | "formEnctype" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "readOnly" | "selectionDirection" | "selectionEnd" | "selectionStart" | "useMap" | "valueAsDate" | "valueAsNumber" | "webkitEntries" | "webkitdirectory" | "setRangeText" | "setSelectionRange" | "stepDown" | "stepUp" | "popoverTargetAction" | "popoverTargetElement" | "_allExposed"> & import("vue").ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -4205,7 +4217,7 @@ export declare const CdsDateInput: {
             readonly textColor?: string | undefined;
             readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-            readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
             readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly iconColor?: string | boolean | undefined;
@@ -4225,7 +4237,7 @@ export declare const CdsDateInput: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             focused: BooleanConstructor;
@@ -4286,12 +4298,14 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, {
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: any) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             error: boolean;
@@ -4405,6 +4419,7 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -4811,7 +4826,7 @@ export declare const CdsDateInput: {
                 readonly textColor?: string | undefined;
                 readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
                 readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-                readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+                readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
                 readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
                 readonly iconColor?: string | boolean | undefined;
@@ -4831,7 +4846,7 @@ export declare const CdsDateInput: {
             $root: import("vue").ComponentPublicInstance | null;
             $parent: import("vue").ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+            $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 focused: BooleanConstructor;
@@ -4892,12 +4907,14 @@ export declare const CdsDateInput: {
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
             }>, {
                 controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 fieldIconColor: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
                 "update:modelValue": (value: any) => any;
                 "update:focused": (focused: boolean) => any;
+                "click:clear": (e: MouseEvent) => any;
             }, string, {
                 reverse: boolean;
                 error: boolean;
@@ -5011,6 +5028,7 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -5427,7 +5445,7 @@ export declare const CdsDateInput: {
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void) & ((event: "click:prepend", e: MouseEvent) => void) & ((event: "click:prependInner", e: MouseEvent) => void) & ((event: "click:appendInner", e: MouseEvent) => void) & ((event: "click:append", e: MouseEvent) => void) & ((event: "click:clear", e: MouseEvent) => void);
+    $emit: ((event: "update:modelValue", value: string) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void) & ((event: "click:prepend", e: MouseEvent) => void) & ((event: "click:prependInner", e: MouseEvent) => void) & ((event: "click:appendInner", e: MouseEvent) => void) & ((event: "click:append", e: MouseEvent) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         theme: {
@@ -5544,13 +5562,13 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
         "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
         "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, HTMLInputElement & Omit<Omit<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -5932,7 +5950,7 @@ export declare const CdsDateInput: {
             readonly textColor?: string | undefined;
             readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-            readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
             readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly iconColor?: string | boolean | undefined;
@@ -5952,7 +5970,7 @@ export declare const CdsDateInput: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             focused: BooleanConstructor;
@@ -6013,12 +6031,14 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, {
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: any) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             error: boolean;
@@ -6132,6 +6152,7 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -6157,13 +6178,13 @@ export declare const CdsDateInput: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (value: string) => any;
         "update:focused": (focused: boolean) => any;
+        "click:clear": (e: MouseEvent) => any;
         "click:control": (e: MouseEvent) => any;
         "mousedown:control": (e: MouseEvent) => any;
         "click:prepend": (e: MouseEvent) => any;
         "click:prependInner": (e: MouseEvent) => any;
         "click:appendInner": (e: MouseEvent) => any;
         "click:append": (e: MouseEvent) => any;
-        "click:clear": (e: MouseEvent) => any;
     }, string, {
         reverse: boolean;
         type: string;
@@ -6357,13 +6378,13 @@ export declare const CdsDateInput: {
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     "onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
     "onClick:prepend"?: ((e: MouseEvent) => any) | undefined;
     "onClick:prependInner"?: ((e: MouseEvent) => any) | undefined;
     "onClick:appendInner"?: ((e: MouseEvent) => any) | undefined;
     "onClick:append"?: ((e: MouseEvent) => any) | undefined;
-    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
 }>, "normalize" | "reverse" | "name" | "max" | "required" | "type" | "error" | "id" | "matches" | "height" | "width" | "active" | "remove" | "min" | "maxWidth" | "minWidth" | "translate" | "contains" | "value" | "loading" | "hidden" | "form" | "select" | "slot" | "style" | "title" | "dir" | "animate" | "pattern" | "blur" | "click" | "focus" | "reset" | "scroll" | "autocomplete" | "checkValidity" | "reportValidity" | "addEventListener" | "removeEventListener" | "accessKey" | "accessKeyLabel" | "autocapitalize" | "autocorrect" | "draggable" | "inert" | "innerText" | "lang" | "offsetHeight" | "offsetLeft" | "offsetParent" | "offsetTop" | "offsetWidth" | "outerText" | "popover" | "spellcheck" | "writingSuggestions" | "attachInternals" | "hidePopover" | "showPopover" | "togglePopover" | "attributes" | "classList" | "className" | "clientHeight" | "clientLeft" | "clientTop" | "clientWidth" | "currentCSSZoom" | "innerHTML" | "localName" | "namespaceURI" | "onfullscreenchange" | "onfullscreenerror" | "outerHTML" | "ownerDocument" | "part" | "prefix" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth" | "shadowRoot" | "tagName" | "attachShadow" | "checkVisibility" | "closest" | "computedStyleMap" | "getAttribute" | "getAttributeNS" | "getAttributeNames" | "getAttributeNode" | "getAttributeNodeNS" | "getBoundingClientRect" | "getClientRects" | "getElementsByClassName" | "getElementsByTagName" | "getElementsByTagNameNS" | "getHTML" | "hasAttribute" | "hasAttributeNS" | "hasAttributes" | "hasPointerCapture" | "insertAdjacentElement" | "insertAdjacentHTML" | "insertAdjacentText" | "releasePointerCapture" | "removeAttribute" | "removeAttributeNS" | "removeAttributeNode" | "requestFullscreen" | "requestPointerLock" | "scrollBy" | "scrollIntoView" | "scrollTo" | "setAttribute" | "setAttributeNS" | "setAttributeNode" | "setAttributeNodeNS" | "setHTMLUnsafe" | "setPointerCapture" | "toggleAttribute" | "webkitMatchesSelector" | "textContent" | "_clickOutside" | "_observe" | "_transitionInitialStyles" | "_touchHandlers" | "baseURI" | "childNodes" | "firstChild" | "isConnected" | "lastChild" | "nextSibling" | "nodeName" | "nodeType" | "nodeValue" | "parentElement" | "parentNode" | "previousSibling" | "appendChild" | "cloneNode" | "compareDocumentPosition" | "getRootNode" | "hasChildNodes" | "insertBefore" | "isDefaultNamespace" | "isEqualNode" | "isSameNode" | "lookupNamespaceURI" | "lookupPrefix" | "removeChild" | "replaceChild" | "ELEMENT_NODE" | "ATTRIBUTE_NODE" | "TEXT_NODE" | "CDATA_SECTION_NODE" | "ENTITY_REFERENCE_NODE" | "ENTITY_NODE" | "PROCESSING_INSTRUCTION_NODE" | "COMMENT_NODE" | "DOCUMENT_NODE" | "DOCUMENT_TYPE_NODE" | "DOCUMENT_FRAGMENT_NODE" | "NOTATION_NODE" | "DOCUMENT_POSITION_DISCONNECTED" | "DOCUMENT_POSITION_PRECEDING" | "DOCUMENT_POSITION_FOLLOWING" | "DOCUMENT_POSITION_CONTAINS" | "DOCUMENT_POSITION_CONTAINED_BY" | "DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC" | "dispatchEvent" | "ariaActiveDescendantElement" | "ariaAtomic" | "ariaAutoComplete" | "ariaBrailleLabel" | "ariaBrailleRoleDescription" | "ariaBusy" | "ariaChecked" | "ariaColCount" | "ariaColIndex" | "ariaColIndexText" | "ariaColSpan" | "ariaControlsElements" | "ariaCurrent" | "ariaDescribedByElements" | "ariaDescription" | "ariaDetailsElements" | "ariaDisabled" | "ariaErrorMessageElements" | "ariaExpanded" | "ariaFlowToElements" | "ariaHasPopup" | "ariaHidden" | "ariaInvalid" | "ariaKeyShortcuts" | "ariaLabel" | "ariaLabelledByElements" | "ariaLevel" | "ariaLive" | "ariaModal" | "ariaMultiLine" | "ariaMultiSelectable" | "ariaOrientation" | "ariaOwnsElements" | "ariaPlaceholder" | "ariaPosInSet" | "ariaPressed" | "ariaReadOnly" | "ariaRelevant" | "ariaRequired" | "ariaRoleDescription" | "ariaRowCount" | "ariaRowIndex" | "ariaRowIndexText" | "ariaRowSpan" | "ariaSelected" | "ariaSetSize" | "ariaSort" | "ariaValueMax" | "ariaValueMin" | "ariaValueNow" | "ariaValueText" | "role" | "getAnimations" | "after" | "before" | "replaceWith" | "nextElementSibling" | "previousElementSibling" | "childElementCount" | "children" | "firstElementChild" | "lastElementChild" | "append" | "prepend" | "querySelector" | "querySelectorAll" | "replaceChildren" | "assignedSlot" | "attributeStyleMap" | "contentEditable" | "enterKeyHint" | "inputMode" | "isContentEditable" | "onabort" | "onanimationcancel" | "onanimationend" | "onanimationiteration" | "onanimationstart" | "onauxclick" | "onbeforeinput" | "onbeforematch" | "onbeforetoggle" | "onblur" | "oncancel" | "oncanplay" | "oncanplaythrough" | "onchange" | "onclick" | "onclose" | "oncontextlost" | "oncontextmenu" | "oncontextrestored" | "oncopy" | "oncuechange" | "oncut" | "ondblclick" | "ondrag" | "ondragend" | "ondragenter" | "ondragleave" | "ondragover" | "ondragstart" | "ondrop" | "ondurationchange" | "onemptied" | "onended" | "onerror" | "onfocus" | "onformdata" | "ongotpointercapture" | "oninput" | "oninvalid" | "onkeydown" | "onkeypress" | "onkeyup" | "onload" | "onloadeddata" | "onloadedmetadata" | "onloadstart" | "onlostpointercapture" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onpaste" | "onpause" | "onplay" | "onplaying" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointerrawupdate" | "onpointerup" | "onprogress" | "onratechange" | "onreset" | "onresize" | "onscroll" | "onscrollend" | "onsecuritypolicyviolation" | "onseeked" | "onseeking" | "onselect" | "onselectionchange" | "onselectstart" | "onslotchange" | "onstalled" | "onsubmit" | "onsuspend" | "ontimeupdate" | "ontoggle" | "ontouchcancel" | "ontouchend" | "ontouchmove" | "ontouchstart" | "ontransitioncancel" | "ontransitionend" | "ontransitionrun" | "ontransitionstart" | "onvolumechange" | "onwaiting" | "onwebkitanimationend" | "onwebkitanimationiteration" | "onwebkitanimationstart" | "onwebkittransitionend" | "onwheel" | "autofocus" | "dataset" | "nonce" | "tabIndex" | "disabled" | "labels" | "multiple" | "size" | "validationMessage" | "validity" | "willValidate" | "setCustomValidity" | "showPicker" | "readonly" | "placeholder" | "alt" | "list" | "step" | "src" | "accept" | "capture" | "checked" | "indeterminate" | "align" | "messages" | "theme" | "clearIcon" | "persistentPlaceholder" | "persistentCounter" | "persistentHint" | "centerAffix" | "rules" | "errorMessages" | "maxErrors" | "focused" | "hideMessages" | "dirty" | "clearable" | "persistentClearable" | "isDirty" | "isDisabled" | "isReadonly" | "isPure" | "isValid" | "isValidating" | "resetValidation" | "validate" | "controlRef" | "fieldIconColor" | "defaultChecked" | "defaultValue" | "dirName" | "files" | "formAction" | "formEnctype" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "readOnly" | "selectionDirection" | "selectionEnd" | "selectionStart" | "useMap" | "valueAsDate" | "valueAsNumber" | "webkitEntries" | "webkitdirectory" | "setRangeText" | "setSelectionRange" | "stepDown" | "stepUp" | "popoverTargetAction" | "popoverTargetElement" | "_allExposed"> & import("vue").ShallowUnwrapRef<HTMLInputElement & Omit<Omit<{
     $: import("vue").ComponentInternalInstance;
     $data: {};
@@ -6745,7 +6766,7 @@ export declare const CdsDateInput: {
         readonly textColor?: string | undefined;
         readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
         readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-        readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+        readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
         readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
         readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
         readonly iconColor?: string | boolean | undefined;
@@ -6765,7 +6786,7 @@ export declare const CdsDateInput: {
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+    $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         focused: BooleanConstructor;
@@ -6826,12 +6847,14 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, {
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (value: any) => any;
         "update:focused": (focused: boolean) => any;
+        "click:clear": (e: MouseEvent) => any;
     }, string, {
         reverse: boolean;
         error: boolean;
@@ -6945,6 +6968,7 @@ export declare const CdsDateInput: {
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+    "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
 }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
     controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     fieldIconColor: import("vue").ComputedRef<string | undefined>;
@@ -7351,7 +7375,7 @@ export declare const CdsDateInput: {
             readonly textColor?: string | undefined;
             readonly appendInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
             readonly prependInnerIcon?: import("../../composables/useIcons/index.ts").IconValue | undefined;
-            readonly 'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
+            readonly 'onClick:clear'?: (((args_0: MouseEvent) => void) & ((e: MouseEvent) => any)) | undefined;
             readonly 'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly 'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
             readonly iconColor?: string | boolean | undefined;
@@ -7371,7 +7395,7 @@ export declare const CdsDateInput: {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void);
+        $emit: ((event: "update:modelValue", value: any) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:clear", e: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             focused: BooleanConstructor;
@@ -7432,12 +7456,14 @@ export declare const CdsDateInput: {
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
         }>, {
             controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             "update:modelValue": (value: any) => any;
             "update:focused": (focused: boolean) => any;
+            "click:clear": (e: MouseEvent) => any;
         }, string, {
             reverse: boolean;
             error: boolean;
@@ -7551,6 +7577,7 @@ export declare const CdsDateInput: {
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:clear"?: ((e: MouseEvent) => any) | undefined;
     }>, "controlRef" | "fieldIconColor" | ("reverse" | "error" | "active" | "loading" | "details" | "style" | "disabled" | "size" | "readonly" | "theme" | "clearIcon" | "centerAffix" | "focused" | "dirty" | "clearable" | "persistentClearable")> & import("vue").ShallowUnwrapRef<{
         controlRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         fieldIconColor: import("vue").ComputedRef<string | undefined>;