@feedmepos/ui-library 1.2.52 → 1.2.54

package/dist/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 1.2.54 - 24-11-07
+
+- `FmPinField`
+
+  - add `masked: boolean` prop to hide text in the input field
+  - `v-model` now supports two-way binding 
+  - add a `@focus` event
+
+## 1.2.53 - 24-11-07
+
+- `FmTabs`
+
+  - make tab label not wrap
+
 ## 1.2.52 - 24-11-01
 
 - `FmDateRangePicker`, `FmSimpleDateRangePicker`

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

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

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

@@ -25,9 +25,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onOn:clickedAway"?: (() => any) | undefined;
 }, {
     header: string;
+    dismissAway: boolean;
     zIndex: number;
     modelValue: boolean;
-    dismissAway: boolean;
     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";
+    variant: "primary" | "secondary" | "destructive" | "tertiary" | "plain" | "fab" | FmButtonVariant;
+    type: "button" | "submit" | "reset";
     label: string;
+    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

@@ -78,15 +78,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     legend: undefined;
     tooltip: undefined;
 }>>>, {
-    name: string;
     legend: Partial<LegendOptions<"bar">>;
-    tooltip: Partial<TooltipOptions<"bar">>;
+    name: string;
     paragraph: string;
     transpose: boolean;
     stacked: boolean;
     maintainAspectRatio: boolean;
     hideXAxis: boolean;
     hideYAxis: boolean;
+    tooltip: Partial<TooltipOptions<"bar">>;
 }, {}>, {
     title?(_: {}): any;
 }>;

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

@@ -73,8 +73,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

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

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

@@ -39,14 +39,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onChip-closed"?: (() => any) | undefined;
 }, {
+    variant: FmChipVariant;
     label: string;
+    selected: boolean;
     disabled: boolean;
-    variant: FmChipVariant;
     icon: string;
-    selectable: boolean;
-    selected: boolean;
     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/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";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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

@@ -51,15 +51,15 @@ 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";
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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

@@ -34,8 +34,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";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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

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

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

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

@@ -45,11 +45,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
-    rules: import("../../..").ValidationRule[];
-    helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
+    rules: import("../../..").ValidationRule[];
+    helperText: string;
+    helperState: "success" | "warning" | "none" | "error";
     placeholder: string;
     defaultCountry: CountryCode;
     extraCountryCodes: CountryCode[];

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

@@ -7,25 +7,32 @@ export interface FmPinFieldProps {
     type?: 'number' | 'text';
     /** Error state */
     isError?: boolean;
+    /** is text masked */
+    masked?: boolean;
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPinFieldProps>, {
     modelValue: () => never[];
     length: number;
     type: string;
+    masked: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[]) => void;
     complete: (value: string) => void;
+    focus: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPinFieldProps>, {
     modelValue: () => never[];
     length: number;
     type: string;
+    masked: boolean;
 }>>> & {
+    onFocus?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
 }, {
     length: number;
     type: "number" | "text";
     modelValue: string[];
+    masked: boolean;
 }, {}>;
 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

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

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

@@ -67,20 +67,20 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     label: string;
     disabled: boolean;
-    rules: import("../../..").ValidationRule[];
-    helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
+    rules: import("../../..").ValidationRule[];
+    helperText: string;
+    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;
+    autofocus: boolean;
+    showValidBorder: boolean;
+    inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
-    autofocus: boolean;
     showSuccess: boolean;
     prependText: string;
     appendText: string;

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

@@ -72,17 +72,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
-    placement: Placement;
-    rules: import("../../..").ValidationRule[];
-    focused: boolean;
-    helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
+    focused: boolean;
+    rules: import("../../..").ValidationRule[];
+    helperText: string;
+    helperState: "success" | "warning" | "none" | "error";
+    placement: Placement;
     width: number;
+    placeholder: string;
     maxHeight: number;
     showValidBorder: boolean;
-    placeholder: string;
     multiselect: boolean;
     menuId: string;
 }, {}>, {

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

@@ -30,15 +30,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
-    rules: import("../../../..").ValidationRule[];
-    focused: boolean;
-    helperText: string;
-    helperState: "success" | "warning" | "error" | "none";
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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";
+    disabled: boolean;
     labelMark: "required" | "none" | "optional";
     labelInfo: string;
-    showValidBorder: boolean;
-    min: string;
+    focused: boolean;
+    rules: import("../../../..").ValidationRule[];
+    helperText: string;
+    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

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