@farm-investimentos/front-mfe-components-vue3 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components-vue3",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"private": false,
 	"repository": {
 		"type": "git",

package/src/components/Buttons/DefaultButton/DefaultButton.vue

@@ -1,6 +1,6 @@
 <template>
 	<button
-		v-if="!to"
+		v-if="!to || disabled"
 		v-bind="$attrs"
 		:disabled="disabled"
 		:type="type"
@@ -109,7 +109,6 @@ export default {
 			toRefs(props);
 
 		const classes = computed(() => {
-			
 			return {
 				'farm-btn': true,
 				'farm-btn--elevated': elevated.value,

package/src/components/DatePicker/DatePicker.stories.js

@@ -219,3 +219,14 @@ export const MultipleDates = () => ({
 		dates: {{ date }}
     </div>`,
 });
+
+export const Disabled = () => ({
+	data() {
+		return {
+			date: '2021-08-01',
+		};
+	},
+	template: `<div style='max-width: 320px'>
+        <farm-input-datepicker disabled v-model="date" inputId="input-custom-id-3"/>
+    </div>`,
+});

package/src/components/DatePicker/DatePicker.vue

@@ -65,6 +65,7 @@
 				:requiredMessage="requiredMessage"
 				:id="inputId"
 				:rules="rules"
+				:disabled="true"
 				@keyup="keyUpInput"
 			/>
 		</template>
@@ -168,6 +169,13 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		/**
+		 * Disabled field
+		 */
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		const s = this.formatDateRange(this.modelValue);

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

@@ -74,3 +74,12 @@ export const Reset = () => ({
 		</farm-btn>
 	</div>`,
 });
+
+export const Disabled = () => ({
+	data() {
+		return {
+			date: null,
+		};
+	},
+	template: `<farm-input-rangedatepicker disabled inputId="input-custom-id" min="2023-09-17" max="2023-11-15" v-model="date" />`,
+});

package/src/components/RangeDatePicker/RangeDatePicker.vue

@@ -54,6 +54,7 @@
 				readonly
 				:id="inputId"
 				:rules="required ? [requiredRule] : []"
+				:disabled="disabled"
 			/>
 		</template>
 	</farm-contextmenu>
@@ -103,6 +104,13 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		/**
+		 * Disabled field
+		 */
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		const s = this.formatDateRange(this.modelValue);
@@ -138,7 +146,6 @@ export default {
 			return dateDefaultFormatter(dateStart) + ' a ' + dateDefaultFormatter(dateEnd);
 		},
 		save() {
-			
 			this.formatDateRange(this.dateField);
 			this.inputVal = this.dateField;
 			this.menuField = false;