@kaizen/components 1.27.0 → 1.29.0

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -0,0 +1,232 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var reactFocusOn = require('react-focus-on');
+var CalendarSingle = require('../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../Calendar/CalendarRange/CalendarRange.cjs');
+var calculateDisabledDays = require('../Calendar/utils/calculateDisabledDays.cjs');
+var formatDateAsNumeral = require('../Calendar/utils/formatDateAsNumeral.cjs');
+var formatDateAsText = require('../Calendar/utils/formatDateAsText.cjs');
+var isDisabledDate = require('../Calendar/utils/isDisabledDate.cjs');
+var isInvalidDate = require('../Calendar/utils/isInvalidDate.cjs');
+var isSelectingDayInCalendar = require('../Calendar/utils/isSelectingDayInCalendar.cjs');
+var parseDateAsTextOrNumeral = require('../Calendar/utils/parseDateAsTextOrNumeral.cjs');
+require('date-fns');
+var setFocusInCalendar = require('../Calendar/utils/setFocusInCalendar.cjs');
+var CalendarPopover = require('../Calendar/CalendarPopover/CalendarPopover.cjs');
+var DateInputField = require('./subcomponents/DateInputField/DateInputField.cjs');
+var getLocale = require('./utils/getLocale.cjs');
+var validateDate = require('./utils/validateDate.cjs');
+
+/**
+ * {@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,
+      _b = _a.buttonRef,
+      propsButtonRef = _b === void 0 ? React.useRef(null) : _b,
+      _c = _a.locale,
+      propsLocale = _c === void 0 ? "en-AU" : _c,
+      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 = tslib.__rest(_a, ["id", "buttonRef", "locale", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDay", "status", "validationMessage", "onInputClick", "onInputFocus", "onInputChange", "onInputBlur", "onButtonClick", "onDayChange", "onValidate"]);
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var containerRef = React.useRef(null);
+    var inputRef = React.useRef(null);
+    var buttonRef = React.useRef((propsButtonRef === null || propsButtonRef === void 0 ? void 0 : propsButtonRef.current) || null);
+    var dateInputRefs = React.useRef({
+      inputRef: inputRef,
+      buttonRef: buttonRef
+    });
+    var _d = React.useState(""),
+      inputValue = _d[0],
+      setInputValue = _d[1];
+    var _e = React.useState(false),
+      isOpen = _e[0],
+      setIsOpen = _e[1];
+    var _f = React.useState(),
+      lastTrigger = _f[0],
+      setLastTrigger = _f[1];
+    var _g = React.useState(),
+      inbuiltStatus = _g[0],
+      setInbuiltStatus = _g[1];
+    var _h = React.useState(),
+      inbuiltValidationMessage = _h[0],
+      setInbuiltValidationMessage = _h[1];
+    var shouldUseInbuiltValidation = onValidate === undefined;
+    var locale = getLocale.getLocale(propsLocale);
+    var disabledDays = calculateDisabledDays.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.validateDate({
+          date: date,
+          inputValue: newInputValue,
+          disabledDays: disabledDays
+        }),
+        validationResponse = _a.validationResponse,
+        newDate = _a.newDate;
+      handleValidation(validationResponse);
+      onDayChange(newDate);
+    };
+    var handleCalendarDayChange = function (date) {
+      if (!isDisabledDate.isDisabledDate(date, disabledDays)) {
+        var newInputValue = lastTrigger === "calendarButton" ? formatDateAsText.formatDateAsText(date, disabledDays, locale) : formatDateAsNumeral.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.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.isSelectingDayInCalendar(e.relatedTarget)) return;
+      if (inputValue !== "") {
+        var parsedDate = parseDateAsTextOrNumeral.parseDateAsTextOrNumeral(inputValue, locale);
+        if (!isInvalidDate.isInvalidDate(parsedDate)) {
+          setInputValue(formatDateAsText.formatDateAsText(parsedDate, disabledDays, locale));
+        }
+        handleDayChange(parsedDate, inputValue);
+        onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+        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.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.setFocusInCalendar(calendarElement, selectedDay);
+    };
+    var handleReturnFocus = function () {
+      var _a, _b;
+      if (lastTrigger === "inputKeydown" || lastTrigger === "inputFocus") {
+        return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      }
+      (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    React.useEffect(function () {
+      if (selectedDay) {
+        setInputValue(formatDateAsText.formatDateAsText(selectedDay, disabledDays, locale));
+        var formattedDate = formatDateAsNumeral.formatDateAsNumeral(selectedDay, locale);
+        var validationResponse = validateDate.validateDate({
+          date: selectedDay,
+          inputValue: formattedDate,
+          disabledDays: disabledDays
+        }).validationResponse;
+        if (!validationResponse.isValidDate && !validationResponse.isEmpty) {
+          handleValidation(validationResponse);
+        }
+      }
+    }, [selectedDay]);
+    var calendarId = "".concat(id, "-calendar-dialog");
+    return React.createElement(reactFocusOn.FocusOn, {
+      scrollLock: false,
+      onDeactivation: handleReturnFocus,
+      onClickOutside: function () {
+        return setIsOpen(false);
+      },
+      onEscapeKey: function () {
+        return setIsOpen(false);
+      },
+      enabled: isOpen
+    }, React.createElement("div", {
+      ref: containerRef
+    }, React.createElement(DateInputField.DateInputField, tslib.__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 && React.createElement(CalendarPopover.CalendarPopover, {
+      referenceElement: containerRef.current
+    }, React.createElement(CalendarSingle.CalendarSingle, {
+      id: calendarId,
+      selected: selectedDay,
+      defaultMonth: defaultMonth,
+      weekStartsOn: weekStartsOn,
+      disabled: disabledDays,
+      locale: locale,
+      onDayClick: handleCalendarDayChange,
+      onMount: handleCalendarMount
+    })));
+  };
+  DatePicker.displayName = "DatePicker";
+  return DatePicker;
+}();
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=DatePicker.cjs.map

package/dist/cjs/DatePicker/DatePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n  CalendarSingle,\n  CalendarSingleElement,\n  CalendarSingleProps,\n  DisabledDayMatchers,\n  calculateDisabledDays,\n  formatDateAsNumeral,\n  formatDateAsText,\n  isDisabledDate,\n  isInvalidDate,\n  isSelectingDayInCalendar,\n  parseDateAsTextOrNumeral,\n  setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n  DateInputField,\n  DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n  | \"onClick\"\n  | \"onFocus\"\n  | \"onChange\"\n  | \"onBlur\"\n  | \"onButtonClick\"\n  | \"value\"\n  | \"locale\"\n  | \"id\"\n\nexport type DatePickerProps = {\n  id?: string\n  buttonRef?: RefObject<HTMLButtonElement>\n  onInputClick?: DateInputFieldProps[\"onClick\"]\n  onInputFocus?: DateInputFieldProps[\"onFocus\"]\n  onInputChange?: DateInputFieldProps[\"onChange\"]\n  onInputBlur?: DateInputFieldProps[\"onBlur\"]\n  onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n  locale?: DatePickerSupportedLocales\n  /**\n   * Accepts a DayOfWeek value to start the week on that day. By default,\n   * it's set to Monday.\n   */\n  weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n  /**\n   * Accepts a date to display that month on first render.\n   */\n  defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n  /**\n   *  The date passed in from the consumer that renders in the input and calendar.\n   */\n  selectedDay: Date | undefined\n  /**\n   * Callback when date is updated either by the calendar picker or by typing and bluring.\n   * Date will return as undefined if invalid or disabled.\n   */\n  onDayChange: (date: Date | undefined) => void\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: (validationResponse: ValidationResponse) => void\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: DateInputFieldProps[\"status\"] | undefined\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n  Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n  id: propsId,\n  buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n  locale: propsLocale = \"en-AU\",\n  disabledDates,\n  disabledDaysOfWeek,\n  disabledRange,\n  disabledBeforeAfter,\n  disabledBefore,\n  disabledAfter,\n  weekStartsOn,\n  defaultMonth,\n  selectedDay,\n  status,\n  validationMessage,\n  onInputClick,\n  onInputFocus,\n  onInputChange,\n  onInputBlur,\n  onButtonClick,\n  onDayChange,\n  onValidate,\n  ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const containerRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n  const dateInputRefs = useRef({\n    inputRef,\n    buttonRef,\n  })\n  const [inputValue, setInputValue] = useState<string>(\"\")\n  const [isOpen, setIsOpen] = useState(false)\n  const [lastTrigger, setLastTrigger] = useState<\n    \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n  >()\n  const [inbuiltStatus, setInbuiltStatus] = useState<\n    DateInputFieldProps[\"status\"] | undefined\n  >()\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    string | undefined\n  >()\n\n  const shouldUseInbuiltValidation = onValidate === undefined\n\n  const locale = getLocale(propsLocale)\n\n  const disabledDays = calculateDisabledDays({\n    disabledDates,\n    disabledDaysOfWeek,\n    disabledRange,\n    disabledBeforeAfter,\n    disabledBefore,\n    disabledAfter,\n  })\n\n  const handleValidation = (validationResponse: ValidationResponse): void => {\n    if (shouldUseInbuiltValidation) {\n      setInbuiltStatus(validationResponse.status)\n      setInbuiltValidationMessage(validationResponse.validationMessage)\n    } else {\n      onValidate(validationResponse)\n    }\n  }\n\n  const handleDayChange = (\n    date: Date | undefined,\n    newInputValue?: string\n  ): void => {\n    const { validationResponse, newDate } = validateDate({\n      date,\n      inputValue: newInputValue,\n      disabledDays,\n    })\n    handleValidation(validationResponse)\n    onDayChange(newDate)\n  }\n\n  const handleCalendarDayChange: DayClickEventHandler = date => {\n    if (!isDisabledDate(date, disabledDays)) {\n      const newInputValue =\n        lastTrigger === \"calendarButton\"\n          ? formatDateAsText(date, disabledDays, locale)\n          : formatDateAsNumeral(date, locale)\n\n      setInputValue(newInputValue)\n      handleDayChange(date)\n      setIsOpen(false)\n    }\n  }\n\n  const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n    setIsOpen(true)\n    onInputClick?.(e)\n  }\n\n  const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n    setLastTrigger(\"inputFocus\")\n    if (selectedDay) {\n      const newInputValue = formatDateAsNumeral(selectedDay, locale)\n      setInputValue(newInputValue)\n    }\n    onInputFocus?.(e)\n  }\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setInputValue(e.target.value)\n    onInputChange?.(e)\n  }\n\n  const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (inputValue !== \"\") {\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n      if (!isInvalidDate(parsedDate)) {\n        setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n      }\n\n      handleDayChange(parsedDate, inputValue)\n      onInputBlur?.(e)\n      return\n    }\n\n    handleDayChange(undefined, inputValue)\n    onInputBlur?.(e)\n  }\n\n  const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n    if (e.key === \"Enter\") {\n      setIsOpen(false)\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n      handleDayChange(parsedDate, e.currentTarget.value)\n    }\n\n    if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n      e.preventDefault()\n      setIsOpen(true)\n      setLastTrigger(\"inputKeydown\")\n    }\n  }\n\n  const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n    setIsOpen(!isOpen)\n    setLastTrigger(\"calendarButton\")\n    onButtonClick?.(e)\n  }\n\n  const handleCalendarMount = (\n    calendarElement: CalendarSingleElement\n  ): void => {\n    if (lastTrigger === \"inputFocus\") return\n    setFocusInCalendar(calendarElement, selectedDay)\n  }\n\n  const handleReturnFocus = (): void => {\n    if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n      return inputRef.current?.focus()\n    }\n    buttonRef.current?.focus()\n  }\n\n  useEffect(() => {\n    if (selectedDay) {\n      setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n      const formattedDate = formatDateAsNumeral(selectedDay, locale)\n      const { validationResponse } = validateDate({\n        date: selectedDay,\n        inputValue: formattedDate,\n        disabledDays,\n      })\n\n      if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n        handleValidation(validationResponse)\n      }\n    }\n  }, [selectedDay])\n\n  const calendarId = `${id}-calendar-dialog`\n\n  return (\n    <FocusOn\n      scrollLock={false}\n      onDeactivation={handleReturnFocus}\n      onClickOutside={(): void => setIsOpen(false)}\n      onEscapeKey={(): void => setIsOpen(false)}\n      enabled={isOpen}\n    >\n      <div ref={containerRef}>\n        <DateInputField\n          ref={dateInputRefs}\n          id={id}\n          role=\"combobox\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          aria-controls={calendarId}\n          value={inputValue}\n          locale={locale}\n          onButtonClick={handleButtonClick}\n          onClick={handleInputClick}\n          onFocus={handleInputFocus}\n          onChange={handleInputChange}\n          onBlur={handleInputBlur}\n          onKeyDown={handleKeyDown}\n          status={\n            status !== undefined || !shouldUseInbuiltValidation\n              ? status\n              : inbuiltStatus\n          }\n          validationMessage={\n            validationMessage !== undefined || !shouldUseInbuiltValidation\n              ? validationMessage\n              : inbuiltValidationMessage\n          }\n          {...restDateInputFieldProps}\n        />\n      </div>\n\n      {isOpen && (\n        <CalendarPopover referenceElement={containerRef.current}>\n          <CalendarSingle\n            id={calendarId}\n            selected={selectedDay}\n            defaultMonth={defaultMonth}\n            weekStartsOn={weekStartsOn}\n            disabled={disabledDays}\n            locale={locale}\n            onDayClick={handleCalendarDayChange}\n            onMount={handleCalendarMount}\n          />\n        </CalendarPopover>\n      )}\n    </FocusOn>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var locale = require('date-fns/locale');
+require('../../../DateInput/DateInput/DateInput.cjs');
+var DateInputDescription = require('../../../DateInput/DateInputDescription/DateInputDescription.cjs');
+var DateInputWithIconButton = require('../../../DateInput/DateInputWithIconButton/DateInputWithIconButton.cjs');
+var FieldMessage = require('../../../FieldMessage/FieldMessage.cjs');
+var DateInputField_module = require('./DateInputField.module.scss.cjs');
+const DateInputField = /*#__PURE__*/function () {
+  const DateInputField = React.forwardRef(function (_a, ref) {
+    var description = _a.description,
+      status = _a.status,
+      validationMessage = _a.validationMessage,
+      _b = _a.locale,
+      locale$1 = _b === void 0 ? locale.enAU : _b,
+      propsId = _a.id,
+      disabled = _a.disabled,
+      _c = _a.isReversed,
+      isReversed = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      dateInputWithIconButtonProps = tslib.__rest(_a, ["description", "status", "validationMessage", "locale", "id", "disabled", "isReversed", "classNameOverride"]);
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var descriptionId = "".concat(id, "-field-message");
+    var shouldShowValidationMessage = !disabled && validationMessage;
+    return React.createElement("div", {
+      className: classNameOverride
+    }, React.createElement(DateInputWithIconButton.DateInputWithIconButton, tslib.__assign({
+      ref: ref,
+      id: id,
+      "aria-describedby": descriptionId,
+      status: status,
+      disabled: disabled,
+      isReversed: isReversed
+    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && React.createElement(FieldMessage.FieldMessage, {
+      message: validationMessage,
+      status: status,
+      reversed: isReversed
+    }), React.createElement("div", {
+      className: classnames(disabled && DateInputField_module.disabled)
+    }, React.createElement(FieldMessage.FieldMessage, {
+      id: descriptionId,
+      message: React.createElement(DateInputDescription.DateInputDescription, {
+        description: description,
+        locale: locale$1
+      }),
+      reversed: isReversed
+    })));
+  });
+  DateInputField.displayName = "DateInputField";
+  return DateInputField;
+}();
+exports.DateInputField = DateInputField;
+//# sourceMappingURL=DateInputField.cjs.map

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.cjs","sources":["../../../../../src/DatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { enAU } from \"date-fns/locale\"\nimport {\n  DateInputDescription,\n  DateInputDescriptionProps,\n  DateInputWithIconButton,\n  DateInputWithIconButtonProps,\n  DateInputWithIconButtonRefs,\n} from \"~components/DateInput\"\nimport { FieldMessage, FieldMessageStatus } from \"~components/FieldMessage\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n  /**\n   * A description that provides context for the text field\n   */\n  description?: DateInputDescriptionProps[\"description\"]\n  /**\n   * Updates the styling of the validation FieldMessage\n   */\n  status?: FieldMessageStatus\n  /**\n   * A descriptive message for `status` states\n   */\n  validationMessage?: React.ReactNode\n  locale?: Locale\n} & DateInputWithIconButtonProps\n\nexport const DateInputField = React.forwardRef<\n  DateInputWithIconButtonRefs,\n  DateInputFieldProps\n>(\n  (\n    {\n      description,\n      status,\n      validationMessage,\n      locale = enAU,\n      id: propsId,\n      disabled,\n      isReversed = false,\n      classNameOverride,\n      ...dateInputWithIconButtonProps\n    },\n    ref\n  ) => {\n    const reactId = useId()\n    const id = propsId ?? reactId\n\n    const descriptionId = `${id}-field-message`\n\n    const shouldShowValidationMessage = !disabled && validationMessage\n\n    return (\n      <div className={classNameOverride}>\n        <DateInputWithIconButton\n          ref={ref}\n          id={id}\n          aria-describedby={descriptionId}\n          status={status}\n          disabled={disabled}\n          isReversed={isReversed}\n          {...dateInputWithIconButtonProps}\n        />\n        {shouldShowValidationMessage && (\n          <FieldMessage\n            message={validationMessage}\n            status={status}\n            reversed={isReversed}\n          />\n        )}\n        <div className={classnames(disabled && styles.disabled)}>\n          <FieldMessage\n            id={descriptionId}\n            message={\n              <DateInputDescription description={description} locale={locale} />\n            }\n            reversed={isReversed}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","description","status","validationMessage","_b","locale","enAU","propsId","id","disabled","_c","isReversed","classNameOverride","dateInputWithIconButtonProps","__rest","reactId","useId","descriptionId","concat","shouldShowValidationMessage","createElement","className","DateInputWithIconButton","__assign","FieldMessage","message","reversed","classnames","styles","DateInputDescription","displayName"],"mappings":";;;;;;;;;;;MA6BaA,cAAc;EAAA,MAAdA,cAAc,GAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,MAAM,YAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,cAAa;MAAbC,QAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,MAAI,CAAAA,IAAA,KAAA;MACTC,OAAO,GAAAR,EAAA,CAAAS,EAAA;MACXC,QAAQ,GAAAV,EAAA,CAAAU,QAAA;MACRC,EAAkB,GAAAX,EAAA,CAAAY,UAAA;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAb,EAAA,CAAAa,iBAAA;MACdC,4BAA4B,GAAAC,KAAA,CAAAA,MAAA,CAAAf,EAAA,EATjC,6GAUC,CADgC;IAIjC,IAAMgB,OAAO,GAAGC,KAAAA,CAAAA,KAAK,EAAE;IACvB,IAAMR,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIQ,OAAO;IAE7B,IAAME,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAV,EAAE,mBAAgB;IAE3C,IAAMW,2BAA2B,GAAG,CAACV,QAAQ,IAAIN,iBAAiB;IAElE,OACEN,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET;IAAiB,CAAA,EAC/Bf,KAAC,CAAAuB,aAAA,CAAAE,uBAAAA,CAAAA,uBAAuB,EACtBC,KAAA,CAAAA,QAAA,CAAA;MAAAvB,GAAG,EAAEA,GAAG;MACRQ,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYS,aAAa;MAC/Bf,MAAM,EAAEA,MAAM;MACdO,QAAQ,EAAEA,QAAQ;MAClBE,UAAU,EAAEA;IAAU,CAClB,EAAAE,4BAA4B,CAChC,CAAA,EACDM,2BAA2B,IAC1BtB,KAAA,CAAAuB,aAAA,CAACI,YAAAA,CAAAA,YAAY,EAAA;MACXC,OAAO,EAAEtB,iBAAiB;MAC1BD,MAAM,EAAEA,MAAM;MACdwB,QAAQ,EAAEf;MAEb,EACDd,KAAK,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEM,UAAU,CAAClB,QAAQ,IAAImB,qBAAM,CAACnB,QAAQ;IAAC,CAAA,EACrDZ,KAAC,CAAAuB,aAAA,CAAAI,YAAAA,CAAAA,YAAY,EACX;MAAAhB,EAAE,EAAES,aAAa;MACjBQ,OAAO,EACL5B,KAAA,CAAAuB,aAAA,CAACS,oBAAAA,CAAAA,oBAAoB,EAAA;QAAC5B,WAAW,EAAEA,WAAW;QAAEI,MAAM,EAAEA;MAAM,CAAA,CAAI;MAEpEqB,QAAQ,EAAEf;KACV,CAAA,CACE,CACF;EAEV,CAAC,CACF;EAEDf,cAAc,CAACkC,WAAW,GAAG,gBAAgB;EAAA,OAzDhClC,cAAc;AAAA;"}

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "disabled": "DateInputField-module_disabled__-Y0lJ"
+};
+module.exports = styles;
+//# sourceMappingURL=DateInputField.module.scss.cjs.map

package/dist/cjs/DatePicker/subcomponents/DateInputField/DateInputField.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputField.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/DatePicker/utils/getLocale.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var locale = require('date-fns/locale');
+var getLocale = function (locale$1) {
+  switch (locale$1) {
+    case "en-AU":
+      return locale.enAU;
+    case "en-US":
+      return locale.enUS;
+    default:
+      return locale.enAU;
+  }
+};
+exports.getLocale = getLocale;
+//# sourceMappingURL=getLocale.cjs.map

package/dist/cjs/DatePicker/utils/getLocale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLocale.cjs","sources":["../../../../src/DatePicker/utils/getLocale.ts"],"sourcesContent":["import { enAU, enUS } from \"date-fns/locale\"\nimport { StringSuggestions } from \"~types/StringSuggestions\"\n\n// Ensure you update the storybook DATE_PICKER_SUPPORTED_LOCALES arg options when updating DatePickerSupportedLocales.\nexport type DatePickerSupportedLocales = StringSuggestions<\"en-US\" | \"en-AU\">\n\nexport const getLocale = (locale: DatePickerSupportedLocales): Locale => {\n  switch (locale) {\n    case \"en-AU\":\n      return enAU\n    case \"en-US\":\n      return enUS\n    default:\n      return enAU\n  }\n}\n"],"names":["getLocale","locale","enAU","enUS"],"mappings":";;;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,QAAkC,EAAA;EAC1D,QAAQA,QAAM;IACZ,KAAK,OAAO;MACV,OAAOC,WAAI;IACb,KAAK,OAAO;MACV,OAAOC,WAAI;IACb;MACE,OAAOD,WAAI;EACd;AACH,CAAA;"}

package/dist/cjs/DatePicker/utils/validateDate.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var tslib = require('tslib');
+require('../../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../../Calendar/CalendarRange/CalendarRange.cjs');
+require('date-fns');
+var isInvalidDate = require('../../Calendar/utils/isInvalidDate.cjs');
+var isDisabledDate = require('../../Calendar/utils/isDisabledDate.cjs');
+var validateDate = function (_a) {
+  var date = _a.date,
+    inputValue = _a.inputValue,
+    disabledDays = _a.disabledDays;
+  var baseResponse = {
+    date: date,
+    inputValue: inputValue,
+    status: undefined,
+    validationMessage: undefined,
+    isInvalid: false,
+    isDisabled: false,
+    isEmpty: false,
+    isValidDate: false
+  };
+  if (date === undefined) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        isEmpty: true
+      }),
+      newDate: undefined
+    };
+  }
+  if (isInvalidDate.isInvalidDate(date)) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: inputValue ? "".concat(inputValue, " is an invalid date") : "Date is invalid",
+        isInvalid: true
+      }),
+      newDate: undefined
+    };
+  }
+  if (isDisabledDate.isDisabledDate(date, disabledDays)) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: "".concat(inputValue, " is not available, try another date"),
+        isDisabled: true
+      }),
+      newDate: undefined
+    };
+  }
+  return {
+    validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+      isValidDate: true
+    }),
+    newDate: date
+  };
+};
+exports.validateDate = validateDate;
+//# sourceMappingURL=validateDate.cjs.map

package/dist/cjs/DatePicker/utils/validateDate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateDate.cjs","sources":["../../../../src/DatePicker/utils/validateDate.ts"],"sourcesContent":["import {\n  DisabledDays,\n  isDisabledDate,\n  isInvalidDate,\n} from \"~components/Calendar\"\nimport { ValidationResponse } from \"../types\"\n\nexport type ValidateDateArgs = {\n  date: Date | undefined\n  inputValue: string | undefined\n  disabledDays?: DisabledDays\n}\n\nexport type ValidateDateResponse = {\n  validationResponse: ValidationResponse\n  newDate: Date | undefined\n}\n\nexport const validateDate = ({\n  date,\n  inputValue,\n  disabledDays,\n}: ValidateDateArgs): ValidateDateResponse => {\n  const baseResponse = {\n    date,\n    inputValue,\n    status: undefined,\n    validationMessage: undefined,\n    isInvalid: false,\n    isDisabled: false,\n    isEmpty: false,\n    isValidDate: false,\n  }\n\n  if (date === undefined) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        isEmpty: true,\n      },\n      newDate: undefined,\n    }\n  }\n\n  if (isInvalidDate(date)) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        status: \"error\",\n        validationMessage: inputValue\n          ? `${inputValue} is an invalid date`\n          : \"Date is invalid\",\n        isInvalid: true,\n      },\n      newDate: undefined,\n    }\n  }\n\n  if (isDisabledDate(date, disabledDays)) {\n    return {\n      validationResponse: {\n        ...baseResponse,\n        status: \"error\",\n        validationMessage: `${inputValue} is not available, try another date`,\n        isDisabled: true,\n      },\n      newDate: undefined,\n    }\n  }\n\n  return {\n    validationResponse: {\n      ...baseResponse,\n      isValidDate: true,\n    },\n    newDate: date,\n  }\n}\n"],"names":["validateDate","_a","date","inputValue","disabledDays","baseResponse","status","undefined","validationMessage","isInvalid","isDisabled","isEmpty","isValidDate","validationResponse","newDate","isInvalidDate","__assign","concat","isDisabledDate"],"mappings":";;;;;;;;AAkBO,IAAMA,YAAY,GAAG,SAAAA,CAACC,EAIV,EAAA;EAHjB,IAAAC,IAAI,UAAA;IACJC,UAAU,GAAAF,EAAA,CAAAE,UAAA;IACVC,YAAY,GAAAH,EAAA,CAAAG,YAAA;EAEZ,IAAMC,YAAY,GAAG;IACnBH,IAAI,EAAAA,IAAA;IACJC,UAAU,EAAAA,UAAA;IACVG,MAAM,EAAEC,SAAS;IACjBC,iBAAiB,EAAED,SAAS;IAC5BE,SAAS,EAAE,KAAK;IAChBC,UAAU,EAAE,KAAK;IACjBC,OAAO,EAAE,KAAK;IACdC,WAAW,EAAE;GACd;EAED,IAAIV,IAAI,KAAKK,SAAS,EAAE;IACtB,OAAO;MACLM,kBAAkB,oCACbR,YAAY,CAAA,EAAA;QACfM,OAAO,EAAE;OACV,CAAA;MACDG,OAAO,EAAEP;KACV;EACF;EAED,IAAIQ,aAAAA,CAAAA,aAAa,CAACb,IAAI,CAAC,EAAE;IACvB,OAAO;MACLW,kBAAkB,EAAAG,KAAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,EAAA,EACbX,YAAY,CACf,EAAA;QAAAC,MAAM,EAAE,OAAO;QACfE,iBAAiB,EAAEL,UAAU,GACzB,EAAG,CAAAc,MAAA,CAAAd,UAAU,EAAqB,qBAAA,CAAA,GAClC,iBAAiB;QACrBM,SAAS,EAAE;OACZ,CAAA;MACDK,OAAO,EAAEP;KACV;EACF;EAED,IAAIW,cAAc,CAAAA,cAAA,CAAChB,IAAI,EAAEE,YAAY,CAAC,EAAE;IACtC,OAAO;MACLS,kBAAkB,oCACbR,YAAY,CAAA,EAAA;QACfC,MAAM,EAAE,OAAO;QACfE,iBAAiB,EAAE,EAAA,CAAAS,MAAA,CAAGd,UAAU,EAAqC,qCAAA,CAAA;QACrEO,UAAU,EAAE;OACb,CAAA;MACDI,OAAO,EAAEP;KACV;EACF;EAED,OAAO;IACLM,kBAAkB,oCACbR,YAAY,CAAA,EAAA;MACfO,WAAW,EAAE;KACd,CAAA;IACDE,OAAO,EAAEZ;GACV;AACH,CAAA;"}

package/dist/cjs/DateRangePicker/DateRangePicker.cjs

@@ -0,0 +1,146 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var locale = require('date-fns/locale');
+var reactDayPicker = require('react-day-picker');
+var reactFocusOn = require('react-focus-on');
+require('../Calendar/CalendarSingle/CalendarSingle.cjs');
+require('../Calendar/CalendarRange/CalendarRange.cjs');
+var calculateDisabledDays = require('../Calendar/utils/calculateDisabledDays.cjs');
+require('date-fns');
+var isDisabledDate = require('../Calendar/utils/isDisabledDate.cjs');
+var CalendarPopover = require('../Calendar/CalendarPopover/CalendarPopover.cjs');
+var LegacyCalendarRange = require('../Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var DateStartIcon = require('../Icon/DateStartIcon.cjs');
+var Label = require('../Label/Label.cjs');
+var DateRangePicker_module = require('./DateRangePicker.module.scss.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
+ */
+const DateRangePicker = /*#__PURE__*/function () {
+  const DateRangePicker = function (_a) {
+    var _b;
+    var propsId = _a.id,
+      _c = _a.buttonRef,
+      buttonRef = _c === void 0 ? React.useRef(null) : _c;
+    _a.description; // not used
+    var labelText = _a.labelText,
+      _d = _a.isDisabled,
+      isDisabled = _d === void 0 ? false : _d,
+      classNameOverride = _a.classNameOverride,
+      disabledDates = _a.disabledDates,
+      disabledDaysOfWeek = _a.disabledDaysOfWeek,
+      disabledRange = _a.disabledRange,
+      disabledBeforeAfter = _a.disabledBeforeAfter,
+      disabledBefore = _a.disabledBefore,
+      disabledAfter = _a.disabledAfter,
+      weekStartsOn = _a.weekStartsOn,
+      defaultMonth = _a.defaultMonth,
+      selectedDateRange = _a.selectedDateRange,
+      value = _a.value,
+      onChange = _a.onChange,
+      inputProps = tslib.__rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    var containerRef = React.useRef(null);
+    var _e = React.useState(false),
+      isOpen = _e[0],
+      setIsOpen = _e[1];
+    var disabledDays = calculateDisabledDays.calculateDisabledDays({
+      disabledDates: disabledDates,
+      disabledDaysOfWeek: disabledDaysOfWeek,
+      disabledRange: disabledRange,
+      disabledBeforeAfter: disabledBeforeAfter,
+      disabledBefore: disabledBefore,
+      disabledAfter: disabledAfter
+    });
+    var handleOpenClose = function () {
+      setIsOpen(!isOpen);
+    };
+    var handleReturnFocus = function () {
+      if (buttonRef.current) {
+        buttonRef.current.focus();
+      }
+    };
+    var handleDayClick = function (day) {
+      /** react-day-picker will fire events for disabled days by default.
+       *  We're checking here if it includes the CSS Modules class for disabled
+       *  on the modifier to then return early.
+       * */
+      if (isDisabledDate.isDisabledDate(day, disabledDays)) {
+        return;
+      }
+      if (!selectedDateRange) return;
+      /** If user has already selected range and then selects again, treat first
+       * click as the start of the new range.
+       *  */
+      if (isSelectingFirstDay(selectedDateRange, day)) {
+        onChange({
+          from: day,
+          to: undefined
+        });
+      } else {
+        // Otherwise, treat click as the final selection.
+        onChange({
+          from: selectedDateRange.from,
+          to: day
+        });
+        handleOpenClose();
+      }
+    };
+    var isSelectingFirstDay = function (range, day) {
+      var isBeforeFirstDay = !!range.from && reactDayPicker.isMatch(day, [{
+        before: range.from
+      }]);
+      var isRangeSelected = !!range.from && !!range.to;
+      return !range.from || isBeforeFirstDay || isRangeSelected;
+    };
+    return React.createElement("div", null, React.createElement("div", {
+      ref: containerRef,
+      className: classNameOverride
+    }, React.createElement(Label.Label, {
+      disabled: isDisabled,
+      htmlFor: id,
+      labelText: labelText
+    }), React.createElement("button", tslib.__assign({
+      type: "button",
+      id: id,
+      className: classnames(DateRangePicker_module.button, DateRangePicker_module.withStartIconAdornment, (_b = {}, _b[DateRangePicker_module.disabled] = isDisabled, _b)),
+      disabled: isDisabled,
+      ref: buttonRef,
+      onClick: handleOpenClose,
+      "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : "Choose date"
+    }, inputProps), React.createElement("div", {
+      className: DateRangePicker_module.startIconAdornment
+    }, React.createElement(DateStartIcon.DateStartIcon, {
+      role: "presentation"
+    })), React.createElement("span", {
+      className: DateRangePicker_module.value
+    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && React.createElement(reactFocusOn.FocusOn, {
+      scrollLock: false,
+      onDeactivation: handleReturnFocus,
+      onClickOutside: handleOpenClose,
+      onEscapeKey: handleOpenClose,
+      enabled: isOpen
+    }, React.createElement(CalendarPopover.CalendarPopover, {
+      referenceElement: containerRef.current
+    }, React.createElement(LegacyCalendarRange.LegacyCalendarRange, {
+      selectedRange: selectedDateRange,
+      defaultMonth: defaultMonth,
+      weekStartsOn: weekStartsOn,
+      disabledDays: disabledDays,
+      onDayChange: handleDayClick,
+      locale: locale.enUS
+    }))));
+  };
+  DateRangePicker.displayName = "DateRangePicker";
+  return DateRangePicker;
+}();
+exports.DateRangePicker = DateRangePicker;
+//# sourceMappingURL=DateRangePicker.cjs.map

package/dist/cjs/DateRangePicker/DateRangePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { RefObject, useId, useRef, useState } from \"react\"\nimport cx from \"classnames\"\nimport { enUS } from \"date-fns/locale\"\nimport { DateRange, isMatch } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n  DisabledDayMatchers,\n  calculateDisabledDays,\n  isDisabledDate,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n  LegacyCalendarRange,\n  LegacyCalendarRangeProps,\n} from \"~components/Calendar/LegacyCalendarRange\"\nimport { DateStartIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./DateRangePicker.module.scss\"\n\nexport type DateRangePickerProps = {\n  id?: string\n  classNameOverride?: string\n  labelText: string\n  isDisabled?: boolean\n  buttonRef?: RefObject<HTMLButtonElement>\n  description?: string\n  /**\n   * Selected date range which is being updated in handleDayClick and checked\n   * if within range/not disabled and then passed back to the client to update\n   * the state.\n   */\n  selectedDateRange?: DateRange\n  /**\n   * String that is formatted by the client with our helper formatDateRangeValue\n   * and then passed into the button to display the readable range.\n   */\n  value?: string\n  /**\n   * Accepts a DayOfWeek value to start the week on that day. By default,\n   * it's set to Monday.\n   */\n  weekStartsOn?: LegacyCalendarRangeProps[\"weekStartsOn\"]\n  /**\n   * Accepts a date to display that month on first render.\n   */\n  defaultMonth?: LegacyCalendarRangeProps[\"defaultMonth\"]\n  /**\n   * Event passed from consumer to handle the date on change.\n   */\n  onChange: (dateRange: DateRange) => void\n} & DisabledDayMatchers\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}\n */\nexport const DateRangePicker = ({\n  id: propsId,\n  buttonRef = useRef<HTMLButtonElement>(null),\n  description: _description, // not used\n  labelText,\n  isDisabled = false,\n  classNameOverride,\n  disabledDates,\n  disabledDaysOfWeek,\n  disabledRange,\n  disabledBeforeAfter,\n  disabledBefore,\n  disabledAfter,\n  weekStartsOn,\n  defaultMonth,\n  selectedDateRange,\n  value,\n  onChange,\n  ...inputProps\n}: DateRangePickerProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const containerRef = useRef<HTMLInputElement>(null)\n  const [isOpen, setIsOpen] = useState(false)\n\n  const disabledDays = calculateDisabledDays({\n    disabledDates,\n    disabledDaysOfWeek,\n    disabledRange,\n    disabledBeforeAfter,\n    disabledBefore,\n    disabledAfter,\n  })\n\n  const handleOpenClose = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  const handleReturnFocus = (): void => {\n    if (buttonRef.current) {\n      buttonRef.current.focus()\n    }\n  }\n\n  const handleDayClick = (day: Date): void => {\n    /** react-day-picker will fire events for disabled days by default.\n     *  We're checking here if it includes the CSS Modules class for disabled\n     *  on the modifier to then return early.\n     * */\n\n    if (isDisabledDate(day, disabledDays)) {\n      return\n    }\n\n    if (!selectedDateRange) return\n\n    /** If user has already selected range and then selects again, treat first\n     * click as the start of the new range.\n     *  */\n    if (isSelectingFirstDay(selectedDateRange, day)) {\n      onChange({\n        from: day,\n        to: undefined,\n      })\n    } else {\n      // Otherwise, treat click as the final selection.\n      onChange({\n        from: selectedDateRange.from,\n        to: day,\n      })\n      handleOpenClose()\n    }\n  }\n\n  const isSelectingFirstDay = (range: DateRange, day: Date): boolean => {\n    const isBeforeFirstDay =\n      !!range.from &&\n      isMatch(day, [\n        {\n          before: range.from,\n        },\n      ])\n\n    const isRangeSelected = !!range.from && !!range.to\n\n    return !range.from || isBeforeFirstDay || isRangeSelected\n  }\n\n  return (\n    <div>\n      <div ref={containerRef} className={classNameOverride}>\n        <Label disabled={isDisabled} htmlFor={id} labelText={labelText} />\n        <button\n          type=\"button\"\n          id={id}\n          className={cx(styles.button, styles.withStartIconAdornment, {\n            [styles.disabled]: isDisabled,\n          })}\n          disabled={isDisabled}\n          ref={buttonRef}\n          onClick={handleOpenClose}\n          aria-label={\n            selectedDateRange?.from ? `Change date: ${value}` : \"Choose date\"\n          }\n          {...inputProps}\n        >\n          <div className={styles.startIconAdornment}>\n            <DateStartIcon role=\"presentation\" />\n          </div>\n          <span className={styles.value}>\n            {selectedDateRange?.from ? value : undefined}\n          </span>\n        </button>\n      </div>\n\n      {isOpen && (\n        <FocusOn\n          scrollLock={false}\n          onDeactivation={handleReturnFocus}\n          onClickOutside={handleOpenClose}\n          onEscapeKey={handleOpenClose}\n          enabled={isOpen}\n        >\n          <CalendarPopover referenceElement={containerRef.current}>\n            <LegacyCalendarRange\n              selectedRange={selectedDateRange}\n              defaultMonth={defaultMonth}\n              weekStartsOn={weekStartsOn}\n              disabledDays={disabledDays}\n              onDayChange={handleDayClick}\n              locale={enUS}\n            />\n          </CalendarPopover>\n        </FocusOn>\n      )}\n    </div>\n  )\n}\n\nDateRangePicker.displayName = \"DateRangePicker\"\n"],"names":["DateRangePicker","_a","propsId","id","_c","buttonRef","useRef","description","labelText","_d","isDisabled","classNameOverride","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDateRange","value","onChange","inputProps","__rest","reactId","useId","containerRef","_e","useState","isOpen","setIsOpen","disabledDays","calculateDisabledDays","handleOpenClose","handleReturnFocus","current","focus","handleDayClick","day","isDisabledDate","isSelectingFirstDay","from","to","undefined","range","isBeforeFirstDay","isMatch","before","isRangeSelected","React","createElement","ref","className","Label","disabled","htmlFor","__assign","type","cx","styles","button","withStartIconAdornment","_b","onClick","concat","startIconAdornment","DateStartIcon","role","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","CalendarPopover","referenceElement","LegacyCalendarRange","selectedRange","onDayChange","locale","enUS","displayName"],"mappings":"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"}

package/dist/cjs/DateRangePicker/DateRangePicker.module.scss.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "button": "DateRangePicker-module_button__cA-Ss",
+  "disabled": "DateRangePicker-module_disabled__f0zmt",
+  "value": "DateRangePicker-module_value__dtZAj",
+  "startIconAdornment": "DateRangePicker-module_startIconAdornment__lCw3l",
+  "withStartIconAdornment": "DateRangePicker-module_withStartIconAdornment__auP6u"
+};
+module.exports = styles;
+//# sourceMappingURL=DateRangePicker.module.scss.cjs.map

package/dist/cjs/DateRangePicker/DateRangePicker.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}