@farm-investimentos/front-mfe-components 15.0.5 → 15.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "15.0.5",
+	"version": "15.0.6",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",

package/src/components/Form/Form.stories.js

@@ -31,11 +31,12 @@ export const Primary = () => ({
 		return {
 			form: {
 				document: 'Document',
-				name: 'Name',
+				name: '',
 				checkbox: '2',
 				birthDate: new Date('1980/09/20').toISOString(),
 				selectId: 1,
 				rangeDate: [],
+				cityName: null,
 			},
 			validForm: false,
 			rules: {
@@ -51,14 +52,14 @@ export const Primary = () => ({
 		};
 	},
 	template: `
-        <farm-form v-model="validForm" :style="[styles.vForm]" ref="form">
+        <farm-form v-model="validForm" :style="[styles.vForm]" ref="form" autocomplete="off">
 			<div>
 				<farm-label :required="true">Documento</farm-label>
 				<farm-textfield-v2 v-model="form.document" :rules="[rules.required]" />
 			</div>
 			<farm-label :required="true">Nome</farm-label>
-			<farm-textfield-v2 v-model="form.name" :rules="[rules.required]" />
-			
+			<farm-textfield-v2 v-model="form.name" :rules="[rules.required]" hint="Seu nome igual ao do RG" />
+
 			<farm-label :required="true">True/false</farm-label>
 			<farm-checkbox v-model="form.checkbox" value="1" :rules="[rules.checked]" />
 

package/src/components/RangeDatePicker/RangeDatePicker.stories.js

@@ -49,3 +49,23 @@ export const InitialValue = () => ({
 export const MinMax = () => ({
 	template: `<RangeDatePicker inputId="input-custom-id" min="2022-01-17" max="2022-02-15" />`,
 });
+
+export const Reset = () => ({
+	data() {
+		return {
+			date: null,
+		};
+	},
+	methods: {
+		click() {
+			this.$refs.datepickerExemple.clear();
+		},
+	},
+	template: `<div style="width: 480px">
+	<RangeDatePicker ref="datepickerExemple" inputId="input-custom-id" v-model="date" />
+	date: {{ date }}
+		<farm-btn @click="click">
+			reset
+		</farm-btn>
+	</div>`,
+});

package/src/components/RangeDatePicker/RangeDatePicker.vue

@@ -178,10 +178,9 @@ export default Vue.extend({
 			return true;
 		},
 		isInvertedDate() {
-			if (this.dateField.length === 2) {
+			if ((Array.isArray(this.dateField)) && this.dateField.length === 2) {
 				const firstDate = new Date(this.dateField[0]);
 				const secondDate = new Date(this.dateField[1]);
-
 				return firstDate.getTime() > secondDate.getTime();
 			}
 			return false;