@dynamicforms/vuetify-inputs 0.5.3 → 0.5.5

package/dist/index.d.ts

@@ -5,16 +5,30 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { ComputedRef } from 'vue';
 import { CreateComponentPublicInstanceWithMixins } from 'vue';
+import { Day } from 'date-fns';
 import { default as default_2 } from '@dynamicforms/vue-forms';
 import { DefaultInputSlot } from 'vuetify/lib/components/VField/VField';
 import { DefineComponent } from 'vue';
 import { Editor } from '@ckeditor/ckeditor5-core';
+import { Era } from 'date-fns';
+import { FirstWeekContainsDate } from 'date-fns';
+import { FormatDistanceFn } from 'date-fns';
+import { FormatLongFn } from 'date-fns';
+import { FormatPart } from 'date-fns';
+import { FormatRelativeFn } from 'date-fns';
 import { GlobalComponents } from 'vue';
 import { GlobalDirectives } from 'vue';
 import { IField } from '@dynamicforms/vue-forms';
 import { IFieldConstructorParams } from '@dynamicforms/vue-forms';
+import { Locale } from 'date-fns';
+import { LocaleDayPeriod } from 'date-fns';
+import { LocaleUnit } from 'date-fns';
+import { LocalizeFn } from 'date-fns';
+import { MatchFn } from 'date-fns';
 import { MaybeRef } from 'vue';
+import { Month } from 'date-fns';
 import { PublicProps } from 'vue';
+import { Quarter } from 'date-fns';
 import { Ref } from 'vue';
 import { useDisplay } from 'vuetify';
 import { ValidationError } from '@dynamicforms/vue-forms';
@@ -54,6 +68,7 @@ declare const __VLS_component: DefineComponent<DfSelectProps, {}, {}, {}, {}, Co
 "onUpdate:modelValueDisplay"?: ((value: SelectChoice[]) => any) | undefined;
 }>, {
 enabled: boolean;
+clearable: boolean;
 allowNull: boolean;
 choices: SelectChoice[];
 multiple: boolean;
@@ -211,8 +226,78 @@ export declare type BreakpointNames = typeof responsiveBreakpoints[number];
 
 export declare type BreakpointsJSON<T extends Record<string, any>> = T & Partial<Record<BreakpointNames, T>>;
 
+export declare const DateTimeLocaleConfig: {
+    dateTimeLocale: Ref<{
+        code: string;
+        formatDistance: FormatDistanceFn;
+        formatRelative: FormatRelativeFn;
+        localize: {
+            ordinalNumber: LocalizeFn<number>;
+            era: LocalizeFn<Era>;
+            quarter: LocalizeFn<Quarter>;
+            month: LocalizeFn<Month>;
+            day: LocalizeFn<Day>;
+            dayPeriod: LocalizeFn<LocaleDayPeriod>;
+            preprocessor?: (<DateType extends Date>(date: DateType, parts: FormatPart[]) => FormatPart[]) | undefined;
+        };
+        formatLong: {
+            date: FormatLongFn;
+            time: FormatLongFn;
+            dateTime: FormatLongFn;
+        };
+        match: {
+            ordinalNumber: MatchFn<number, {
+            unit: LocaleUnit;
+            }>;
+            era: MatchFn<Era>;
+            quarter: MatchFn<Quarter>;
+            month: MatchFn<Month>;
+            day: MatchFn<Day>;
+            dayPeriod: MatchFn<LocaleDayPeriod>;
+        };
+        options?: {
+            weekStartsOn?: Day | undefined;
+            firstWeekContainsDate?: FirstWeekContainsDate | undefined;
+        } | undefined;
+    }, Locale | {
+        code: string;
+        formatDistance: FormatDistanceFn;
+        formatRelative: FormatRelativeFn;
+        localize: {
+            ordinalNumber: LocalizeFn<number>;
+            era: LocalizeFn<Era>;
+            quarter: LocalizeFn<Quarter>;
+            month: LocalizeFn<Month>;
+            day: LocalizeFn<Day>;
+            dayPeriod: LocalizeFn<LocaleDayPeriod>;
+            preprocessor?: (<DateType extends Date>(date: DateType, parts: FormatPart[]) => FormatPart[]) | undefined;
+        };
+        formatLong: {
+            date: FormatLongFn;
+            time: FormatLongFn;
+            dateTime: FormatLongFn;
+        };
+        match: {
+            ordinalNumber: MatchFn<number, {
+            unit: LocaleUnit;
+            }>;
+            era: MatchFn<Era>;
+            quarter: MatchFn<Quarter>;
+            month: MatchFn<Month>;
+            day: MatchFn<Day>;
+            dayPeriod: MatchFn<LocaleDayPeriod>;
+        };
+        options?: {
+            weekStartsOn?: Day | undefined;
+            firstWeekContainsDate?: FirstWeekContainsDate | undefined;
+        } | undefined;
+    }>;
+    setDateTimeLocale(locale: Locale | Ref<Locale>): void;
+};
+
 export declare const defaultBaseProps: {
     enabled: undefined;
+    clearable: boolean;
 };
 
 export declare const defaultDisplayStyle = ActionDisplayStyle.BUTTON;
@@ -236,6 +321,7 @@ export declare const DfCheckbox: DefineComponent<DfCheckboxProps, {}, {}, {}, {}
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
+clearable: boolean;
 allowNull: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -251,6 +337,7 @@ export declare const DfColor: DefineComponent<DfColorProps, {}, {}, {}, {}, Comp
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
+clearable: boolean;
 allowNull: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -266,6 +353,7 @@ export declare const DfDateTime: DefineComponent<DfDateTimeProps, {}, {}, {}, {}
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
+clearable: boolean;
 inputType: "datetime" | "date" | "time";
 displayFormatDate: string;
 displayFormatTime: string;
@@ -275,6 +363,7 @@ declare interface DfDateTimeProps extends BaseProps {
     inputType?: 'datetime' | 'date' | 'time';
     displayFormatDate?: string;
     displayFormatTime?: string;
+    locale?: Locale;
 }
 
 export declare const DfFile: DefineComponent<DfFileProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -285,6 +374,7 @@ export declare const DfFile: DefineComponent<DfFileProps, {}, {}, {}, {}, Compon
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
+clearable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare interface DfFileProps extends BaseProps {
@@ -299,6 +389,7 @@ export declare const DfInput: DefineComponent<DfInputProps, {}, {}, {}, {}, Comp
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
+clearable: boolean;
 inputType: "text" | "password" | "email" | "url" | "number";
 precision: number | null;
 step: number;
@@ -353,6 +444,7 @@ export declare const DfRtfEditor: DefineComponent<DfRtfEditorProps, {}, {}, {},
 }>, {
 minHeight: string;
 enabled: boolean;
+clearable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 $editor: CreateComponentPublicInstanceWithMixins<Readonly<{
 modelValue: string;
@@ -414,6 +506,7 @@ export declare const DfTextArea: DefineComponent<DfTextAreaProps, {}, {}, {}, {}
 "onClick:clear"?: (() => any) | undefined;
 }>, {
 enabled: boolean;
+clearable: boolean;
 rows: number;
 maxRows: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamicforms/vuetify-inputs",
   "private": false,
-  "version": "0.5.3",
+  "version": "0.5.5",
   "type": "module",
   "description": "Visual components for data entry using @dynamicforms/vue-forms",
   "author": "Jure Erznožnik",