@farm-investimentos/front-mfe-components 15.3.1 → 15.3.2

package/package.json

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

package/src/components/DatePicker/DatePicker.vue

@@ -44,7 +44,7 @@
 				:readonly="readonly"
 				:mask="`${readonly ? '' : '##/##/####'}`"
 				:id="inputId"
-				:rules="[checkMax, checkMin, checkRequire]"
+				:rules="[checkDateValid, checkMax, checkMin, checkRequire]"
 				@keyup="keyUpInput"
 			/>
 		</template>
@@ -53,7 +53,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { VDatePicker } from 'vuetify/lib/components/VDatePicker';
-import { defaultFormat as dateDefaultFormatter, convertDate } from '../../helpers/date';
+import { defaultFormat as dateDefaultFormatter, convertDate, checkDateValid } from '../../helpers/date';
 import { formatDatePickerHeader } from '../../helpers';
 /**
  * Componente de input com datepicker para data
@@ -110,6 +110,13 @@ export default defineComponent({
 			menuField: false,
 			dateField: this.value,
 			fieldRange: s,
+			checkDateValid: value => {
+				if(value.length > 0) {
+					const isValid = checkDateValid(value);
+					return  isValid ? true : 'Data inválida';
+				}
+				return true;
+			},
 			checkRequire: value => {
 				return this.required ? !!value || value != '' || 'Campo obrigatório' : true;
 			},
@@ -119,28 +126,15 @@ export default defineComponent({
 					: true;
 			},
 			checkMin: value => {
-				const selectedDateUTCString = new Date(convertDate(value))
-					.toUTCString()
-					.slice(0, -4);
-
-				const selectedDate = new Date(selectedDateUTCString);
-				selectedDate.setDate(selectedDate.getDate() + 1);
-
-				const locatedSelectedDate = new Date(selectedDate.toUTCString()).toLocaleString(
-					'pt-BR',
-					{
-						timeZone: 'America/Sao_Paulo',
+				if(this.min) {
+					const dateSelected = new Date(convertDate(value));
+					const dateMin = new Date(convertDate(this.min));
+					if(dateSelected.getTime() >= dateMin.getTime()){
+						return true;
 					}
-				);
-				const locatedMinDate = new Date(this.min).toLocaleString('pt-BR', {
-					timeZone: 'America/Sao_Paulo',
-				});
-
-				return this.min &&
-					this.getUniversalDate(locatedSelectedDate) <
-						this.getUniversalDate(locatedMinDate)
-					? 'A data está fora do período permitido'
-					: true;
+					return 'A data está fora do período permitido';
+				}
+				return true;
 			},
 		};
 	},

package/src/helpers/date.js

@@ -12,3 +12,75 @@ export const convertDate = (data) => {
 	let newdate = data.split("/").reverse().join("-");
 	return newdate;
 };
+
+
+const checkLength = (value, length) => {
+	return parseInt(value.length, 10) === length;
+};
+
+const dateFormatting = (date) => {
+	if(date.includes('/')){
+		let dateSplit = date.split('/');
+		return {
+			day: dateSplit[0],
+			month: dateSplit[1],
+			year: dateSplit[2]
+		};
+	}
+	let dateSplit = date.split('-');
+	return {
+		day: dateSplit[2],
+		month: dateSplit[1],
+		year: dateSplit[0]
+	};
+};
+
+const checkLeapYear = (year) => {
+	if (parseInt(year, 10) % 400 === 0){
+		return true;
+	}
+	if(parseInt(year, 10) % 4 === 0 && parseInt(year, 10) % 100 !== 0) {
+		return true;
+	}else{
+		return false;
+	}
+};
+
+const getTotalDays = (month, isLeapYear) => {	
+	const numberMonth = parseInt(month, 10);
+	if(numberMonth === 2) {
+		return isLeapYear ? 29 : 28;
+	}
+	const monthsWith31Days = [1, 3, 5, 7, 8, 10, 12];
+	return monthsWith31Days.includes(numberMonth) ? 31 : 30;
+};
+
+const checkDay = (day, totalDays) => {	
+	if(parseInt(day, 10) > 0 && parseInt(day, 10) <= totalDays) {
+		return true;
+	}
+	return false;
+};
+
+const checkMonth = (month) => {	
+	if(parseInt(month, 10) > 0 && parseInt(month, 10) <= 12) {
+		return true;
+	}
+	return false;
+};
+
+export const checkDateValid = (date) => {
+	if(!checkLength(date, 10)){
+		return false;
+	}
+	const {day, month, year} = dateFormatting(date);
+	if(!checkMonth(month)){
+		return false;
+	}
+	const isLeapYear = checkLeapYear(year);
+	const totalDays = getTotalDays(month, isLeapYear);
+	if(!checkDay(day, totalDays)){
+		return false;
+	}
+	return true;
+};