@indielayer/ui 1.18.1 → 2.1.0

package/lib/components/datepicker/Datepicker.vue.d.ts

@@ -1,5 +1,6 @@
 import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
+import type { Size } from '../../composables/useCommon';
 import type { Locale } from 'date-fns';
 import { type ModelValue, type TimeModel } from '@vuepic/vue-datepicker';
 import '@vuepic/vue-datepicker/dist/main.css';
@@ -11,34 +12,42 @@ declare const datepickerProps: {
             count: string | number;
         }> | undefined>;
         default: undefined;
+        description: string;
     };
     modelValue: {
         type: PropType<ModelValue>;
         default: null;
+        description: string;
     };
     modelType: {
         type: PropType<string | undefined>;
         default: null;
+        description: string;
     };
     position: {
         type: PropType<"left" | "right" | "center" | undefined>;
         default: string;
+        description: string;
     };
     dark: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     format: {
         type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>;
         default: () => null;
+        description: string;
     };
     autoPosition: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     altPosition: {
         type: PropType<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined>;
         default: null;
+        description: string;
     };
     transitions: {
         type: PropType<Partial<boolean | {
@@ -52,14 +61,17 @@ declare const datepickerProps: {
             vPrevious?: string | undefined;
         } | undefined>>;
         default: boolean;
+        description: string;
     };
     formatLocale: {
         type: PropType<Locale>;
         default: null;
+        description: string;
     };
     utc: {
         type: PropType<boolean | "preserve">;
         default: boolean;
+        description: string;
     };
     ariaLabels: {
         type: PropType<Partial<{
@@ -92,14 +104,17 @@ declare const datepickerProps: {
             timeOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined;
         } | undefined>>;
         default: () => {};
+        description: string;
     };
     offset: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     hideNavigation: {
         type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>;
         default: () => never[];
+        description: string;
     };
     timezone: {
         type: PropType<string | {
@@ -110,86 +125,107 @@ declare const datepickerProps: {
             convertModel?: boolean | undefined;
         } | undefined>;
         default: null;
+        description: string;
     };
     vertical: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disableMonthYearSelect: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disableYearSelect: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     dayClass: {
         type: PropType<(date: Date) => string>;
         default: null;
+        description: string;
     };
     yearRange: {
         type: PropType<number[]>;
         default: () => number[];
+        description: string;
     };
     enableTimePicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     autoApply: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledDates: {
         type: PropType<string[] | Date[] | ((date: Date) => boolean) | undefined>;
         default: () => never[];
+        description: string;
     };
     monthNameFormat: {
         type: PropType<"long" | "short">;
         default: string;
+        description: string;
     };
     startDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     startTime: {
         type: PropType<import("@vuepic/vue-datepicker").PartialTimeObj | import("@vuepic/vue-datepicker").PartialTimeObj[] | undefined>;
         default: null;
+        description: string;
     };
     hideOffsetDates: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noToday: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledWeekDays: {
         type: PropType<string[] | number[]>;
         default: () => never[];
+        description: string;
     };
     allowedDates: {
         type: PropType<string[] | Date[]>;
         default: null;
+        description: string;
     };
     nowButtonLabel: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     markers: {
         type: PropType<import("@vuepic/vue-datepicker").DatePickerMarker[] | undefined>;
         default: () => never[];
+        description: string;
     };
     escClose: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     spaceConfirm: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     monthChangeOnArrows: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     presetDates: {
         type: PropType<{
@@ -201,26 +237,32 @@ declare const datepickerProps: {
             testId?: string | undefined;
         }[] | undefined>;
         default: () => never[];
+        description: string;
     };
     flow: {
         type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>;
         default: () => never[];
+        description: string;
     };
     partialFlow: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     preventMinMaxNavigation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     reverseYears: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     weekPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     filters: {
         type: PropType<Partial<{
@@ -233,10 +275,12 @@ declare const datepickerProps: {
             } | undefined;
         } | undefined>>;
         default: () => {};
+        description: string;
     };
     arrowNavigation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     highlight: {
         type: PropType<((date: Date[], disabled?: boolean | undefined) => boolean) | ((month: {
@@ -247,26 +291,32 @@ declare const datepickerProps: {
             year: number;
         }) => boolean) | Partial<import("@vuepic/vue-datepicker").Highlight> | undefined>;
         default: null;
+        description: string;
     };
     teleport: {
         type: PropType<string | boolean | HTMLElement>;
         default: null;
+        description: string;
     };
     teleportCenter: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     locale: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     weekNumName: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     weekStart: {
         type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
         default: number;
+        description: string;
     };
     weekNumbers: {
         type: PropType<import("@vuepic/vue-datepicker").WeekNumberType | {
@@ -274,156 +324,194 @@ declare const datepickerProps: {
             hideOnOffsetDates?: boolean | undefined;
         } | undefined>;
         default: null;
+        description: string;
     };
     monthChangeOnScroll: {
         type: PropType<boolean | "inverse">;
         default: boolean;
+        description: string;
     };
     dayNames: {
         type: PropType<string[] | ((lang: string, weekStart: number) => string[])>;
         default: null;
+        description: string;
     };
     monthPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     customProps: {
         type: PropType<Record<string, unknown>>;
         default: null;
+        description: string;
     };
     yearPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     modelAuto: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     selectText: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     cancelText: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     previewFormat: {
         type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>;
         default: () => string;
+        description: string;
     };
     multiDates: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     ignoreTimeValidation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     minDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     maxDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     minTime: {
         type: PropType<Partial<TimeModel>>;
         default: null;
+        description: string;
     };
     maxTime: {
         type: PropType<Partial<TimeModel>>;
         default: null;
+        description: string;
     };
     placeholder: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     hideInputIcon: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     clearable: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     alwaysClearable: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     state: {
         type: PropType<boolean | undefined>;
         default: null;
+        description: string;
     };
     required: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     autocomplete: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     timePicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     enableSeconds: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     is24: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noHoursOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noMinutesOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noSecondsOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     hoursGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     minutesGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     secondsGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     hoursIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     minutesIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     secondsIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     range: {
         type: PropType<boolean | import("@vuepic/vue-datepicker").RangeConfig | undefined>;
         default: boolean;
+        description: string;
     };
     uid: {
         type: PropType<string>;
         default: null;
+        description: string;
     };
     inline: {
         type: PropType<boolean | {
             input?: boolean | undefined;
         } | undefined>;
         default: boolean;
+        description: string;
     };
     textInput: {
         type: PropType<boolean | {
@@ -436,96 +524,154 @@ declare const datepickerProps: {
             escClose?: boolean | undefined;
         } | undefined>;
         default: boolean;
+        description: string;
     };
     noDisabledRange: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     sixWeeks: {
         type: PropType<boolean | "center" | "append" | "prepend" | "fair" | undefined>;
         default: boolean;
+        description: string;
     };
     actionRow: {
         type: PropType<Partial<any>>;
         default: () => {};
+        description: string;
     };
     focusStartDate: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledTimes: {
         type: PropType<((time: import("@vuepic/vue-datepicker").TimeObj | (import("@vuepic/vue-datepicker").TimeObj | undefined)[]) => boolean) | import("@vuepic/vue-datepicker").DisabledTime[] | [import("@vuepic/vue-datepicker").DisabledTime[], import("@vuepic/vue-datepicker").DisabledTime[]] | undefined>;
         default: undefined;
+        description: string;
     };
     showLastInRange: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     timePickerInline: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     calendar: {
         type: PropType<((weeks: import("@vuepic/vue-datepicker").CalendarWeek[]) => import("@vuepic/vue-datepicker").CalendarWeek[]) | undefined>;
         default: null;
+        description: string;
     };
     config: {
         type: PropType<Partial<import("@vuepic/vue-datepicker").GeneralConfig | undefined>>;
         default: undefined;
+        description: string;
     };
     quarterPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     yearFirst: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     onInternalModelChange: {
         type: PropType<(...args: any[]) => void>;
         default: null;
+        description: string;
     };
     enableMinutes: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     ui: {
         type: PropType<Partial<Partial<import("@vuepic/vue-datepicker").UIOptions> | undefined>>;
         default: () => {};
+        description: string;
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 };
 export type DatepickerProps = ExtractPublicPropTypes<typeof datepickerProps>;
 type InternalClasses = 'wrapper';
-export interface DatepickerTheme extends ThemeComponent<DatepickerProps, InternalClasses> {
+type InternalExtraData = {
+    isInsideInputGroup: boolean;
+};
+export interface DatepickerTheme extends ThemeComponent<DatepickerProps, InternalClasses, InternalExtraData> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     multiCalendars: {
@@ -535,34 +681,42 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             count: string | number;
         }> | undefined>;
         default: undefined;
+        description: string;
     };
     modelValue: {
         type: PropType<ModelValue>;
         default: null;
+        description: string;
     };
     modelType: {
         type: PropType<string | undefined>;
         default: null;
+        description: string;
     };
     position: {
         type: PropType<"left" | "right" | "center" | undefined>;
         default: string;
+        description: string;
     };
     dark: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     format: {
         type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>;
         default: () => null;
+        description: string;
     };
     autoPosition: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     altPosition: {
         type: PropType<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined>;
         default: null;
+        description: string;
     };
     transitions: {
         type: PropType<Partial<boolean | {
@@ -576,14 +730,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             vPrevious?: string | undefined;
         } | undefined>>;
         default: boolean;
+        description: string;
     };
     formatLocale: {
         type: PropType<Locale>;
         default: null;
+        description: string;
     };
     utc: {
         type: PropType<boolean | "preserve">;
         default: boolean;
+        description: string;
     };
     ariaLabels: {
         type: PropType<Partial<{
@@ -616,14 +773,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             timeOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined;
         } | undefined>>;
         default: () => {};
+        description: string;
     };
     offset: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     hideNavigation: {
         type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>;
         default: () => never[];
+        description: string;
     };
     timezone: {
         type: PropType<string | {
@@ -634,86 +794,107 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             convertModel?: boolean | undefined;
         } | undefined>;
         default: null;
+        description: string;
     };
     vertical: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disableMonthYearSelect: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disableYearSelect: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     dayClass: {
         type: PropType<(date: Date) => string>;
         default: null;
+        description: string;
     };
     yearRange: {
         type: PropType<number[]>;
         default: () => number[];
+        description: string;
     };
     enableTimePicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     autoApply: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledDates: {
         type: PropType<string[] | Date[] | ((date: Date) => boolean) | undefined>;
         default: () => never[];
+        description: string;
     };
     monthNameFormat: {
         type: PropType<"long" | "short">;
         default: string;
+        description: string;
     };
     startDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     startTime: {
         type: PropType<import("@vuepic/vue-datepicker").PartialTimeObj | import("@vuepic/vue-datepicker").PartialTimeObj[] | undefined>;
         default: null;
+        description: string;
     };
     hideOffsetDates: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noToday: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledWeekDays: {
         type: PropType<string[] | number[]>;
         default: () => never[];
+        description: string;
     };
     allowedDates: {
         type: PropType<string[] | Date[]>;
         default: null;
+        description: string;
     };
     nowButtonLabel: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     markers: {
         type: PropType<import("@vuepic/vue-datepicker").DatePickerMarker[] | undefined>;
         default: () => never[];
+        description: string;
     };
     escClose: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     spaceConfirm: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     monthChangeOnArrows: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     presetDates: {
         type: PropType<{
@@ -725,26 +906,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             testId?: string | undefined;
         }[] | undefined>;
         default: () => never[];
+        description: string;
     };
     flow: {
         type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>;
         default: () => never[];
+        description: string;
     };
     partialFlow: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     preventMinMaxNavigation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     reverseYears: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     weekPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     filters: {
         type: PropType<Partial<{
@@ -757,10 +944,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             } | undefined;
         } | undefined>>;
         default: () => {};
+        description: string;
     };
     arrowNavigation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     highlight: {
         type: PropType<((date: Date[], disabled?: boolean | undefined) => boolean) | ((month: {
@@ -771,26 +960,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             year: number;
         }) => boolean) | Partial<import("@vuepic/vue-datepicker").Highlight> | undefined>;
         default: null;
+        description: string;
     };
     teleport: {
         type: PropType<string | boolean | HTMLElement>;
         default: null;
+        description: string;
     };
     teleportCenter: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     locale: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     weekNumName: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     weekStart: {
         type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
         default: number;
+        description: string;
     };
     weekNumbers: {
         type: PropType<import("@vuepic/vue-datepicker").WeekNumberType | {
@@ -798,156 +993,194 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideOnOffsetDates?: boolean | undefined;
         } | undefined>;
         default: null;
+        description: string;
     };
     monthChangeOnScroll: {
         type: PropType<boolean | "inverse">;
         default: boolean;
+        description: string;
     };
     dayNames: {
         type: PropType<string[] | ((lang: string, weekStart: number) => string[])>;
         default: null;
+        description: string;
     };
     monthPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     customProps: {
         type: PropType<Record<string, unknown>>;
         default: null;
+        description: string;
     };
     yearPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     modelAuto: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     selectText: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     cancelText: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     previewFormat: {
         type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>;
         default: () => string;
+        description: string;
     };
     multiDates: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     ignoreTimeValidation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     minDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     maxDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     minTime: {
         type: PropType<Partial<TimeModel>>;
         default: null;
+        description: string;
     };
     maxTime: {
         type: PropType<Partial<TimeModel>>;
         default: null;
+        description: string;
     };
     placeholder: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     hideInputIcon: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     clearable: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     alwaysClearable: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     state: {
         type: PropType<boolean | undefined>;
         default: null;
+        description: string;
     };
     required: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     autocomplete: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     timePicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     enableSeconds: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     is24: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noHoursOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noMinutesOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noSecondsOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     hoursGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     minutesGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     secondsGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     hoursIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     minutesIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     secondsIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     range: {
         type: PropType<boolean | import("@vuepic/vue-datepicker").RangeConfig | undefined>;
         default: boolean;
+        description: string;
     };
     uid: {
         type: PropType<string>;
         default: null;
+        description: string;
     };
     inline: {
         type: PropType<boolean | {
             input?: boolean | undefined;
         } | undefined>;
         default: boolean;
+        description: string;
     };
     textInput: {
         type: PropType<boolean | {
@@ -960,91 +1193,146 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             escClose?: boolean | undefined;
         } | undefined>;
         default: boolean;
+        description: string;
     };
     noDisabledRange: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     sixWeeks: {
         type: PropType<boolean | "center" | "append" | "prepend" | "fair" | undefined>;
         default: boolean;
+        description: string;
     };
     actionRow: {
         type: PropType<Partial<any>>;
         default: () => {};
+        description: string;
     };
     focusStartDate: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledTimes: {
         type: PropType<((time: import("@vuepic/vue-datepicker").TimeObj | (import("@vuepic/vue-datepicker").TimeObj | undefined)[]) => boolean) | import("@vuepic/vue-datepicker").DisabledTime[] | [import("@vuepic/vue-datepicker").DisabledTime[], import("@vuepic/vue-datepicker").DisabledTime[]] | undefined>;
         default: undefined;
+        description: string;
     };
     showLastInRange: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     timePickerInline: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     calendar: {
         type: PropType<((weeks: import("@vuepic/vue-datepicker").CalendarWeek[]) => import("@vuepic/vue-datepicker").CalendarWeek[]) | undefined>;
         default: null;
+        description: string;
     };
     config: {
         type: PropType<Partial<import("@vuepic/vue-datepicker").GeneralConfig | undefined>>;
         default: undefined;
+        description: string;
     };
     quarterPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     yearFirst: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     onInternalModelChange: {
         type: PropType<(...args: any[]) => void>;
         default: null;
+        description: string;
     };
     enableMinutes: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     ui: {
         type: PropType<Partial<Partial<import("@vuepic/vue-datepicker").UIOptions> | undefined>>;
         default: () => {};
+        description: string;
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 }>, {
     focus: () => void;
@@ -1058,34 +1346,42 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             count: string | number;
         }> | undefined>;
         default: undefined;
+        description: string;
     };
     modelValue: {
         type: PropType<ModelValue>;
         default: null;
+        description: string;
     };
     modelType: {
         type: PropType<string | undefined>;
         default: null;
+        description: string;
     };
     position: {
         type: PropType<"left" | "right" | "center" | undefined>;
         default: string;
+        description: string;
     };
     dark: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     format: {
         type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>;
         default: () => null;
+        description: string;
     };
     autoPosition: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     altPosition: {
         type: PropType<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined>;
         default: null;
+        description: string;
     };
     transitions: {
         type: PropType<Partial<boolean | {
@@ -1099,14 +1395,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             vPrevious?: string | undefined;
         } | undefined>>;
         default: boolean;
+        description: string;
     };
     formatLocale: {
         type: PropType<Locale>;
         default: null;
+        description: string;
     };
     utc: {
         type: PropType<boolean | "preserve">;
         default: boolean;
+        description: string;
     };
     ariaLabels: {
         type: PropType<Partial<{
@@ -1139,14 +1438,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             timeOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined;
         } | undefined>>;
         default: () => {};
+        description: string;
     };
     offset: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     hideNavigation: {
         type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>;
         default: () => never[];
+        description: string;
     };
     timezone: {
         type: PropType<string | {
@@ -1157,86 +1459,107 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             convertModel?: boolean | undefined;
         } | undefined>;
         default: null;
+        description: string;
     };
     vertical: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disableMonthYearSelect: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disableYearSelect: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     dayClass: {
         type: PropType<(date: Date) => string>;
         default: null;
+        description: string;
     };
     yearRange: {
         type: PropType<number[]>;
         default: () => number[];
+        description: string;
     };
     enableTimePicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     autoApply: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledDates: {
         type: PropType<string[] | Date[] | ((date: Date) => boolean) | undefined>;
         default: () => never[];
+        description: string;
     };
     monthNameFormat: {
         type: PropType<"long" | "short">;
         default: string;
+        description: string;
     };
     startDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     startTime: {
         type: PropType<import("@vuepic/vue-datepicker").PartialTimeObj | import("@vuepic/vue-datepicker").PartialTimeObj[] | undefined>;
         default: null;
+        description: string;
     };
     hideOffsetDates: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noToday: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledWeekDays: {
         type: PropType<string[] | number[]>;
         default: () => never[];
+        description: string;
     };
     allowedDates: {
         type: PropType<string[] | Date[]>;
         default: null;
+        description: string;
     };
     nowButtonLabel: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     markers: {
         type: PropType<import("@vuepic/vue-datepicker").DatePickerMarker[] | undefined>;
         default: () => never[];
+        description: string;
     };
     escClose: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     spaceConfirm: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     monthChangeOnArrows: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     presetDates: {
         type: PropType<{
@@ -1248,26 +1571,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             testId?: string | undefined;
         }[] | undefined>;
         default: () => never[];
+        description: string;
     };
     flow: {
         type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>;
         default: () => never[];
+        description: string;
     };
     partialFlow: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     preventMinMaxNavigation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     reverseYears: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     weekPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     filters: {
         type: PropType<Partial<{
@@ -1280,10 +1609,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             } | undefined;
         } | undefined>>;
         default: () => {};
+        description: string;
     };
     arrowNavigation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     highlight: {
         type: PropType<((date: Date[], disabled?: boolean | undefined) => boolean) | ((month: {
@@ -1294,26 +1625,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             year: number;
         }) => boolean) | Partial<import("@vuepic/vue-datepicker").Highlight> | undefined>;
         default: null;
+        description: string;
     };
     teleport: {
         type: PropType<string | boolean | HTMLElement>;
         default: null;
+        description: string;
     };
     teleportCenter: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     locale: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     weekNumName: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     weekStart: {
         type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>;
         default: number;
+        description: string;
     };
     weekNumbers: {
         type: PropType<import("@vuepic/vue-datepicker").WeekNumberType | {
@@ -1321,156 +1658,194 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideOnOffsetDates?: boolean | undefined;
         } | undefined>;
         default: null;
+        description: string;
     };
     monthChangeOnScroll: {
         type: PropType<boolean | "inverse">;
         default: boolean;
+        description: string;
     };
     dayNames: {
         type: PropType<string[] | ((lang: string, weekStart: number) => string[])>;
         default: null;
+        description: string;
     };
     monthPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     customProps: {
         type: PropType<Record<string, unknown>>;
         default: null;
+        description: string;
     };
     yearPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     modelAuto: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     selectText: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     cancelText: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     previewFormat: {
         type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>;
         default: () => string;
+        description: string;
     };
     multiDates: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     ignoreTimeValidation: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     minDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     maxDate: {
         type: PropType<string | Date>;
         default: null;
+        description: string;
     };
     minTime: {
         type: PropType<Partial<TimeModel>>;
         default: null;
+        description: string;
     };
     maxTime: {
         type: PropType<Partial<TimeModel>>;
         default: null;
+        description: string;
     };
     placeholder: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     hideInputIcon: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     clearable: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     alwaysClearable: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     state: {
         type: PropType<boolean | undefined>;
         default: null;
+        description: string;
     };
     required: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     autocomplete: {
         type: PropType<string>;
         default: string;
+        description: string;
     };
     timePicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     enableSeconds: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     is24: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noHoursOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noMinutesOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     noSecondsOverlay: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     hoursGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     minutesGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     secondsGridIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     hoursIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     minutesIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     secondsIncrement: {
         type: PropType<string | number>;
         default: number;
+        description: string;
     };
     range: {
         type: PropType<boolean | import("@vuepic/vue-datepicker").RangeConfig | undefined>;
         default: boolean;
+        description: string;
     };
     uid: {
         type: PropType<string>;
         default: null;
+        description: string;
     };
     inline: {
         type: PropType<boolean | {
             input?: boolean | undefined;
         } | undefined>;
         default: boolean;
+        description: string;
     };
     textInput: {
         type: PropType<boolean | {
@@ -1483,97 +1858,152 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             escClose?: boolean | undefined;
         } | undefined>;
         default: boolean;
+        description: string;
     };
     noDisabledRange: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     sixWeeks: {
         type: PropType<boolean | "center" | "append" | "prepend" | "fair" | undefined>;
         default: boolean;
+        description: string;
     };
     actionRow: {
         type: PropType<Partial<any>>;
         default: () => {};
+        description: string;
     };
     focusStartDate: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     disabledTimes: {
         type: PropType<((time: import("@vuepic/vue-datepicker").TimeObj | (import("@vuepic/vue-datepicker").TimeObj | undefined)[]) => boolean) | import("@vuepic/vue-datepicker").DisabledTime[] | [import("@vuepic/vue-datepicker").DisabledTime[], import("@vuepic/vue-datepicker").DisabledTime[]] | undefined>;
         default: undefined;
+        description: string;
     };
     showLastInRange: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     timePickerInline: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     calendar: {
         type: PropType<((weeks: import("@vuepic/vue-datepicker").CalendarWeek[]) => import("@vuepic/vue-datepicker").CalendarWeek[]) | undefined>;
         default: null;
+        description: string;
     };
     config: {
         type: PropType<Partial<import("@vuepic/vue-datepicker").GeneralConfig | undefined>>;
         default: undefined;
+        description: string;
     };
     quarterPicker: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     yearFirst: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     onInternalModelChange: {
         type: PropType<(...args: any[]) => void>;
         default: null;
+        description: string;
     };
     enableMinutes: {
         type: PropType<boolean>;
         default: boolean;
+        description: string;
     };
     ui: {
         type: PropType<Partial<Partial<import("@vuepic/vue-datepicker").UIOptions> | undefined>>;
         default: () => {};
+        description: string;
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 }>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    size: import("../../composables/useCommon").Size;
+    size: Size;
     position: "left" | "right" | "center" | undefined;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;