@feedmepos/ui-library 1.2.16-rc.3 → 1.2.18

package/dist/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 1.2.18 - 24-8-15
+
+- `FmTimePicker` and `FmTimeRangePicker`
+  - new design, smaller size
+  - not allow non-numeric input
+
+## 1.2.17-rc.1 - 2024-8-14
+
+### Fixes
+
+- `FmTextField`
+  - The `id` for exclude the element from `clickOutside` event will conflict with the `id` for the other input elements.
+
 ## 1.2.16-rc.3 - 2024-8-14
 
 - `useSnackbar`
@@ -29,8 +42,9 @@
 ### Features
 
 - `FmTable`
+
   - The `items per page` options now depend on the `row-data` length
-  -
+
 - `FmPhoneNumber`
   - Add country name to the dropdown
 

package/dist/components/avatar/FmAvatar.vue.d.ts

@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: () => "md";
     rounded: () => "xxxl";
 }>>>, {
-    size: "sm" | "md" | "lg" | "xl" | "sm2";
     name: string;
+    size: "sm" | "md" | "lg" | "xl" | "sm2";
     rounded: "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
     src: string;
     initials: string;

package/dist/components/badge/FmBadge.vue.d.ts

@@ -17,8 +17,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     value: number | null;
     class: string;
-    variant: "success" | "warning" | "info" | "neutral" | "numeric" | "critical";
     inline: boolean;
+    variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/bottom-sheet/FmBottomSheet.vue.d.ts

@@ -23,9 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     header: string;
-    zIndex: number;
     modelValue: boolean;
     dismissAway: boolean;
+    zIndex: number;
     noHeader: boolean;
 }, {}>, {
     "bottom-sheet-button"?(_: {}): any;

package/dist/components/button/FmButton.vue.d.ts

@@ -68,11 +68,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     appendIcon: string;
     loading: boolean;
 }>>>, {
-    size: "md" | "lg";
-    type: "button" | "reset" | "submit";
     label: string;
+    variant: "primary" | "secondary" | "destructive" | "tertiary" | "plain" | "fab" | FmButtonVariant;
+    type: "button" | "submit" | "reset";
+    size: "md" | "lg";
     disabled: boolean;
-    variant: "plain" | "primary" | "secondary" | "destructive" | "tertiary" | "fab" | FmButtonVariant;
     icon: string;
     iconPosition: "prepend" | "append";
     prependIcon: string;

package/dist/components/chart/bar/FmBar.vue.d.ts

@@ -72,8 +72,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"bar">>;
+    name: string;
     paragraph: string;
     transpose: boolean;
     stacked: boolean;

package/dist/components/chart/line/FmLine.vue.d.ts

@@ -69,8 +69,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideYAxis: undefined;
     legend: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"line">>;
+    name: string;
     paragraph: string;
     transpose: boolean;
     hideXAxis: boolean;

package/dist/components/chart/pie/FmPie.vue.d.ts

@@ -73,9 +73,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     maintainAspectRatio: boolean;
     percentage: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"doughnut">>;
     text: string;
+    name: string;
     textColor: string;
     paragraph: string;
     maintainAspectRatio: boolean;

package/dist/components/chip/FmChip.vue.d.ts

@@ -40,13 +40,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onChip-closed"?: (() => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
     variant: FmChipVariant;
-    icon: string;
-    selectable: boolean;
     selected: boolean;
+    disabled: boolean;
+    icon: string;
     rightIcon: string;
     removable: boolean;
+    selectable: boolean;
     compact: boolean;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/chip-group/FmChipGroup.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onChip-closed"?: ((index: number) => any) | undefined;
 }, {
     disabled: boolean;
-    selectable: boolean;
     removable: boolean;
+    selectable: boolean;
     compact: boolean;
 }, {}>;
 export default _default;

package/dist/components/dialog/FmDialog.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    zIndex: number;
     modelValue: boolean;
+    zIndex: number;
     overlay: boolean;
     minWidth: string | number;
     closeButton: boolean;

package/dist/components/dialog/FmDialogContent.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    contentClass: any;
     modelValue: boolean;
+    contentClass: any;
     minWidth: string | number;
     maxWidth: string | number;
     closeButton: boolean;

package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts

@@ -101,8 +101,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onDialog-opened"?: (() => any) | undefined;
     "onDialog-closed"?: ((mv?: any) => any) | undefined;
 }, {
-    zIndex: number;
     dismissAway: boolean;
+    zIndex: number;
     message: string;
     overlay: boolean;
     minWidth: string | number;

package/dist/components/form/calendar/date-picker/FmDatePicker.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     "trigger-button"?(_: {
         invalid: boolean;

package/dist/components/form/calendar/date-picker/FmDatePickerDesktop.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/calendar/date-picker/FmDatePickerMobile.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/calendar/date-range-picker/FmDateRangePicker.vue.d.ts

@@ -50,16 +50,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
-    disabled: boolean;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerDesktop.vue.d.ts

@@ -52,17 +52,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerField.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compareLabel: string;
 }>>>, {
     disabled: boolean;
-    invalid: boolean;
     focused: boolean;
+    invalid: boolean;
     showValidBorder: boolean;
     startLabel: string;
     endLabel: string;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerMobile.vue.d.ts

@@ -52,17 +52,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;

package/dist/components/form/field/FmField.vue.d.ts

@@ -33,11 +33,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     size: "sm" | "md";
     disabled: boolean;
-    invalid: boolean;
-    focused: boolean;
-    tag: string;
     prependIcon: string;
     appendIcon: string;
+    focused: boolean;
+    invalid: boolean;
+    tag: string;
     showValidBorder: boolean;
     iconOutlined: boolean;
 }, {}>, {

package/dist/components/form/form-group/FmFormGroup.vue.d.ts

@@ -38,15 +38,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperState: string;
     tag: string;
 }>>>, {
-    required: boolean;
     label: string;
+    helperText: string;
+    info: string;
+    required: boolean;
     disabled: boolean;
     optional: boolean;
-    info: string;
-    rules: ValidationRule[];
     focused: boolean;
-    helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    rules: ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     tag: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/helper-text/FmHelperText.vue.d.ts

@@ -17,8 +17,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     text: string;
     disabled: boolean;
-    state: "success" | "warning" | "error" | "none";
     errorMessages: string[];
+    state: "success" | "warning" | "none" | "error";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/form/label/FmLabel.vue.d.ts

@@ -27,11 +27,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optional: boolean;
     info: string;
 }>>>, {
-    required: boolean;
     label: string;
+    info: string;
+    required: boolean;
     disabled: boolean;
     optional: boolean;
-    info: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/form/phone-number/FmPhoneNumber.vue.d.ts

@@ -44,12 +44,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
+    rules: import("../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
     defaultCountry: CountryCode;
     extraCountryCodes: CountryCode[];

package/dist/components/form/pin-field/FmPinField.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onComplete?: ((value: string) => any) | undefined;
 }, {
     length: number;
-    type: "number" | "text";
     modelValue: string[];
+    type: "number" | "text";
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/form/radio/FmRadio.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
     modelValue: any;
+    disabled: boolean;
     sublabel: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts

@@ -34,14 +34,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    rules: import("../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
     inline: boolean;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
+    focused: boolean;
+    rules: import("../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
 }, {}>, {
     label?(_: {}): any;
     default?(_: {}): any;

package/dist/components/form/search/FmSearch.vue.d.ts

@@ -63,18 +63,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxWidth: undefined;
 }>>>, {
     label: string;
-    disabled: boolean;
-    rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
+    rules: import("../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     maxWidth: string | number;
-    showValidBorder: boolean;
-    placeholder: string;
-    minLength: number;
     maxLength: number;
-    inputmode: "text" | "none" | "search" | "email" | "tel" | "url" | "decimal" | "numeric";
+    minLength: number;
+    placeholder: string;
+    showValidBorder: boolean;
+    inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
     showSuccess: boolean;

package/dist/components/form/select/FmSelect.vue.d.ts

@@ -69,18 +69,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onDropdown-changed"?: ((value: boolean) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    placement: Placement;
-    rules: import("../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
+    focused: boolean;
+    rules: import("../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
+    placement: Placement;
     width: number;
+    placeholder: string;
     maxHeight: number;
     showValidBorder: boolean;
-    placeholder: string;
     multiselect: boolean;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePicker.vue.d.ts

@@ -29,16 +29,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     "trigger-button"?(_: {
         invalid: boolean;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePickerDesktop.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePickerMobile.vue.d.ts

@@ -31,17 +31,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;
     "trigger-button"?(_: {

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePicker.vue.d.ts

@@ -48,16 +48,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
     "onSelect-comparison"?: ((value: CompareType) => any) | undefined;
 }, {
-    disabled: boolean;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerDesktop.vue.d.ts

@@ -52,17 +52,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
     "onSelect-comparison"?: ((value: CompareType) => any) | undefined;
 }, {
-    disabled: boolean;
-    zIndex: number;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
+    zIndex: number;
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     max: string;
+    min: string;
+    showValidBorder: boolean;
     startLabel: string;
     endLabel: string;
     showPredefinedRange: boolean;

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerField.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compareLabel: string;
 }>>>, {
     disabled: boolean;
-    invalid: boolean;
     focused: boolean;
+    invalid: boolean;
     showValidBorder: boolean;
     startLabel: string;
     endLabel: string;