@vonage/vivid-vue 4.16.2 → 4.18.0

package/generated/components/VDateTimePicker.vue2.d.ts

@@ -0,0 +1,298 @@
+import { PropType } from 'vue';
+import type { DateTimePicker } from '@vonage/vivid/lib/date-time-picker/date-time-picker';
+/**
+ * Single date picker component.
+ */
+declare const _default: import("vue/types/v3-define-component").DefineComponent<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Forces a 12h or 24h clock to be used.
+     */
+    clock: {
+        type: PropType<"12h" | "24h">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the date-picker.
+     */
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The label for the form element.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date-time.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time date of the date-time.
+     */
+    maxDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time part of the date-time.
+     */
+    maxTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date-time.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date part of the date-time.
+     */
+    minDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted time part of the date-time.
+     */
+    minTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented minute options.
+     */
+    minutesStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented seconds options. If null, seconds are not presented.
+     */
+    secondsStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<DateTimePicker | null>;
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Forces a 12h or 24h clock to be used.
+     */
+    clock: {
+        type: PropType<"12h" | "24h">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the date-picker.
+     */
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The label for the form element.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date-time.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time date of the date-time.
+     */
+    maxDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time part of the date-time.
+     */
+    maxTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date-time.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date part of the date-time.
+     */
+    minDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted time part of the date-time.
+     */
+    minTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented minute options.
+     */
+    minutesStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented seconds options. If null, seconds are not presented.
+     */
+    secondsStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}>>, {
+    name: string;
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    value: string;
+    disabled: boolean;
+    initialValue: string;
+    label: string;
+    required: boolean;
+    modelValue: string;
+    errorText: string;
+    readonly: boolean;
+    max: string;
+    min: string;
+    clock: "12h" | "24h";
+    maxDate: string;
+    maxTime: string;
+    minDate: string;
+    minTime: string;
+    minutesStep: number;
+    secondsStep: number;
+}>;
+export default _default;

package/generated/components/VDateTimePicker.vue3.d.ts

@@ -0,0 +1,386 @@
+import { PropType } from 'vue';
+import type { DateTimePicker } from '@vonage/vivid/lib/date-time-picker/date-time-picker';
+import type { SlotsType } from 'vue';
+/**
+ * Single date picker component.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Forces a 12h or 24h clock to be used.
+     */
+    clock: {
+        type: PropType<"12h" | "24h">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the date-picker.
+     */
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The label for the form element.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date-time.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time date of the date-time.
+     */
+    maxDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time part of the date-time.
+     */
+    maxTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date-time.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date part of the date-time.
+     */
+    minDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted time part of the date-time.
+     */
+    minTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented minute options.
+     */
+    minutesStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented seconds options. If null, seconds are not presented.
+     */
+    secondsStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<DateTimePicker | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    blur(event: FocusEvent & {
+        target: DateTimePicker;
+    }): true;
+    /**
+     * Emitted when the date is changed by the user.
+     * @type {CustomEvent<undefined>}
+     */
+    change(event: CustomEvent<undefined> & {
+        target: DateTimePicker;
+    }): true;
+    /**
+     * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
+     * @type {MouseEvent}
+     */
+    click(event: MouseEvent & {
+        target: DateTimePicker;
+    }): true;
+    /**
+     * Fires when the element receives focus.
+     * @type {FocusEvent}
+     */
+    focus(event: FocusEvent & {
+        target: DateTimePicker;
+    }): true;
+    /**
+     * Emitted when the date is changed by the user.
+     * @type {CustomEvent<undefined>}
+     */
+    input(event: CustomEvent<undefined> & {
+        target: DateTimePicker;
+    }): true;
+    /**
+     * Fires when a key is pressed.
+     * @type {KeyboardEvent}
+     */
+    keydown(event: KeyboardEvent & {
+        target: DateTimePicker;
+    }): true;
+    /**
+     * Fires when a key is released.
+     * @type {KeyboardEvent}
+     */
+    keyup(event: KeyboardEvent & {
+        target: DateTimePicker;
+    }): true;
+    /**
+     * Fires when the modelValue value changes
+     * @type {string}
+     */
+    "update:modelValue"(event: string & {
+        target: DateTimePicker;
+    }): true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Forces a 12h or 24h clock to be used.
+     */
+    clock: {
+        type: PropType<"12h" | "24h">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The initial value of the date-picker.
+     */
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The label for the form element.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted date-time.
+     */
+    max: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time date of the date-time.
+     */
+    maxDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The latest accepted time part of the date-time.
+     */
+    maxTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date-time.
+     */
+    min: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted date part of the date-time.
+     */
+    minDate: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The earliest accepted time part of the date-time.
+     */
+    minTime: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented minute options.
+     */
+    minutesStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Whether the date-picker is readonly.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Distance between presented seconds options. If null, seconds are not presented.
+     */
+    secondsStep: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * The current value of the date-picker.
+     */
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}>> & {
+    onKeydown?: ((event: KeyboardEvent & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+    onBlur?: ((event: FocusEvent & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+    onChange?: ((event: CustomEvent<undefined> & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+    onClick?: ((event: MouseEvent & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+    onFocus?: ((event: FocusEvent & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+    onInput?: ((event: CustomEvent<undefined> & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((event: string & {
+        target: DateTimePicker;
+    }) => any) | undefined;
+}, {
+    name: string;
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    value: string;
+    disabled: boolean;
+    initialValue: string;
+    label: string;
+    required: boolean;
+    modelValue: string;
+    errorText: string;
+    readonly: boolean;
+    max: string;
+    min: string;
+    clock: "12h" | "24h";
+    maxDate: string;
+    maxTime: string;
+    minDate: string;
+    minTime: string;
+    minutesStep: number;
+    secondsStep: number;
+}, SlotsType<{
+    /**
+     * Describes how to use the date-picker. Alternative to the `helper-text` attribute.
+     */
+    'helper-text': Record<string, never>;
+}>>;
+export default _default;