@avenirs-esr/avenirs-dsav 0.1.104 → 0.1.106

package/dist/components/interaction/inputs/AvInput/AvInput.stub.d.ts

@@ -23,6 +23,7 @@ export declare const AvInputStub: import("vue").DefineComponent<import("vue").Ex
     noRadius: BooleanConstructor;
     modelModifiers: ObjectConstructor;
     textareaMinHeight: StringConstructor;
+    formatDateStr: StringConstructor;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: StringConstructor;
     label: StringConstructor;
@@ -48,6 +49,7 @@ export declare const AvInputStub: import("vue").DefineComponent<import("vue").Ex
     noRadius: BooleanConstructor;
     modelModifiers: ObjectConstructor;
     textareaMinHeight: StringConstructor;
+    formatDateStr: StringConstructor;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/interaction/inputs/AvInput/AvInput.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Slot } from 'vue';
+import { type Slot } from 'vue';
 export interface AvInputProps {
     /**
      * ID of the input element
@@ -103,6 +103,11 @@ export interface AvInputProps {
      * @default false
      */
     noRadius?: boolean;
+    /**
+     * Custom date format string for displayed date
+     * If invalid or not provided, defaults to standard format based on input type
+     */
+    formatDateStr?: string;
 }
 /**
  * Slots available for the component.

package/dist/components/interaction/inputs/AvInput/utils.d.ts

@@ -0,0 +1,35 @@
+import type { AvInputProps } from '@/components/interaction/inputs/AvInput/AvInput.vue';
+/** Supported date input types */
+export declare const SUPPORTED_DATE_INPUT_TYPES: readonly ["date", "datetime-local", "month", "time", "week"];
+/** Supported date input type */
+export type DateInputType = (typeof SUPPORTED_DATE_INPUT_TYPES)[number];
+/** Mapping of date input types to their corresponding date-fns format strings */
+export declare const FORMAT_BY_TYPE: Record<DateInputType, string>;
+/**
+ * Type guard to check if a value is a DateInputType
+ * @param value The value to check
+ * @returns True if the value is a DateInputType, false otherwise
+ */
+export declare function isDateInputType(value: string | undefined): value is DateInputType;
+/**
+ * Formats a date according to the input type
+ * @param type The type of the input
+ * @param date The date to format
+ * @returns The formatted date string or undefined if invalid
+ */
+export declare function formatDateForInputType(type: AvInputProps['type'], date: Date | undefined): string | undefined;
+/**
+ * Formats the displayed date based on the input type and model value
+ * @param type The type of the input
+ * @param dateValue The model value of the input
+ * @param formatStr Optional custom format string
+ * @returns The formatted displayed date string
+ */
+export declare function formatDisplayedDate(type: AvInputProps['type'], dateValue: AvInputProps['modelValue'], formatStr?: string): string;
+/**
+ * Returns the placeholder string for date input types
+ * @param type The type of the input
+ * @returns The placeholder string
+ */
+export declare function getDateInputPlaceholder(type: AvInputProps['type']): string;
+export declare function getDateInputPrefixIcon(type: AvInputProps['type']): string | undefined;

package/dist/components/interaction/inputs/AvInput/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts

@@ -502,10 +502,14 @@ export declare const WithCustomItemSlotExample: {
                 BACKUP_RESTORE: string;
                 BELL_NOTIFICATION: string;
                 BOOK_LOCATION_OUTLINE: string;
+                BOOK_OPEN_VARIANT: string;
                 BRIEFCASE_VARIANT_OUTLINE: string;
                 BUILDING: string;
+                CALENDAR_BLANK_OUTLINE: string;
                 CALENDAR_MONTH_OUTLINE: string;
                 CALENDAR_OUTLINE: string;
+                CALENDAR_TIME: string;
+                CALENDAR_WEEK_OUTLINE: string;
                 CHART_TIMELINE_VARIANT_SHIMMER: string;
                 CHAT_ALERT: string;
                 CHAT_BUBBLE_OUTLINE: string;
@@ -520,6 +524,7 @@ export declare const WithCustomItemSlotExample: {
                 CHEVRON_LEFT: string;
                 CIRCLE: string;
                 CIRCLE_OUTLINE: string;
+                CLOCK_OUTLINE: string;
                 CLOSE_CIRCLE_OUTLINE: string;
                 CLOSE_OCTAGON: string;
                 CONTENT_SAVE_OUTLINE: string;

package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteInput.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
             readonly labelClass?: string | undefined;
             readonly modelValue?: string | number | null | undefined;
             readonly placeholder?: string | undefined;
-            readonly type?: "number" | "time" | "text" | "search" | "color" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
+            readonly type?: "number" | "time" | "text" | "search" | "color" | "date" | "datetime-local" | "month" | "week" | "email" | "password" | "tel" | "url" | "file" | "hidden" | "range" | undefined;
             readonly minDate?: Date | undefined;
             readonly maxDate?: Date | undefined;
             readonly disabled?: boolean | undefined;
@@ -37,6 +37,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
             readonly textareaMinHeight?: string | undefined;
             readonly width?: string | undefined;
             readonly noRadius?: boolean | undefined;
+            readonly formatDateStr?: string | undefined;
             readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: {
@@ -105,7 +106,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
             readonly labelClass?: string | undefined;
             readonly modelValue?: string | number | null | undefined;
             readonly placeholder?: string | undefined;
-            readonly type?: "number" | "time" | "text" | "search" | "color" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
+            readonly type?: "number" | "time" | "text" | "search" | "color" | "date" | "datetime-local" | "month" | "week" | "email" | "password" | "tel" | "url" | "file" | "hidden" | "range" | undefined;
             readonly minDate?: Date | undefined;
             readonly maxDate?: Date | undefined;
             readonly disabled?: boolean | undefined;
@@ -118,6 +119,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
             readonly textareaMinHeight?: string | undefined;
             readonly width?: string | undefined;
             readonly noRadius?: boolean | undefined;
+            readonly formatDateStr?: string | undefined;
             readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: {
@@ -194,7 +196,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                 readonly labelClass?: string | undefined;
                 readonly modelValue?: string | number | null | undefined;
                 readonly placeholder?: string | undefined;
-                readonly type?: "number" | "time" | "text" | "search" | "color" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
+                readonly type?: "number" | "time" | "text" | "search" | "color" | "date" | "datetime-local" | "month" | "week" | "email" | "password" | "tel" | "url" | "file" | "hidden" | "range" | undefined;
                 readonly minDate?: Date | undefined;
                 readonly maxDate?: Date | undefined;
                 readonly disabled?: boolean | undefined;
@@ -207,6 +209,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                 readonly textareaMinHeight?: string | undefined;
                 readonly width?: string | undefined;
                 readonly noRadius?: boolean | undefined;
+                readonly formatDateStr?: string | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
             $attrs: {
@@ -275,7 +278,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                 readonly labelClass?: string | undefined;
                 readonly modelValue?: string | number | null | undefined;
                 readonly placeholder?: string | undefined;
-                readonly type?: "number" | "time" | "text" | "search" | "color" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
+                readonly type?: "number" | "time" | "text" | "search" | "color" | "date" | "datetime-local" | "month" | "week" | "email" | "password" | "tel" | "url" | "file" | "hidden" | "range" | undefined;
                 readonly minDate?: Date | undefined;
                 readonly maxDate?: Date | undefined;
                 readonly disabled?: boolean | undefined;
@@ -288,6 +291,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                 readonly textareaMinHeight?: string | undefined;
                 readonly width?: string | undefined;
                 readonly noRadius?: boolean | undefined;
+                readonly formatDateStr?: string | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
             $attrs: {
@@ -373,7 +377,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                     readonly labelClass?: string | undefined;
                     readonly modelValue?: string | number | null | undefined;
                     readonly placeholder?: string | undefined;
-                    readonly type?: "number" | "time" | "text" | "search" | "color" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
+                    readonly type?: "number" | "time" | "text" | "search" | "color" | "date" | "datetime-local" | "month" | "week" | "email" | "password" | "tel" | "url" | "file" | "hidden" | "range" | undefined;
                     readonly minDate?: Date | undefined;
                     readonly maxDate?: Date | undefined;
                     readonly disabled?: boolean | undefined;
@@ -386,6 +390,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                     readonly textareaMinHeight?: string | undefined;
                     readonly width?: string | undefined;
                     readonly noRadius?: boolean | undefined;
+                    readonly formatDateStr?: string | undefined;
                     readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
                 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
                 $attrs: {
@@ -454,7 +459,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                     readonly labelClass?: string | undefined;
                     readonly modelValue?: string | number | null | undefined;
                     readonly placeholder?: string | undefined;
-                    readonly type?: "number" | "time" | "text" | "search" | "color" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week" | "file" | "hidden" | "range" | undefined;
+                    readonly type?: "number" | "time" | "text" | "search" | "color" | "date" | "datetime-local" | "month" | "week" | "email" | "password" | "tel" | "url" | "file" | "hidden" | "range" | undefined;
                     readonly minDate?: Date | undefined;
                     readonly maxDate?: Date | undefined;
                     readonly disabled?: boolean | undefined;
@@ -467,6 +472,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
                     readonly textareaMinHeight?: string | undefined;
                     readonly width?: string | undefined;
                     readonly noRadius?: boolean | undefined;
+                    readonly formatDateStr?: string | undefined;
                     readonly "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
                 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
                 $attrs: {