Resolved onBlur execution error and improved accessibility

This commit addresses several issues:

1. Fixed an error that occurred during the execution of the onBlur event.
2. Enhanced error handling to distinguish between normal and ranged errors.
3. Rectified an issue with empty aria labels in SVGs within buttons, improving accessibility.
4. Corrected the event name for the onBlur event in the InputDate component, ensuring accurate event handling.

Author: Hector Arce De Las Heras

src/components/input/types/internalErrors.ts

@@ -1,6 +1,7 @@
 export enum InternalErrorType {
   INVALID_EMAIL = 'invalid_email',
   INVALID_DATE = 'invalid_date',
+  INVALID_DATE_RANGE = 'invalid_date_range',
   INVALID_MIN_LENGTH = 'invalid_min_length',
   INVALID_OPTION = 'INVALID_OPTION',
 }

src/components/inputDate/hooks/useInputDate.ts

@@ -173,9 +173,9 @@ export const useInputDate = ({
 
     if (dateRangeFormatted && dateRangeFormatted?.length >= 2) {
       if (isValidDateRange) {
-        removeInternalError(InternalErrorType.INVALID_DATE);
+        removeInternalError(InternalErrorType.INVALID_DATE_RANGE);
       } else {
-        addInternalError(InternalErrorType.INVALID_DATE);
+        addInternalError(InternalErrorType.INVALID_DATE_RANGE);
       }
     }
     handleChangeDate(
@@ -258,13 +258,48 @@ export const useInputDate = ({
     const hasError = internalErrors.length > 0;
 
     props.onDateError?.(hasError);
-    onBlur?.(event);
+
+    let adaptEvent;
+    const dateValue = event.target.value;
+    if (props.hasRange) {
+      const hasSeparator = props.dateSeparator && dateValue.includes(props.dateSeparator);
+      const secondDateExists = dateValue.length > props.format.length;
+      const dates = hasSeparator
+        ? dateValue.split(props.dateSeparator as string)
+        : dateValue.split(' ');
+
+      const firstDate = formatDateToNative(dates[0], props.format);
+      const secondDate = secondDateExists ? formatDateToNative(dates[1], props.format) : '';
+
+      const firstValueAsNumber = firstDate.length && new Date(firstDate).getTime();
+      const secondValueAsNumber = secondDate.length && new Date(secondDate).getTime();
+
+      const firstValueAsDate = firstDate.length && new Date(firstDate);
+      const secondValueAsDate = secondDate.length && new Date(secondDate);
+
+      adaptEvent = {
+        target: {
+          value: `${firstDate} ${secondDate}`,
+          valueAsNumber: `${firstValueAsNumber} ${secondValueAsNumber}`.trim(),
+          valueAsDate: `${firstValueAsDate} - ${secondValueAsDate}`,
+        },
+      };
+    } else {
+      adaptEvent = setDate(dateValue, props.format);
+    }
+    onBlur?.(adaptEvent);
   };
 
   // validate formatted dates
   // eslint-disable-next-line complexity
   const handleChangeInternalValidate: ChangeEventHandler<HTMLInputElement> = event => {
     const dateValue = event?.target?.value;
+    // reset the internal errors for new verify
+    if (internalErrors.includes(InternalErrorType.INVALID_DATE)) {
+      removeInternalError(InternalErrorType.INVALID_DATE);
+    } else if (internalErrors.includes(InternalErrorType.INVALID_DATE_RANGE)) {
+      removeInternalError(InternalErrorType.INVALID_DATE_RANGE);
+    }
 
     // date range
     if (dateValue?.length === props.format?.length * 2 + 1) {