@omnia/fx 8.0.91-vnext → 8.0.92-vnext

package/internal-do-not-import-from-here/ux/{theming-v2/components/colorpicker/ColorPicker.d.ts → colorsettingspicker/ColorSettingsPicker.d.ts}

@@ -31,7 +31,7 @@ declare const _default: {
                     required: false;
                 };
             } & {
-                require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, ColorPickerProps, {
+                require(): import("../DefineVueTypings").DefinePropModelRequire<string, ColorPickerProps, {
                     "onUpdate:modelValue": {
                         type: import("vue").PropType<(value: ColorPickerProps) => any>;
                     };
@@ -46,7 +46,7 @@ declare const _default: {
                         required: false;
                     };
                 }>;
-                defaultValue(value?: ColorPickerProps): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, ColorPickerProps, {
+                defaultValue(value?: ColorPickerProps): import("../DefineVueTypings").DefinePropModelDefaultValue<string, ColorPickerProps, {
                     "onUpdate:modelValue": {
                         type: import("vue").PropType<(value: ColorPickerProps) => any>;
                     };
@@ -61,7 +61,7 @@ declare const _default: {
                         required: false;
                     };
                 }, false>;
-                doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, ColorPickerProps, {
+                doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<string, ColorPickerProps, {
                     "onUpdate:modelValue": {
                         type: import("vue").PropType<(value: ColorPickerProps) => any>;
                     };
@@ -152,16 +152,16 @@ declare const _default: {
                 type: import("vue").PropType<ColorPickerProps>;
                 required: false;
             };
-            name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+            name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
                 type: import("vue").PropType<(value: ColorPickerProps) => any>;
-            }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
                 type: import("vue").PropType<ColorPickerProps>;
                 required: false;
-            }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
                 type: import("vue").PropType<ColorPickerProps>;
                 required: false;
             }; } & {
-                require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, ColorPickerProps, {
+                require(): import("../DefineVueTypings").DefinePropModelRequire<TName, ColorPickerProps, {
                     "onUpdate:modelValue": {
                         type: import("vue").PropType<(value: ColorPickerProps) => any>;
                     };
@@ -176,7 +176,7 @@ declare const _default: {
                         required: false;
                     };
                 }>;
-                defaultValue(value?: ColorPickerProps): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorPickerProps, {
+                defaultValue(value?: ColorPickerProps): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorPickerProps, {
                     "onUpdate:modelValue": {
                         type: import("vue").PropType<(value: ColorPickerProps) => any>;
                     };
@@ -191,7 +191,7 @@ declare const _default: {
                         required: false;
                     };
                 }, false>;
-                doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, ColorPickerProps, {
+                doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, ColorPickerProps, {
                     "onUpdate:modelValue": {
                         type: import("vue").PropType<(value: ColorPickerProps) => any>;
                     };
@@ -257,16 +257,16 @@ declare const _default: {
             type: import("vue").PropType<ColorPickerProps>;
             required: false;
         };
-        name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+        name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
             type: import("vue").PropType<(value: ColorPickerProps) => any>;
-        }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+        }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
             type: import("vue").PropType<ColorPickerProps>;
             required: false;
-        }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+        }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
             type: import("vue").PropType<ColorPickerProps>;
             required: false;
         }; } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, ColorPickerProps, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, ColorPickerProps, {
                 "onUpdate:modelValue": {
                     type: import("vue").PropType<(value: ColorPickerProps) => any>;
                 };
@@ -281,7 +281,7 @@ declare const _default: {
                     required: false;
                 };
             }>;
-            defaultValue(value?: ColorPickerProps): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorPickerProps, {
+            defaultValue(value?: ColorPickerProps): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorPickerProps, {
                 "onUpdate:modelValue": {
                     type: import("vue").PropType<(value: ColorPickerProps) => any>;
                 };
@@ -296,7 +296,7 @@ declare const _default: {
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, ColorPickerProps, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, ColorPickerProps, {
                 "onUpdate:modelValue": {
                     type: import("vue").PropType<(value: ColorPickerProps) => any>;
                 };
@@ -338,16 +338,16 @@ declare const _default: {
         type: import("vue").PropType<ColorPickerProps>;
         required: false;
     };
-    name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+    name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
         type: import("vue").PropType<(value: ColorPickerProps) => any>;
-    }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+    }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
         type: import("vue").PropType<ColorPickerProps>;
         required: false;
-    }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+    }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
         type: import("vue").PropType<ColorPickerProps>;
         required: false;
     }; } & {
-        require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, ColorPickerProps, {
+        require(): import("../DefineVueTypings").DefinePropModelRequire<TName, ColorPickerProps, {
             "onUpdate:modelValue": {
                 type: import("vue").PropType<(value: ColorPickerProps) => any>;
             };
@@ -362,7 +362,7 @@ declare const _default: {
                 required: false;
             };
         }>;
-        defaultValue(value?: ColorPickerProps): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorPickerProps, {
+        defaultValue(value?: ColorPickerProps): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorPickerProps, {
             "onUpdate:modelValue": {
                 type: import("vue").PropType<(value: ColorPickerProps) => any>;
             };
@@ -377,7 +377,7 @@ declare const _default: {
                 required: false;
             };
         }, false>;
-        doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, ColorPickerProps, {
+        doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, ColorPickerProps, {
             "onUpdate:modelValue": {
                 type: import("vue").PropType<(value: ColorPickerProps) => any>;
             };
@@ -431,7 +431,7 @@ declare const _default: {
                 required: false;
             };
         } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, ColorPickerProps, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<string, ColorPickerProps, {
                 "onUpdate:modelValue": {
                     type: import("vue").PropType<(value: ColorPickerProps) => any>;
                 };
@@ -446,7 +446,7 @@ declare const _default: {
                     required: false;
                 };
             }>;
-            defaultValue(value?: ColorPickerProps): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, ColorPickerProps, {
+            defaultValue(value?: ColorPickerProps): import("../DefineVueTypings").DefinePropModelDefaultValue<string, ColorPickerProps, {
                 "onUpdate:modelValue": {
                     type: import("vue").PropType<(value: ColorPickerProps) => any>;
                 };
@@ -461,7 +461,7 @@ declare const _default: {
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, ColorPickerProps, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<string, ColorPickerProps, {
                 "onUpdate:modelValue": {
                     type: import("vue").PropType<(value: ColorPickerProps) => any>;
                 };

package/internal-do-not-import-from-here/ux/colorsettingspicker/docs/ExampleComponents.d.ts

@@ -0,0 +1 @@
+export declare const ExampleComponents: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/colorsettingspicker/docs/index.d.ts

@@ -0,0 +1 @@
+export declare const spec: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/datetimezonepicker/DateTimeZonePicker.d.ts

@@ -4,7 +4,6 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly mode?: "date-time" | "date";
             readonly label?: string;
             style?: unknown;
             class?: unknown;
@@ -50,19 +49,18 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly color?: string;
-            readonly dark?: boolean;
-            readonly filled?: boolean;
             readonly disabled?: boolean;
-            readonly valueBind?: DateTimeZone<string>;
-            readonly onValueChanged?: (value: DateTimeZone<Date>) => void;
+            readonly variant?: "date-time" | "date";
+            readonly modelValue?: DateTimeZone<Date>;
+            readonly "onUpdate:modelValue"?: (value: DateTimeZone<Date>) => any;
+            readonly "v-model"?: DateTimeZone<Date>;
             readonly singleLine?: boolean;
             readonly locale?: string;
             readonly showMenu?: boolean;
-            readonly isError?: boolean;
-            readonly minuteSkip?: 0 | 5 | 10 | 15 | 20 | 30;
+            readonly minuteSkip?: number;
             readonly dateFormat?: string;
             readonly firstDayOfWeek?: number;
+            readonly isError?: boolean;
         };
         $attrs: {
             [x: string]: unknown;
@@ -78,22 +76,56 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            isError?: import("vue").Prop<boolean, boolean>;
-            valueBind?: import("vue").Prop<DateTimeZone<string>, DateTimeZone<string>>;
-            onValueChanged?: import("vue").Prop<(value: DateTimeZone<Date>) => void, (value: DateTimeZone<Date>) => void>;
-            mode?: import("vue").Prop<"date-time" | "date", "date-time" | "date">;
-            minuteSkip?: import("vue").Prop<0 | 5 | 10 | 15 | 20 | 30, 0 | 5 | 10 | 15 | 20 | 30>;
-            dateFormat?: import("vue").Prop<string, string>;
-            locale?: import("vue").Prop<string, string>;
-            firstDayOfWeek?: import("vue").Prop<number, number>;
-            dark?: import("vue").Prop<boolean, boolean>;
-            disabled?: import("vue").Prop<boolean, boolean>;
-            label?: import("vue").Prop<string, string>;
-            filled?: import("vue").Prop<boolean, boolean>;
-            singleLine?: import("vue").Prop<boolean, boolean>;
-            color?: import("vue").Prop<string, string>;
-            showMenu?: import("vue").Prop<boolean, boolean>;
-        }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            showMenu: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            isError: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            singleLine: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            firstDayOfWeek: {
+                type: import("vue").PropType<number>;
+                required: false;
+            };
+            locale: {
+                type: import("vue").PropType<string>;
+            };
+            dateFormat: {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            minuteSkip: {
+                type: import("vue").PropType<number>;
+                required: false;
+            };
+            variant: {
+                type: import("vue").PropType<"date-time" | "date">;
+                required: false;
+            };
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: DateTimeZone<Date>) => any>;
+            };
+            "v-model": {
+                type: import("vue").PropType<DateTimeZone<Date>>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<DateTimeZone<Date>>;
+                required: false;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -114,58 +146,124 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        isError?: import("vue").Prop<boolean, boolean>;
-        valueBind?: import("vue").Prop<DateTimeZone<string>, DateTimeZone<string>>;
-        onValueChanged?: import("vue").Prop<(value: DateTimeZone<Date>) => void, (value: DateTimeZone<Date>) => void>;
-        mode?: import("vue").Prop<"date-time" | "date", "date-time" | "date">;
-        minuteSkip?: import("vue").Prop<0 | 5 | 10 | 15 | 20 | 30, 0 | 5 | 10 | 15 | 20 | 30>;
-        dateFormat?: import("vue").Prop<string, string>;
-        locale?: import("vue").Prop<string, string>;
-        firstDayOfWeek?: import("vue").Prop<number, number>;
-        dark?: import("vue").Prop<boolean, boolean>;
-        disabled?: import("vue").Prop<boolean, boolean>;
-        label?: import("vue").Prop<string, string>;
-        filled?: import("vue").Prop<boolean, boolean>;
-        singleLine?: import("vue").Prop<boolean, boolean>;
-        color?: import("vue").Prop<string, string>;
-        showMenu?: import("vue").Prop<boolean, boolean>;
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        showMenu: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        isError: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        singleLine: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        firstDayOfWeek: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        locale: {
+            type: import("vue").PropType<string>;
+        };
+        dateFormat: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        minuteSkip: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        variant: {
+            type: import("vue").PropType<"date-time" | "date">;
+            required: false;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: DateTimeZone<Date>) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<DateTimeZone<Date>>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<DateTimeZone<Date>>;
+            required: false;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    isError?: import("vue").Prop<boolean, boolean>;
-    valueBind?: import("vue").Prop<DateTimeZone<string>, DateTimeZone<string>>;
-    onValueChanged?: import("vue").Prop<(value: DateTimeZone<Date>) => void, (value: DateTimeZone<Date>) => void>;
-    mode?: import("vue").Prop<"date-time" | "date", "date-time" | "date">;
-    minuteSkip?: import("vue").Prop<0 | 5 | 10 | 15 | 20 | 30, 0 | 5 | 10 | 15 | 20 | 30>;
-    dateFormat?: import("vue").Prop<string, string>;
-    locale?: import("vue").Prop<string, string>;
-    firstDayOfWeek?: import("vue").Prop<number, number>;
-    dark?: import("vue").Prop<boolean, boolean>;
-    disabled?: import("vue").Prop<boolean, boolean>;
-    label?: import("vue").Prop<string, string>;
-    filled?: import("vue").Prop<boolean, boolean>;
-    singleLine?: import("vue").Prop<boolean, boolean>;
-    color?: import("vue").Prop<string, string>;
-    showMenu?: import("vue").Prop<boolean, boolean>;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    showMenu: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    isError: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    singleLine: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    firstDayOfWeek: {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
+    locale: {
+        type: import("vue").PropType<string>;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    minuteSkip: {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
+    variant: {
+        type: import("vue").PropType<"date-time" | "date">;
+        required: false;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: DateTimeZone<Date>) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<DateTimeZone<Date>>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<DateTimeZone<Date>>;
+        required: false;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        mode?: "date-time" | "date";
         label?: string;
-        color?: string;
-        dark?: boolean;
-        filled?: boolean;
         disabled?: boolean;
-        valueBind?: DateTimeZone<string>;
-        onValueChanged?: (value: DateTimeZone<Date>) => void;
+        variant?: "date-time" | "date";
+        modelValue?: DateTimeZone<Date>;
+        "onUpdate:modelValue"?: (value: DateTimeZone<Date>) => any;
+        "v-model"?: DateTimeZone<Date>;
         singleLine?: boolean;
         locale?: string;
         showMenu?: boolean;
-        isError?: boolean;
-        minuteSkip?: 0 | 5 | 10 | 15 | 20 | 30;
+        minuteSkip?: number;
         dateFormat?: string;
         firstDayOfWeek?: number;
+        isError?: boolean;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/datetimezonepicker/docs/ExampleComponents.d.ts

@@ -0,0 +1 @@
+export declare const ExampleComponents: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/datetimezonepicker/docs/index.d.ts

@@ -0,0 +1 @@
+export declare const spec: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts

@@ -1,9 +1,10 @@
+import { DateTimeZone } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly mode?: "time" | "date-time" | "date";
+            readonly value?: DateTimeZone<string>;
             readonly label?: string;
             style?: unknown;
             class?: unknown;
@@ -49,7 +50,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly valueBind?: import("@omnia/fx-models").DateTimeZone<string>;
+            readonly variant?: "time" | "date-time" | "date";
             readonly dateFormat?: string;
             readonly timeFormat?: string;
         };
@@ -67,12 +68,30 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            valueBind?: import("vue").Prop<import("@omnia/fx-models").DateTimeZone<string>, import("@omnia/fx-models").DateTimeZone<string>>;
-            mode?: import("vue").Prop<"time" | "date-time" | "date", "time" | "date-time" | "date">;
-            dateFormat?: import("vue").Prop<string, string>;
-            timeFormat?: import("vue").Prop<string, string>;
-            label?: import("vue").Prop<string, string>;
-        }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            label: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+            timeFormat: {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            dateFormat: {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            variant: {
+                type: import("vue").PropType<"time" | "date-time" | "date">;
+            } & {
+                type: import("vue").PropType<"time" | "date-time" | "date">;
+            };
+            value: {
+                type: import("vue").PropType<DateTimeZone<string>>;
+            } & {
+                type: import("vue").PropType<DateTimeZone<string>>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -93,26 +112,62 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        valueBind?: import("vue").Prop<import("@omnia/fx-models").DateTimeZone<string>, import("@omnia/fx-models").DateTimeZone<string>>;
-        mode?: import("vue").Prop<"time" | "date-time" | "date", "time" | "date-time" | "date">;
-        dateFormat?: import("vue").Prop<string, string>;
-        timeFormat?: import("vue").Prop<string, string>;
-        label?: import("vue").Prop<string, string>;
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        label: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+        timeFormat: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        dateFormat: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        variant: {
+            type: import("vue").PropType<"time" | "date-time" | "date">;
+        } & {
+            type: import("vue").PropType<"time" | "date-time" | "date">;
+        };
+        value: {
+            type: import("vue").PropType<DateTimeZone<string>>;
+        } & {
+            type: import("vue").PropType<DateTimeZone<string>>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    valueBind?: import("vue").Prop<import("@omnia/fx-models").DateTimeZone<string>, import("@omnia/fx-models").DateTimeZone<string>>;
-    mode?: import("vue").Prop<"time" | "date-time" | "date", "time" | "date-time" | "date">;
-    dateFormat?: import("vue").Prop<string, string>;
-    timeFormat?: import("vue").Prop<string, string>;
-    label?: import("vue").Prop<string, string>;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    label: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
+    timeFormat: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    variant: {
+        type: import("vue").PropType<"time" | "date-time" | "date">;
+    } & {
+        type: import("vue").PropType<"time" | "date-time" | "date">;
+    };
+    value: {
+        type: import("vue").PropType<DateTimeZone<string>>;
+    } & {
+        type: import("vue").PropType<DateTimeZone<string>>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        mode?: "time" | "date-time" | "date";
+        value?: DateTimeZone<string>;
         label?: string;
-        valueBind?: import("@omnia/fx-models").DateTimeZone<string>;
+        variant?: "time" | "date-time" | "date";
         dateFormat?: string;
         timeFormat?: string;
     }>, never>;