@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/DatePicker/DatePicker.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId, useRef, useState, useEffect } from 'react';
+import React__default, { useId, useRef, useState, useEffect } from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { mergeRefs } from '@react-aria/utils';
 import { FocusOn } from 'react-focus-on';
@@ -24,222 +24,219 @@ import { validateDate } from './utils/validateDate.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
  */
-const DatePicker = /*#__PURE__*/function () {
-  const DatePicker = function (_a) {
-    var propsId = _a.id,
-      propsInputRef = _a.inputRef,
-      propsButtonRef = _a.buttonRef,
-      _b = _a.locale,
-      propsLocale = _b === void 0 ? 'en-AU' : _b,
-      disabledDates = _a.disabledDates,
-      disabledDaysOfWeek = _a.disabledDaysOfWeek,
-      disabledRange = _a.disabledRange,
-      disabledBeforeAfter = _a.disabledBeforeAfter,
-      disabledBefore = _a.disabledBefore,
-      disabledAfter = _a.disabledAfter,
-      weekStartsOn = _a.weekStartsOn,
-      defaultMonth = _a.defaultMonth,
-      selectedDay = _a.selectedDay,
-      status = _a.status,
-      validationMessage = _a.validationMessage,
-      onInputClick = _a.onInputClick,
-      onInputFocus = _a.onInputFocus,
-      onInputChange = _a.onInputChange,
-      onInputBlur = _a.onInputBlur,
-      onButtonClick = _a.onButtonClick,
-      onDayChange = _a.onDayChange,
-      onValidate = _a.onValidate,
-      restDateInputFieldProps = __rest(_a, ["id", "inputRef", "buttonRef", "locale", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDay", "status", "validationMessage", "onInputClick", "onInputFocus", "onInputChange", "onInputBlur", "onButtonClick", "onDayChange", "onValidate"]);
-    var formatMessage = useIntl().formatMessage;
-    var calendarLabelDesc = formatMessage({
-      id: 'datePicker.calendarLabelDescription',
-      defaultMessage: 'Select date from calendar for:',
-      description: 'Label for the search input'
-    });
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var containerRef = useRef(null);
-    var internalInputRef = useRef(null);
-    var fallbackButtonRef = useRef(null);
-    var buttonRef = propsButtonRef !== null && propsButtonRef !== void 0 ? propsButtonRef : fallbackButtonRef;
-    var dateInputRefs = useRef({
-      inputRef: mergeRefs(internalInputRef, propsInputRef),
-      buttonRef: buttonRef
-    });
-    var _c = useState(''),
-      inputValue = _c[0],
-      setInputValue = _c[1];
-    var _d = useState(false),
-      isOpen = _d[0],
-      setIsOpen = _d[1];
-    var _e = useState(),
-      lastTrigger = _e[0],
-      setLastTrigger = _e[1];
-    var _f = useState(),
-      inbuiltStatus = _f[0],
-      setInbuiltStatus = _f[1];
-    var _g = useState(),
-      inbuiltValidationMessage = _g[0],
-      setInbuiltValidationMessage = _g[1];
-    var shouldUseInbuiltValidation = onValidate === undefined;
-    var locale = getLocale(propsLocale);
-    var disabledDays = calculateDisabledDays({
-      disabledDates: disabledDates,
-      disabledDaysOfWeek: disabledDaysOfWeek,
-      disabledRange: disabledRange,
-      disabledBeforeAfter: disabledBeforeAfter,
-      disabledBefore: disabledBefore,
-      disabledAfter: disabledAfter
-    });
-    var handleValidation = function (validationResponse) {
-      if (shouldUseInbuiltValidation) {
-        setInbuiltStatus(validationResponse.status);
-        setInbuiltValidationMessage(validationResponse.validationMessage);
-      } else {
-        onValidate(validationResponse);
-      }
-    };
-    var handleDayChange = function (date, newInputValue) {
-      var _a = validateDate({
-          date: date,
-          inputValue: newInputValue,
-          disabledDays: disabledDays
-        }),
-        validationResponse = _a.validationResponse,
-        newDate = _a.newDate;
-      handleValidation(validationResponse);
-      onDayChange(newDate);
-    };
-    var handleCalendarDayChange = function (date) {
-      if (!isDisabledDate(date, disabledDays)) {
-        var newInputValue = lastTrigger === 'calendarButton' ? formatDateAsText(date, disabledDays, locale) : formatDateAsNumeral(date, locale);
-        setInputValue(newInputValue);
-        handleDayChange(date);
-        setIsOpen(false);
-      }
-    };
-    var handleInputClick = function (e) {
-      setIsOpen(true);
-      onInputClick === null || onInputClick === void 0 ? void 0 : onInputClick(e);
-    };
-    var handleInputFocus = function (e) {
-      setLastTrigger('inputFocus');
-      if (selectedDay) {
-        var newInputValue = formatDateAsNumeral(selectedDay, locale);
-        setInputValue(newInputValue);
-      }
-      onInputFocus === null || onInputFocus === void 0 ? void 0 : onInputFocus(e);
-    };
-    var handleInputChange = function (e) {
-      setInputValue(e.target.value);
-      onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
-    };
-    var handleInputBlur = function (e) {
-      if (isSelectingDayInCalendar(e.relatedTarget)) return;
-      if (inputValue !== '') {
-        var parsedDate = parseDateAsTextOrNumeral(inputValue, locale);
-        if (!isInvalidDate(parsedDate)) {
-          setInputValue(formatDateAsText(parsedDate, disabledDays, locale));
-        }
-        handleDayChange(parsedDate, inputValue);
-        onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
-        return;
+var DatePicker = function (_a) {
+  var propsId = _a.id,
+    propsInputRef = _a.inputRef,
+    propsButtonRef = _a.buttonRef,
+    _b = _a.locale,
+    propsLocale = _b === void 0 ? 'en-AU' : _b,
+    disabledDates = _a.disabledDates,
+    disabledDaysOfWeek = _a.disabledDaysOfWeek,
+    disabledRange = _a.disabledRange,
+    disabledBeforeAfter = _a.disabledBeforeAfter,
+    disabledBefore = _a.disabledBefore,
+    disabledAfter = _a.disabledAfter,
+    weekStartsOn = _a.weekStartsOn,
+    defaultMonth = _a.defaultMonth,
+    selectedDay = _a.selectedDay,
+    status = _a.status,
+    validationMessage = _a.validationMessage,
+    onInputClick = _a.onInputClick,
+    onInputFocus = _a.onInputFocus,
+    onInputChange = _a.onInputChange,
+    onInputBlur = _a.onInputBlur,
+    onButtonClick = _a.onButtonClick,
+    onDayChange = _a.onDayChange,
+    onValidate = _a.onValidate,
+    restDateInputFieldProps = __rest(_a, ["id", "inputRef", "buttonRef", "locale", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDay", "status", "validationMessage", "onInputClick", "onInputFocus", "onInputChange", "onInputBlur", "onButtonClick", "onDayChange", "onValidate"]);
+  var formatMessage = useIntl().formatMessage;
+  var calendarLabelDesc = formatMessage({
+    id: 'datePicker.calendarLabelDescription',
+    defaultMessage: 'Select date from calendar for:',
+    description: 'Label for the search input'
+  });
+  var reactId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var containerRef = useRef(null);
+  var internalInputRef = useRef(null);
+  var fallbackButtonRef = useRef(null);
+  var buttonRef = propsButtonRef !== null && propsButtonRef !== void 0 ? propsButtonRef : fallbackButtonRef;
+  var dateInputRefs = useRef({
+    inputRef: mergeRefs(internalInputRef, propsInputRef),
+    buttonRef: buttonRef
+  });
+  var _c = useState(''),
+    inputValue = _c[0],
+    setInputValue = _c[1];
+  var _d = useState(false),
+    isOpen = _d[0],
+    setIsOpen = _d[1];
+  var _e = useState(),
+    lastTrigger = _e[0],
+    setLastTrigger = _e[1];
+  var _f = useState(),
+    inbuiltStatus = _f[0],
+    setInbuiltStatus = _f[1];
+  var _g = useState(),
+    inbuiltValidationMessage = _g[0],
+    setInbuiltValidationMessage = _g[1];
+  var shouldUseInbuiltValidation = onValidate === undefined;
+  var locale = getLocale(propsLocale);
+  var disabledDays = calculateDisabledDays({
+    disabledDates: disabledDates,
+    disabledDaysOfWeek: disabledDaysOfWeek,
+    disabledRange: disabledRange,
+    disabledBeforeAfter: disabledBeforeAfter,
+    disabledBefore: disabledBefore,
+    disabledAfter: disabledAfter
+  });
+  var handleValidation = function (validationResponse) {
+    if (shouldUseInbuiltValidation) {
+      setInbuiltStatus(validationResponse.status);
+      setInbuiltValidationMessage(validationResponse.validationMessage);
+    } else {
+      onValidate(validationResponse);
+    }
+  };
+  var handleDayChange = function (date, newInputValue) {
+    var _a = validateDate({
+        date: date,
+        inputValue: newInputValue,
+        disabledDays: disabledDays
+      }),
+      validationResponse = _a.validationResponse,
+      newDate = _a.newDate;
+    handleValidation(validationResponse);
+    onDayChange(newDate);
+  };
+  var handleCalendarDayChange = function (date) {
+    if (!isDisabledDate(date, disabledDays)) {
+      var newInputValue = lastTrigger === 'calendarButton' ? formatDateAsText(date, disabledDays, locale) : formatDateAsNumeral(date, locale);
+      setInputValue(newInputValue);
+      handleDayChange(date);
+      setIsOpen(false);
+    }
+  };
+  var handleInputClick = function (e) {
+    setIsOpen(true);
+    onInputClick === null || onInputClick === void 0 ? void 0 : onInputClick(e);
+  };
+  var handleInputFocus = function (e) {
+    setLastTrigger('inputFocus');
+    if (selectedDay) {
+      var newInputValue = formatDateAsNumeral(selectedDay, locale);
+      setInputValue(newInputValue);
+    }
+    onInputFocus === null || onInputFocus === void 0 ? void 0 : onInputFocus(e);
+  };
+  var handleInputChange = function (e) {
+    setInputValue(e.target.value);
+    onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
+  };
+  var handleInputBlur = function (e) {
+    if (isSelectingDayInCalendar(e.relatedTarget)) return;
+    if (inputValue !== '') {
+      var parsedDate = parseDateAsTextOrNumeral(inputValue, locale);
+      if (!isInvalidDate(parsedDate)) {
+        setInputValue(formatDateAsText(parsedDate, disabledDays, locale));
       }
-      handleDayChange(undefined, inputValue);
+      handleDayChange(parsedDate, inputValue);
       onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
-    };
-    var handleKeyDown = function (e) {
-      if (e.key === 'Enter') {
-        setIsOpen(false);
-        var parsedDate = parseDateAsTextOrNumeral(inputValue, locale);
-        handleDayChange(parsedDate, e.currentTarget.value);
-      }
-      if (e.key === 'ArrowDown' || e.key === 'ArrowDown' && e.altKey === true) {
-        e.preventDefault();
-        setIsOpen(true);
-        setLastTrigger('inputKeydown');
-      }
-    };
-    var handleButtonClick = function (e) {
-      setIsOpen(!isOpen);
-      setLastTrigger('calendarButton');
-      onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(e);
-    };
-    var handleCalendarMount = function (calendarElement) {
-      if (lastTrigger === 'inputFocus') return;
-      setFocusInCalendar(calendarElement, selectedDay);
-    };
-    var handleReturnFocus = function () {
-      var _a, _b;
-      if (lastTrigger === 'inputKeydown' || lastTrigger === 'inputFocus') {
-        return (_a = internalInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      }
-      (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-    };
-    useEffect(function () {
-      if (selectedDay) {
-        setInputValue(formatDateAsText(selectedDay, disabledDays, locale));
-        var formattedDate = formatDateAsNumeral(selectedDay, locale);
-        var validationResponse = validateDate({
-          date: selectedDay,
-          inputValue: formattedDate,
-          disabledDays: disabledDays
-        }).validationResponse;
-        if (!validationResponse.isValidDate && !validationResponse.isEmpty) {
-          handleValidation(validationResponse);
-        }
-      }
-      // @todo: Fix if possible - avoiding breaking in eslint upgrade
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedDay]);
-    var calendarId = "".concat(id, "-calendar-dialog");
-    return /*#__PURE__*/React.createElement(FocusOn, {
-      scrollLock: false,
-      returnFocus: false,
-      onDeactivation: handleReturnFocus,
-      onClickOutside: function () {
-        return setIsOpen(false);
-      },
-      onEscapeKey: function () {
-        return setIsOpen(false);
-      },
-      enabled: isOpen
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: containerRef
-    }, /*#__PURE__*/React.createElement(DateInputField, __assign({
-      ref: dateInputRefs,
-      id: id,
-      role: "combobox",
-      "aria-haspopup": "dialog",
-      "aria-expanded": isOpen,
-      "aria-controls": calendarId,
-      value: inputValue,
-      locale: locale,
-      onButtonClick: handleButtonClick,
-      onClick: handleInputClick,
-      onFocus: handleInputFocus,
-      onChange: handleInputChange,
-      onBlur: handleInputBlur,
-      onKeyDown: handleKeyDown,
-      status: status !== undefined || !shouldUseInbuiltValidation ? status : inbuiltStatus,
-      validationMessage: validationMessage !== undefined || !shouldUseInbuiltValidation ? validationMessage : inbuiltValidationMessage
-    }, restDateInputFieldProps))), isOpen && (/*#__PURE__*/React.createElement(CalendarPopover, {
-      referenceElement: containerRef.current,
-      "aria-labelledby": "".concat(id, "-calendar-label ").concat(id, "-input-label")
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VisuallyHidden, {
-      id: "".concat(id, "-calendar-label")
-    }, calendarLabelDesc), /*#__PURE__*/React.createElement(CalendarSingle, {
-      id: calendarId,
-      selected: selectedDay,
-      defaultMonth: defaultMonth,
-      weekStartsOn: weekStartsOn,
-      disabled: disabledDays,
-      locale: locale,
-      onDayClick: handleCalendarDayChange,
-      onMount: handleCalendarMount
-    })))));
+      return;
+    }
+    handleDayChange(undefined, inputValue);
+    onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+  };
+  var handleKeyDown = function (e) {
+    if (e.key === 'Enter') {
+      setIsOpen(false);
+      var parsedDate = parseDateAsTextOrNumeral(inputValue, locale);
+      handleDayChange(parsedDate, e.currentTarget.value);
+    }
+    if (e.key === 'ArrowDown' || e.key === 'ArrowDown' && e.altKey === true) {
+      e.preventDefault();
+      setIsOpen(true);
+      setLastTrigger('inputKeydown');
+    }
+  };
+  var handleButtonClick = function (e) {
+    setIsOpen(!isOpen);
+    setLastTrigger('calendarButton');
+    onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(e);
+  };
+  var handleCalendarMount = function (calendarElement) {
+    if (lastTrigger === 'inputFocus') return;
+    setFocusInCalendar(calendarElement, selectedDay);
   };
-  DatePicker.displayName = 'DatePicker';
-  return DatePicker;
-}();
+  var handleReturnFocus = function () {
+    var _a, _b;
+    if (lastTrigger === 'inputKeydown' || lastTrigger === 'inputFocus') {
+      return (_a = internalInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+  };
+  useEffect(function () {
+    if (selectedDay) {
+      setInputValue(formatDateAsText(selectedDay, disabledDays, locale));
+      var formattedDate = formatDateAsNumeral(selectedDay, locale);
+      var validationResponse = validateDate({
+        date: selectedDay,
+        inputValue: formattedDate,
+        disabledDays: disabledDays
+      }).validationResponse;
+      if (!validationResponse.isValidDate && !validationResponse.isEmpty) {
+        handleValidation(validationResponse);
+      }
+    }
+    // @todo: Fix if possible - avoiding breaking in eslint upgrade
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedDay]);
+  var calendarId = "".concat(id, "-calendar-dialog");
+  return /*#__PURE__*/React__default.createElement(FocusOn, {
+    scrollLock: false,
+    returnFocus: false,
+    onDeactivation: handleReturnFocus,
+    onClickOutside: function () {
+      return setIsOpen(false);
+    },
+    onEscapeKey: function () {
+      return setIsOpen(false);
+    },
+    enabled: isOpen
+  }, /*#__PURE__*/React__default.createElement("div", {
+    ref: containerRef
+  }, /*#__PURE__*/React__default.createElement(DateInputField, __assign({
+    ref: dateInputRefs,
+    id: id,
+    role: "combobox",
+    "aria-haspopup": "dialog",
+    "aria-expanded": isOpen,
+    "aria-controls": calendarId,
+    value: inputValue,
+    locale: locale,
+    onButtonClick: handleButtonClick,
+    onClick: handleInputClick,
+    onFocus: handleInputFocus,
+    onChange: handleInputChange,
+    onBlur: handleInputBlur,
+    onKeyDown: handleKeyDown,
+    status: status !== undefined || !shouldUseInbuiltValidation ? status : inbuiltStatus,
+    validationMessage: validationMessage !== undefined || !shouldUseInbuiltValidation ? validationMessage : inbuiltValidationMessage
+  }, restDateInputFieldProps))), isOpen && (/*#__PURE__*/React__default.createElement(CalendarPopover, {
+    referenceElement: containerRef.current,
+    "aria-labelledby": "".concat(id, "-calendar-label ").concat(id, "-input-label")
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(VisuallyHidden, {
+    id: "".concat(id, "-calendar-label")
+  }, calendarLabelDesc), /*#__PURE__*/React__default.createElement(CalendarSingle, {
+    id: calendarId,
+    selected: selectedDay,
+    defaultMonth: defaultMonth,
+    weekStartsOn: weekStartsOn,
+    disabled: disabledDays,
+    locale: locale,
+    onDayClick: handleCalendarDayChange,
+    onMount: handleCalendarMount
+  })))));
+};
+DatePicker.displayName = 'DatePicker';
 export { DatePicker };

package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classnames from 'classnames';
 import { enAU } from 'date-fns/locale';
 import '../../../DateInput/DateInput/DateInput.mjs';
@@ -7,48 +7,45 @@ import { DateInputDescription } from '../../../DateInput/DateInputDescription/Da
 import { DateInputWithIconButton } from '../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs';
 import { FieldMessage } from '../../../FieldMessage/FieldMessage.mjs';
 import modules_344a2e8a from './DateInputField.module.css.mjs';
-const DateInputField = /*#__PURE__*/function () {
-  const DateInputField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var description = _a.description,
-      status = _a.status,
-      validationMessage = _a.validationMessage,
-      _b = _a.locale,
-      locale = _b === void 0 ? enAU : _b,
-      propsId = _a.id,
-      disabled = _a.disabled,
-      _c = _a.isReversed,
-      isReversed = _c === void 0 ? false : _c,
-      classNameOverride = _a.classNameOverride,
-      dateInputWithIconButtonProps = __rest(_a, ["description", "status", "validationMessage", "locale", "id", "disabled", "isReversed", "classNameOverride"]);
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var descriptionId = "".concat(id, "-field-message");
-    var shouldShowValidationMessage = !disabled && validationMessage;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNameOverride
-    }, /*#__PURE__*/React.createElement(DateInputWithIconButton, __assign({
-      ref: ref,
-      id: id,
-      "aria-describedby": descriptionId,
-      status: status,
-      disabled: disabled,
-      isReversed: isReversed
-    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
-      message: validationMessage,
-      status: status,
-      reversed: isReversed
-    })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(disabled && modules_344a2e8a.disabled)
-    }, /*#__PURE__*/React.createElement(FieldMessage, {
-      id: descriptionId,
-      message: /*#__PURE__*/React.createElement(DateInputDescription, {
-        description: description,
-        locale: locale
-      }),
-      reversed: isReversed
-    })));
-  });
-  DateInputField.displayName = 'DateInputField';
-  return DateInputField;
-}();
+var DateInputField = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var description = _a.description,
+    status = _a.status,
+    validationMessage = _a.validationMessage,
+    _b = _a.locale,
+    locale = _b === void 0 ? enAU : _b,
+    propsId = _a.id,
+    disabled = _a.disabled,
+    _c = _a.isReversed,
+    isReversed = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    dateInputWithIconButtonProps = __rest(_a, ["description", "status", "validationMessage", "locale", "id", "disabled", "isReversed", "classNameOverride"]);
+  var reactId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var descriptionId = "".concat(id, "-field-message");
+  var shouldShowValidationMessage = !disabled && validationMessage;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNameOverride
+  }, /*#__PURE__*/React__default.createElement(DateInputWithIconButton, __assign({
+    ref: ref,
+    id: id,
+    "aria-describedby": descriptionId,
+    status: status,
+    disabled: disabled,
+    isReversed: isReversed
+  }, dateInputWithIconButtonProps)), shouldShowValidationMessage && (/*#__PURE__*/React__default.createElement(FieldMessage, {
+    message: validationMessage,
+    status: status,
+    reversed: isReversed
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(disabled && modules_344a2e8a.disabled)
+  }, /*#__PURE__*/React__default.createElement(FieldMessage, {
+    id: descriptionId,
+    message: /*#__PURE__*/React__default.createElement(DateInputDescription, {
+      description: description,
+      locale: locale
+    }),
+    reversed: isReversed
+  })));
+});
+DateInputField.displayName = 'DateInputField';
 export { DateInputField };

package/dist/esm/src/DatePicker/utils/validateDate.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 '../../Calendar/CalendarSingle/CalendarSingle.mjs';
 import '../../Calendar/CalendarRange/CalendarRange.mjs';
@@ -32,14 +32,14 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: inputValue ? (/*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: inputValue ? (/*#__PURE__*/React__default.createElement(FormattedMessage, {
           id: "date.validation.invalidDateWithValue",
           defaultMessage: "{inputValue} is an invalid date",
           description: "Error message when the user enters an invalid date and we know their input value",
           values: {
             inputValue: inputValue
           }
-        })) : (/*#__PURE__*/React.createElement(FormattedMessage, {
+        })) : (/*#__PURE__*/React__default.createElement(FormattedMessage, {
           id: "date.validation.invalidDate",
           defaultMessage: "Date is invalid",
           description: "Error message when the user enters an invalid date and we do not know their input value"
@@ -53,7 +53,7 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: (/*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: (/*#__PURE__*/React__default.createElement(FormattedMessage, {
           id: "date.validation.unavailableDate",
           defaultMessage: "{inputValue} is not available, try another date",
           description: "Error message when the user tries to select a date that is unavailable",