@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs

@@ -1,60 +1,57 @@
-import React from 'react';
+import React__default from 'react';
 import { FieldMessage } from '../../../../FieldMessage/FieldMessage.mjs';
 import modules_26ee70b1 from './DateRangeValidationMessage.module.scss.mjs';
-const DateRangeValidationMessage = /*#__PURE__*/function () {
-  const DateRangeValidationMessage = function (_a) {
-    var validationMessage = _a.validationMessage,
-      dateStartId = _a.dateStartId,
-      dateEndId = _a.dateEndId,
-      isReversed = _a.isReversed;
-    if (!validationMessage) return null;
-    var dateStart = validationMessage.dateStart;
-    var dateEnd = validationMessage.dateEnd;
-    if (dateStart && dateEnd) {
-      if (dateStart.status === dateEnd.status) {
-        return /*#__PURE__*/React.createElement(FieldMessage, {
-          message: /*#__PURE__*/React.createElement("ul", {
-            className: modules_26ee70b1.fieldMessageList
-          }, /*#__PURE__*/React.createElement("li", {
-            id: dateStartId
-          }, dateStart.message), /*#__PURE__*/React.createElement("li", {
-            id: dateEndId
-          }, dateEnd.message)),
-          status: dateStart.status || dateEnd.status,
-          reversed: isReversed
-        });
-      }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FieldMessage, {
-        id: dateStartId,
-        message: dateStart.message,
-        status: dateStart.status,
-        reversed: isReversed
-      }), /*#__PURE__*/React.createElement(FieldMessage, {
-        id: dateEndId,
-        message: dateEnd.message,
-        status: dateEnd.status,
-        reversed: isReversed
-      }));
-    }
-    if (dateStart) {
-      return /*#__PURE__*/React.createElement(FieldMessage, {
-        id: dateStartId,
-        message: dateStart.message,
-        status: dateStart.status,
-        reversed: isReversed
-      });
-    }
-    if (dateEnd) {
-      return /*#__PURE__*/React.createElement(FieldMessage, {
-        id: dateEndId,
-        message: dateEnd.message,
-        status: dateEnd.status,
+var DateRangeValidationMessage = function (_a) {
+  var validationMessage = _a.validationMessage,
+    dateStartId = _a.dateStartId,
+    dateEndId = _a.dateEndId,
+    isReversed = _a.isReversed;
+  if (!validationMessage) return null;
+  var dateStart = validationMessage.dateStart;
+  var dateEnd = validationMessage.dateEnd;
+  if (dateStart && dateEnd) {
+    if (dateStart.status === dateEnd.status) {
+      return /*#__PURE__*/React__default.createElement(FieldMessage, {
+        message: /*#__PURE__*/React__default.createElement("ul", {
+          className: modules_26ee70b1.fieldMessageList
+        }, /*#__PURE__*/React__default.createElement("li", {
+          id: dateStartId
+        }, dateStart.message), /*#__PURE__*/React__default.createElement("li", {
+          id: dateEndId
+        }, dateEnd.message)),
+        status: dateStart.status || dateEnd.status,
         reversed: isReversed
       });
     }
-    return null;
-  };
-  DateRangeValidationMessage.displayName = 'DateRangeValidationMessage';
-  return DateRangeValidationMessage;
-}();
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(FieldMessage, {
+      id: dateStartId,
+      message: dateStart.message,
+      status: dateStart.status,
+      reversed: isReversed
+    }), /*#__PURE__*/React__default.createElement(FieldMessage, {
+      id: dateEndId,
+      message: dateEnd.message,
+      status: dateEnd.status,
+      reversed: isReversed
+    }));
+  }
+  if (dateStart) {
+    return /*#__PURE__*/React__default.createElement(FieldMessage, {
+      id: dateStartId,
+      message: dateStart.message,
+      status: dateStart.status,
+      reversed: isReversed
+    });
+  }
+  if (dateEnd) {
+    return /*#__PURE__*/React__default.createElement(FieldMessage, {
+      id: dateEndId,
+      message: dateEnd.message,
+      status: dateEnd.status,
+      reversed: isReversed
+    });
+  }
+  return null;
+};
+DateRangeValidationMessage.displayName = 'DateRangeValidationMessage';
 export { DateRangeValidationMessage };

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useReducer, useEffect } from 'react';
+import React__default, { useReducer, useEffect } from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import '../../../../Calendar/CalendarSingle/CalendarSingle.mjs';
@@ -18,224 +18,221 @@ import { useEndDateValidation } from './hooks/useEndDateValidation.mjs';
 import { useStartDateValidation } from './hooks/useStartDateValidation.mjs';
 import { isValidRange } from './utils/isValidRange.mjs';
 import modules_a5a6c111 from './FilterDateRangePickerField.module.scss.mjs';
-const FilterDateRangePickerField = /*#__PURE__*/function () {
-  const FilterDateRangePickerField = function (_a) {
-    var _b, _c;
-    var id = _a.id,
-      label = _a.label,
-      propsLocale = _a.locale,
-      defaultMonth = _a.defaultMonth,
-      selectedRange = _a.selectedRange,
-      onRangeChange = _a.onRangeChange,
-      disabledDays = _a.disabledDays,
-      inputStartDateProps = _a.inputStartDateProps,
-      inputEndDateProps = _a.inputEndDateProps,
-      description = _a.description,
-      validationMessage = _a.validationMessage,
-      onValidate = _a.onValidate,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["id", "label", "locale", "defaultMonth", "selectedRange", "onRangeChange", "disabledDays", "inputStartDateProps", "inputEndDateProps", "description", "validationMessage", "onValidate", "classNameOverride"]);
-    var formatMessage = useIntl().formatMessage;
-    var locale = getLocale(propsLocale);
-    var queries = useMediaQueries().queries;
-    var translatedDateFrom = formatMessage({
-      id: 'filterDateRangePicker.dateFrom',
-      defaultMessage: 'Date from',
-      description: "Label for the 'Date from' field"
-    });
-    var translatedDateTo = formatMessage({
-      id: 'filterDateRangePicker.dateTo',
-      defaultMessage: 'Date to',
-      description: "Label for the 'date to' field"
-    });
-    var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === void 0 ? void 0 : inputStartDateProps.labelText) !== null && _b !== void 0 ? _b : translatedDateFrom;
-    var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === void 0 ? void 0 : inputEndDateProps.labelText) !== null && _c !== void 0 ? _c : translatedDateTo;
-    var transformDateToInputValue = function (date) {
-      return date ? formatDateAsText(date, disabledDays, locale) : '';
-    };
-    var handleDateRangeChange = function (dateRange) {
-      onRangeChange(dateRange);
-    };
-    var dateStartValidation = useStartDateValidation({
-      inputLabel: inputStartDateLabel,
-      disabledDays: disabledDays,
-      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart,
-      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateStart
+var FilterDateRangePickerField = function (_a) {
+  var _b, _c;
+  var id = _a.id,
+    label = _a.label,
+    propsLocale = _a.locale,
+    defaultMonth = _a.defaultMonth,
+    selectedRange = _a.selectedRange,
+    onRangeChange = _a.onRangeChange,
+    disabledDays = _a.disabledDays,
+    inputStartDateProps = _a.inputStartDateProps,
+    inputEndDateProps = _a.inputEndDateProps,
+    description = _a.description,
+    validationMessage = _a.validationMessage,
+    onValidate = _a.onValidate,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["id", "label", "locale", "defaultMonth", "selectedRange", "onRangeChange", "disabledDays", "inputStartDateProps", "inputEndDateProps", "description", "validationMessage", "onValidate", "classNameOverride"]);
+  var formatMessage = useIntl().formatMessage;
+  var locale = getLocale(propsLocale);
+  var queries = useMediaQueries().queries;
+  var translatedDateFrom = formatMessage({
+    id: 'filterDateRangePicker.dateFrom',
+    defaultMessage: 'Date from',
+    description: "Label for the 'Date from' field"
+  });
+  var translatedDateTo = formatMessage({
+    id: 'filterDateRangePicker.dateTo',
+    defaultMessage: 'Date to',
+    description: "Label for the 'date to' field"
+  });
+  var inputStartDateLabel = (_b = inputStartDateProps === null || inputStartDateProps === void 0 ? void 0 : inputStartDateProps.labelText) !== null && _b !== void 0 ? _b : translatedDateFrom;
+  var inputEndDateLabel = (_c = inputEndDateProps === null || inputEndDateProps === void 0 ? void 0 : inputEndDateProps.labelText) !== null && _c !== void 0 ? _c : translatedDateTo;
+  var transformDateToInputValue = function (date) {
+    return date ? formatDateAsText(date, disabledDays, locale) : '';
+  };
+  var handleDateRangeChange = function (dateRange) {
+    onRangeChange(dateRange);
+  };
+  var dateStartValidation = useStartDateValidation({
+    inputLabel: inputStartDateLabel,
+    disabledDays: disabledDays,
+    validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart,
+    onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateStart
+  });
+  var dateEndValidation = useEndDateValidation({
+    inputLabel: inputEndDateLabel,
+    disabledDays: disabledDays,
+    validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd,
+    onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateEnd
+  });
+  var validateStartDate = function (date, inputValue) {
+    return dateStartValidation.validateDate({
+      date: date,
+      inputValue: inputValue
     });
-    var dateEndValidation = useEndDateValidation({
-      inputLabel: inputEndDateLabel,
-      disabledDays: disabledDays,
-      validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd,
-      onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateEnd
+  };
+  var validateEndDate = function (date, inputValue) {
+    return dateEndValidation.validateDate({
+      endDate: date,
+      endDateInputValue: inputValue,
+      startDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
+      startDateFieldLabel: inputStartDateLabel
     });
-    var validateStartDate = function (date, inputValue) {
-      return dateStartValidation.validateDate({
-        date: date,
-        inputValue: inputValue
-      });
-    };
-    var validateEndDate = function (date, inputValue) {
-      return dateEndValidation.validateDate({
-        endDate: date,
-        endDateInputValue: inputValue,
-        startDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
-        startDateFieldLabel: inputStartDateLabel
+  };
+  var _d = useReducer(filterDatePickerFieldReducer, {
+      selectedStartDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
+      selectedEndDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to,
+      inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from),
+      inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to),
+      startMonth: (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : new Date()
+    }),
+    state = _d[0],
+    dispatch = _d[1];
+  var inputStartDateHandlers = useDateInputHandlers(__assign({
+    locale: locale,
+    disabledDays: disabledDays,
+    setInputValue: function (value) {
+      dispatch({
+        type: 'update_input_start_field',
+        inputValue: value
       });
-    };
-    var _d = useReducer(filterDatePickerFieldReducer, {
-        selectedStartDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
-        selectedEndDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to,
-        inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from),
-        inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to),
-        startMonth: (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : new Date()
-      }),
-      state = _d[0],
-      dispatch = _d[1];
-    var inputStartDateHandlers = useDateInputHandlers(__assign({
-      locale: locale,
-      disabledDays: disabledDays,
-      setInputValue: function (value) {
-        dispatch({
-          type: 'update_input_start_field',
-          inputValue: value
-        });
-      },
-      onDateChange: function (date) {
-        var newDate = validateStartDate(date, state.inputStartValue);
-        // We need to parse the date from the input field due to the
-        // state.selectedEndDate being set to undefined whenever range is invalid
-        var endDate = parseDateFromTextFormatValue(state.inputEndValue, locale);
-        var isRangeValid = isValidRange(newDate, endDate);
-        dispatch({
-          type: 'update_selected_start_date',
-          date: newDate
-        });
-        // If the range ends up being invalid due to the change in start date
-        // we need to remove the end date as its now deemed invalid.
-        dispatch({
-          type: 'update_selected_end_date',
-          date: isRangeValid ? endDate : undefined
-        });
-        handleDateRangeChange({
-          from: newDate,
-          to: isRangeValid ? endDate : undefined
-        });
-        if (newDate && endDate && !isInvalidDate(endDate)) {
-          // Update validation messages
-          dateEndValidation.validateEndDateBeforeStartDate({
-            startDate: newDate,
-            startDateFieldLabel: inputStartDateLabel,
-            endDate: endDate,
-            endDateInputValue: state.inputEndValue
-          });
-        }
-      }
-    }, inputStartDateProps));
-    var inputEndDateHandlers = useDateInputHandlers(__assign({
-      locale: locale,
-      disabledDays: disabledDays,
-      setInputValue: function (value) {
-        dispatch({
-          type: 'update_input_end_field',
-          inputValue: value
-        });
-      },
-      onDateChange: function (date) {
-        var startDate = state.selectedStartDate;
-        var newEndDate = validateEndDate(date, state.inputEndValue);
-        var isRangeValid = isValidRange(startDate, newEndDate);
-        dispatch({
-          type: 'update_selected_end_date',
-          date: isRangeValid ? newEndDate : undefined
-        });
-        handleDateRangeChange({
-          from: startDate,
-          to: isRangeValid ? newEndDate : undefined
-        });
-      }
-    }, inputEndDateProps));
-    var handleCalendarSelectRange = function (range) {
-      var inputStartValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.from);
-      var inputEndValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.to);
-      var newStartDate = validateStartDate(range === null || range === void 0 ? void 0 : range.from, inputStartValue);
-      var newEndDate = validateEndDate(range === null || range === void 0 ? void 0 : range.to, inputEndValue);
+    },
+    onDateChange: function (date) {
+      var newDate = validateStartDate(date, state.inputStartValue);
+      // We need to parse the date from the input field due to the
+      // state.selectedEndDate being set to undefined whenever range is invalid
+      var endDate = parseDateFromTextFormatValue(state.inputEndValue, locale);
+      var isRangeValid = isValidRange(newDate, endDate);
       dispatch({
         type: 'update_selected_start_date',
-        date: newStartDate,
-        inputValue: inputStartValue
+        date: newDate
       });
+      // If the range ends up being invalid due to the change in start date
+      // we need to remove the end date as its now deemed invalid.
       dispatch({
         type: 'update_selected_end_date',
-        date: newEndDate,
-        inputValue: inputEndValue
+        date: isRangeValid ? endDate : undefined
       });
       handleDateRangeChange({
-        from: newStartDate,
-        to: newEndDate
+        from: newDate,
+        to: isRangeValid ? endDate : undefined
       });
-    };
-    useEffect(function () {
-      if (inputStartDateLabel === ' ' || inputEndDateLabel === ' ') {
-        // Translations are loading
-        return;
-      }
-      if (state.inputStartValue === '' && state.inputEndValue === '') {
-        return;
-      }
-      var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, state.inputStartValue);
-      var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to, state.inputEndValue);
-      if (newStartDate && !isValidRange(newStartDate, newEndDate)) {
-        dispatch({
-          type: 'update_selected_end_date',
-          date: undefined
+      if (newDate && endDate && !isInvalidDate(endDate)) {
+        // Update validation messages
+        dateEndValidation.validateEndDateBeforeStartDate({
+          startDate: newDate,
+          startDateFieldLabel: inputStartDateLabel,
+          endDate: endDate,
+          endDateInputValue: state.inputEndValue
         });
       }
+    }
+  }, inputStartDateProps));
+  var inputEndDateHandlers = useDateInputHandlers(__assign({
+    locale: locale,
+    disabledDays: disabledDays,
+    setInputValue: function (value) {
+      dispatch({
+        type: 'update_input_end_field',
+        inputValue: value
+      });
+    },
+    onDateChange: function (date) {
+      var startDate = state.selectedStartDate;
+      var newEndDate = validateEndDate(date, state.inputEndValue);
+      var isRangeValid = isValidRange(startDate, newEndDate);
+      dispatch({
+        type: 'update_selected_end_date',
+        date: isRangeValid ? newEndDate : undefined
+      });
       handleDateRangeChange({
-        from: newStartDate,
-        to: newEndDate
+        from: startDate,
+        to: isRangeValid ? newEndDate : undefined
       });
-      // We only want to run this effect on the first render after translations have loaded
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputStartDateLabel, inputEndDateLabel]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_a5a6c111.filterDateRangePickerField, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement(DateRangeInputField, {
-      id: "".concat(id, "--input"),
-      legend: label,
-      inputStartDateProps: __assign(__assign({
-        labelText: inputStartDateLabel,
-        value: state.inputStartValue
-      }, inputStartDateProps), inputStartDateHandlers),
-      inputEndDateProps: __assign(__assign({
-        labelText: inputEndDateLabel,
-        value: state.inputEndValue
-      }, inputEndDateProps), inputEndDateHandlers),
-      locale: locale,
-      description: description,
-      validationMessage: {
-        dateStart: dateStartValidation.validationMessage,
-        dateEnd: dateEndValidation.validationMessage
-      },
-      classNameOverride: classnames(modules_a5a6c111.dateRangeInputField)
-    }), /*#__PURE__*/React.createElement(CalendarRange, {
-      disabled: disabledDays,
-      locale: locale,
-      selected: {
-        from: state.selectedStartDate,
-        to: state.selectedEndDate
-      },
-      onSelect: handleCalendarSelectRange,
-      month: state.startMonth,
-      numberOfMonths: queries.isSmall ? 1 : 2,
-      onMonthChange: function (value) {
-        return dispatch({
-          type: 'navigate_months',
-          date: value
-        });
-      }
-    }));
+    }
+  }, inputEndDateProps));
+  var handleCalendarSelectRange = function (range) {
+    var inputStartValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.from);
+    var inputEndValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.to);
+    var newStartDate = validateStartDate(range === null || range === void 0 ? void 0 : range.from, inputStartValue);
+    var newEndDate = validateEndDate(range === null || range === void 0 ? void 0 : range.to, inputEndValue);
+    dispatch({
+      type: 'update_selected_start_date',
+      date: newStartDate,
+      inputValue: inputStartValue
+    });
+    dispatch({
+      type: 'update_selected_end_date',
+      date: newEndDate,
+      inputValue: inputEndValue
+    });
+    handleDateRangeChange({
+      from: newStartDate,
+      to: newEndDate
+    });
   };
-  FilterDateRangePickerField.displayName = 'FilterDateRangePickerField';
-  return FilterDateRangePickerField;
-}();
+  useEffect(function () {
+    if (inputStartDateLabel === ' ' || inputEndDateLabel === ' ') {
+      // Translations are loading
+      return;
+    }
+    if (state.inputStartValue === '' && state.inputEndValue === '') {
+      return;
+    }
+    var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, state.inputStartValue);
+    var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to, state.inputEndValue);
+    if (newStartDate && !isValidRange(newStartDate, newEndDate)) {
+      dispatch({
+        type: 'update_selected_end_date',
+        date: undefined
+      });
+    }
+    handleDateRangeChange({
+      from: newStartDate,
+      to: newEndDate
+    });
+    // We only want to run this effect on the first render after translations have loaded
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputStartDateLabel, inputEndDateLabel]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_a5a6c111.filterDateRangePickerField, classNameOverride)
+  }, restProps), /*#__PURE__*/React__default.createElement(DateRangeInputField, {
+    id: "".concat(id, "--input"),
+    legend: label,
+    inputStartDateProps: __assign(__assign({
+      labelText: inputStartDateLabel,
+      value: state.inputStartValue
+    }, inputStartDateProps), inputStartDateHandlers),
+    inputEndDateProps: __assign(__assign({
+      labelText: inputEndDateLabel,
+      value: state.inputEndValue
+    }, inputEndDateProps), inputEndDateHandlers),
+    locale: locale,
+    description: description,
+    validationMessage: {
+      dateStart: dateStartValidation.validationMessage,
+      dateEnd: dateEndValidation.validationMessage
+    },
+    classNameOverride: classnames(modules_a5a6c111.dateRangeInputField)
+  }), /*#__PURE__*/React__default.createElement(CalendarRange, {
+    disabled: disabledDays,
+    locale: locale,
+    selected: {
+      from: state.selectedStartDate,
+      to: state.selectedEndDate
+    },
+    onSelect: handleCalendarSelectRange,
+    month: state.startMonth,
+    numberOfMonths: queries.isSmall ? 1 : 2,
+    onMonthChange: function (value) {
+      return dispatch({
+        type: 'navigate_months',
+        date: value
+      });
+    }
+  }));
+};
+FilterDateRangePickerField.displayName = 'FilterDateRangePickerField';
 export { FilterDateRangePickerField };

package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { FormattedMessage } from '@cultureamp/i18n-react-intl';
 import { getNodeText } from '../../../../../utils/getNodeText.mjs';
 import { isValidRange } from './isValidRange.mjs';
@@ -22,7 +22,7 @@ var validateEndDateBeforeStartDate = function (_a) {
       validationResponse: __assign(__assign({}, baseResponse), {
         validationMessage: {
           status: 'error',
-          message: (/*#__PURE__*/React.createElement(FormattedMessage, {
+          message: (/*#__PURE__*/React__default.createElement(FormattedMessage, {
             id: "date.validation.rangeEndBeforeRangeStart",
             defaultMessage: 'Cannot be earlier than the selection in "{startDateFieldLabel}"',
             description: "Error message when the user tries to select an end date earlier than the start date",