@quidgest/ui 0.27.0 → 0.28.0

package/esm/components/QDateTimePicker/index.d.ts

@@ -6,7 +6,7 @@ declare const QDateTimePicker: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -30,8 +30,88 @@ declare const QDateTimePicker: {
         close: () => any;
         open: () => any;
     }, import('vue').PublicProps, {
-        icons: typeof import('./constants').DEFAULT_ICONS;
-        texts: typeof import('./constants').DEFAULT_TEXTS;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            calendar: {
+                icon: string;
+            };
+            clock: {
+                icon: string;
+            };
+            today: {
+                icon: string;
+            };
+            back: {
+                icon: string;
+            };
+            forward: {
+                icon: string;
+            };
+            up: {
+                icon: string;
+            };
+            down: {
+                icon: string;
+            };
+            delete: {
+                icon: string;
+            };
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
+        texts: {
+            showHelp: string;
+        } & {
+            today: string;
+            toggleMode: string;
+            previousYears: string;
+            nextYears: string;
+            previousMonth: string;
+            nextMonth: string;
+            pickMonth: string;
+            pickYear: string;
+            hours: string;
+            minutes: string;
+            seconds: string;
+            startTime: string;
+            endTime: string;
+            increaseHour: string;
+            decreaseHour: string;
+            increaseMinute: string;
+            decreaseMinute: string;
+            increaseSecond: string;
+            decreaseSecond: string;
+            am: string;
+            pm: string;
+            january: string;
+            february: string;
+            march: string;
+            april: string;
+            may: string;
+            june: string;
+            july: string;
+            august: string;
+            september: string;
+            october: string;
+            november: string;
+            december: string;
+            monday: string;
+            tuesday: string;
+            wednesday: string;
+            thursday: string;
+            friday: string;
+            saturday: string;
+            sunday: string;
+            clearValue: string;
+            showHelp: string;
+        };
         inline: boolean;
         format: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -46,6 +126,26 @@ declare const QDateTimePicker: {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: ({
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                }) | undefined;
+                readonly texts?: ({
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                }) | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -54,7 +154,6 @@ declare const QDateTimePicker: {
                 readonly maxLength?: number | undefined;
                 readonly clearable?: boolean | undefined;
                 readonly type?: string | undefined;
-                readonly texts?: typeof import('..').DEFAULT_TEXTS | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 readonly "onClick:clear"?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -72,6 +171,10 @@ declare const QDateTimePicker: {
                         readonly required?: boolean | undefined;
                         readonly for?: string | undefined;
                         readonly labelPosition?: import('..').QLabelPosition | undefined;
+                        readonly help?: string | undefined;
+                        readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                        readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                        readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                         readonly size?: import('..').QFieldSize | undefined;
                         readonly readonly?: boolean | undefined;
                         readonly disabled?: boolean | undefined;
@@ -81,7 +184,115 @@ declare const QDateTimePicker: {
                     $refs: {
                         [x: string]: unknown;
                     } & {
+                        controlAnchor: HTMLDivElement;
                         field: HTMLDivElement;
+                        standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                            trigger: ({
+                                $: import('vue').ComponentInternalInstance;
+                                $data: {};
+                                $props: {
+                                    readonly id?: string | undefined;
+                                    readonly class?: string | unknown[] | undefined;
+                                    readonly label?: string | undefined;
+                                    readonly help?: string | undefined;
+                                    readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                                    readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                                    readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                                    readonly variant?: import('..').QButtonVariant | undefined;
+                                    readonly color?: string | undefined;
+                                    readonly surface?: string | undefined;
+                                    readonly borderless?: boolean | undefined;
+                                    readonly elevated?: boolean | undefined;
+                                    readonly block?: boolean | undefined;
+                                    readonly size?: import('../..').QComponentSize | undefined;
+                                    readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                                    readonly pill?: boolean | undefined;
+                                    readonly effect?: import('..').QButtonEffect | undefined;
+                                    readonly disabled?: boolean | undefined;
+                                    readonly loading?: boolean | undefined;
+                                    readonly tabindex?: number | undefined;
+                                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                                $attrs: import('vue').Attrs;
+                                $refs: {
+                                    [x: string]: unknown;
+                                } & {
+                                    buttonEl: HTMLButtonElement;
+                                };
+                                $slots: Readonly<{
+                                    [name: string]: import('vue').Slot<any> | undefined;
+                                }>;
+                                $root: import('vue').ComponentPublicInstance | null;
+                                $parent: import('vue').ComponentPublicInstance | null;
+                                $host: Element | null;
+                                $emit: (event: "click", event: MouseEvent) => void;
+                                $el: any;
+                                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                                    onClick?: ((event: MouseEvent) => any) | undefined;
+                                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                                    click: (event: MouseEvent) => any;
+                                }, string, {
+                                    effect: import('..').QButtonEffect;
+                                    color: string;
+                                    variant: import('..').QButtonVariant;
+                                    icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                    texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                    helpDisplay: import('../..').QHelpDisplay;
+                                    iconPos: import('..').QButtonIconPosition;
+                                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                                    beforeCreate?: (() => void) | (() => void)[];
+                                    created?: (() => void) | (() => void)[];
+                                    beforeMount?: (() => void) | (() => void)[];
+                                    mounted?: (() => void) | (() => void)[];
+                                    beforeUpdate?: (() => void) | (() => void)[];
+                                    updated?: (() => void) | (() => void)[];
+                                    activated?: (() => void) | (() => void)[];
+                                    deactivated?: (() => void) | (() => void)[];
+                                    beforeDestroy?: (() => void) | (() => void)[];
+                                    beforeUnmount?: (() => void) | (() => void)[];
+                                    destroyed?: (() => void) | (() => void)[];
+                                    unmounted?: (() => void) | (() => void)[];
+                                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                                };
+                                $forceUpdate: () => void;
+                                $nextTick: typeof import('vue').nextTick;
+                                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                            } & Readonly<{
+                                effect: import('..').QButtonEffect;
+                                color: string;
+                                variant: import('..').QButtonVariant;
+                                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                helpDisplay: import('../..').QHelpDisplay;
+                                iconPos: import('..').QButtonIconPosition;
+                            }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                                onClick?: ((event: MouseEvent) => any) | undefined;
+                            }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                                $slots: {
+                                    default?(_: {}): any;
+                                    append?(_: {}): any;
+                                };
+                            }) | null;
+                        }, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }> | null;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -92,9 +303,13 @@ declare const QDateTimePicker: {
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                        fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                         size: import('..').QFieldSize;
+                        icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
                         labelPosition: import('..').QLabelPosition;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -118,16 +333,24 @@ declare const QDateTimePicker: {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
                     size: import('..').QFieldSize;
+                    icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                    texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                    helpDisplay: import('../..').QHelpDisplay;
                     labelPosition: import('..').QLabelPosition;
-                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-                    fieldRef: HTMLDivElement | null;
+                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+                    fieldRef: HTMLElement | null;
+                    helpDescribedBy: string | undefined;
                 } & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         'label.prepend'?(_: {}): any;
                         'label.append'?(_: {}): any;
-                        control?(_: {}): any;
+                        control?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         prepend?(_: {}): any;
-                        default?(_: {}): any;
+                        default?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         append?(_: {}): any;
                         extras?(_: {}): any;
                     };
@@ -149,7 +372,7 @@ declare const QDateTimePicker: {
                 required?: boolean;
                 for?: string;
                 labelPosition?: import('..').QLabelPosition;
-            } & {
+            } & import('..').QFieldHelpProps & {
                 size?: import('..').QFieldSize;
                 readonly?: boolean;
                 disabled?: boolean;
@@ -160,12 +383,13 @@ declare const QDateTimePicker: {
                 maxLength?: number;
                 clearable?: boolean;
                 type?: string;
+                icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
                 texts?: typeof import('..').DEFAULT_TEXTS;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 "onClick:clear"?: ((event: Event) => any) | undefined;
             }>, {
-                fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+                fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
                 inputRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => any;
@@ -173,6 +397,24 @@ declare const QDateTimePicker: {
                 "click:clear": (event: Event) => any;
             }, string, {
                 type: string;
+                icons: {
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                };
+                texts: {
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                };
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -195,6 +437,24 @@ declare const QDateTimePicker: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             type: string;
+            icons: {
+                help: {
+                    icon: string;
+                };
+            } & {
+                clear: {
+                    icon: string;
+                };
+                help: {
+                    icon: string;
+                };
+            };
+            texts: {
+                showHelp: string;
+            } & {
+                clearValue: string;
+                showHelp: string;
+            };
         }> & Omit<Readonly<{
             modelValue?: string;
         } & import('../..').QBaseComponentProps & {
@@ -202,7 +462,7 @@ declare const QDateTimePicker: {
             required?: boolean;
             for?: string;
             labelPosition?: import('..').QLabelPosition;
-        } & {
+        } & import('..').QFieldHelpProps & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
             disabled?: boolean;
@@ -213,12 +473,13 @@ declare const QDateTimePicker: {
             maxLength?: number;
             clearable?: boolean;
             type?: string;
+            icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
             texts?: typeof import('..').DEFAULT_TEXTS;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onClick:clear"?: ((event: Event) => any) | undefined;
-        }>, "type" | "fieldRef" | "inputRef"> & {
-            fieldRef: HTMLDivElement | null | undefined;
+        }>, "fieldRef" | ("type" | "icons" | "texts") | "inputRef"> & {
+            fieldRef: HTMLElement | null | undefined;
             inputRef: HTMLInputElement | null;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -238,8 +499,13 @@ declare const QDateTimePicker: {
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
                 readonly variant?: import('..').QButtonVariant | undefined;
                 readonly color?: string | undefined;
+                readonly surface?: string | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
@@ -255,6 +521,8 @@ declare const QDateTimePicker: {
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonEl: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -263,15 +531,18 @@ declare const QDateTimePicker: {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: MouseEvent) => void;
-            $el: HTMLButtonElement;
+            $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (event: MouseEvent) => any;
             }, string, {
-                variant: import('..').QButtonVariant;
                 effect: import('..').QButtonEffect;
                 color: string;
+                variant: import('..').QButtonVariant;
+                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                helpDisplay: import('../..').QHelpDisplay;
                 iconPos: import('..').QButtonIconPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -294,13 +565,16 @@ declare const QDateTimePicker: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            variant: import('..').QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: import('..').QButtonVariant;
+            icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+            texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+            helpDisplay: import('../..').QHelpDisplay;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
             onClick?: ((event: MouseEvent) => any) | undefined;
-        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -313,8 +587,13 @@ declare const QDateTimePicker: {
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
                 readonly variant?: import('..').QButtonVariant | undefined;
                 readonly color?: string | undefined;
+                readonly surface?: string | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
@@ -330,6 +609,8 @@ declare const QDateTimePicker: {
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonEl: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -338,15 +619,18 @@ declare const QDateTimePicker: {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: MouseEvent) => void;
-            $el: HTMLButtonElement;
+            $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (event: MouseEvent) => any;
             }, string, {
-                variant: import('..').QButtonVariant;
                 effect: import('..').QButtonEffect;
                 color: string;
+                variant: import('..').QButtonVariant;
+                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                helpDisplay: import('../..').QHelpDisplay;
                 iconPos: import('..').QButtonIconPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -369,13 +653,16 @@ declare const QDateTimePicker: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            variant: import('..').QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: import('..').QButtonVariant;
+            icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+            texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+            helpDisplay: import('../..').QHelpDisplay;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
             onClick?: ((event: MouseEvent) => any) | undefined;
-        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -388,8 +675,13 @@ declare const QDateTimePicker: {
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
                 readonly label?: string | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
                 readonly variant?: import('..').QButtonVariant | undefined;
                 readonly color?: string | undefined;
+                readonly surface?: string | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
@@ -405,6 +697,8 @@ declare const QDateTimePicker: {
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonEl: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -413,15 +707,18 @@ declare const QDateTimePicker: {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: MouseEvent) => void;
-            $el: HTMLButtonElement;
+            $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 click: (event: MouseEvent) => any;
             }, string, {
-                variant: import('..').QButtonVariant;
                 effect: import('..').QButtonEffect;
                 color: string;
+                variant: import('..').QButtonVariant;
+                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                helpDisplay: import('../..').QHelpDisplay;
                 iconPos: import('..').QButtonIconPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -444,13 +741,16 @@ declare const QDateTimePicker: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            variant: import('..').QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: import('..').QButtonVariant;
+            icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+            texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+            helpDisplay: import('../..').QHelpDisplay;
             iconPos: import('..').QButtonIconPosition;
         }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
             onClick?: ((event: MouseEvent) => any) | undefined;
-        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -470,7 +770,7 @@ declare const QDateTimePicker: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -489,8 +789,88 @@ declare const QDateTimePicker: {
         onClose?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
-        icons: typeof import('./constants').DEFAULT_ICONS;
-        texts: typeof import('./constants').DEFAULT_TEXTS;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            calendar: {
+                icon: string;
+            };
+            clock: {
+                icon: string;
+            };
+            today: {
+                icon: string;
+            };
+            back: {
+                icon: string;
+            };
+            forward: {
+                icon: string;
+            };
+            up: {
+                icon: string;
+            };
+            down: {
+                icon: string;
+            };
+            delete: {
+                icon: string;
+            };
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
+        texts: {
+            showHelp: string;
+        } & {
+            today: string;
+            toggleMode: string;
+            previousYears: string;
+            nextYears: string;
+            previousMonth: string;
+            nextMonth: string;
+            pickMonth: string;
+            pickYear: string;
+            hours: string;
+            minutes: string;
+            seconds: string;
+            startTime: string;
+            endTime: string;
+            increaseHour: string;
+            decreaseHour: string;
+            increaseMinute: string;
+            decreaseMinute: string;
+            increaseSecond: string;
+            decreaseSecond: string;
+            am: string;
+            pm: string;
+            january: string;
+            february: string;
+            march: string;
+            april: string;
+            may: string;
+            june: string;
+            july: string;
+            august: string;
+            september: string;
+            october: string;
+            november: string;
+            december: string;
+            monday: string;
+            tuesday: string;
+            wednesday: string;
+            thursday: string;
+            friday: string;
+            saturday: string;
+            sunday: string;
+            clearValue: string;
+            showHelp: string;
+        };
         inline: boolean;
         format: string;
     }>;
@@ -504,7 +884,7 @@ declare const QDateTimePicker: {
     required?: boolean;
     for?: string;
     labelPosition?: import('..').QLabelPosition;
-} & {
+} & import('..').QFieldHelpProps & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;
@@ -528,8 +908,88 @@ declare const QDateTimePicker: {
     close: () => any;
     open: () => any;
 }, string, {
-    icons: typeof import('./constants').DEFAULT_ICONS;
-    texts: typeof import('./constants').DEFAULT_TEXTS;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        calendar: {
+            icon: string;
+        };
+        clock: {
+            icon: string;
+        };
+        today: {
+            icon: string;
+        };
+        back: {
+            icon: string;
+        };
+        forward: {
+            icon: string;
+        };
+        up: {
+            icon: string;
+        };
+        down: {
+            icon: string;
+        };
+        delete: {
+            icon: string;
+        };
+        clear: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
+    texts: {
+        showHelp: string;
+    } & {
+        today: string;
+        toggleMode: string;
+        previousYears: string;
+        nextYears: string;
+        previousMonth: string;
+        nextMonth: string;
+        pickMonth: string;
+        pickYear: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        startTime: string;
+        endTime: string;
+        increaseHour: string;
+        decreaseHour: string;
+        increaseMinute: string;
+        decreaseMinute: string;
+        increaseSecond: string;
+        decreaseSecond: string;
+        am: string;
+        pm: string;
+        january: string;
+        february: string;
+        march: string;
+        april: string;
+        may: string;
+        june: string;
+        july: string;
+        august: string;
+        september: string;
+        october: string;
+        november: string;
+        december: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        sunday: string;
+        clearValue: string;
+        showHelp: string;
+    };
     inline: boolean;
     format: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {