@simplybusiness/mobius-datepicker 9.0.0 → 9.0.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 9.0.1
+
+### Patch Changes
+
+- 6621ab0: Rebuild packages to pick up latest build-scripts changes.
+- Updated dependencies [6621ab0]
+  - @simplybusiness/mobius@8.0.1
+  - @simplybusiness/icons@5.0.1
+
 ## 9.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -1,19 +1,360 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/components/DatePicker/utils/dateObjToString.ts
+var dateObjToString;
+var init_dateObjToString = __esm({
+  "src/components/DatePicker/utils/dateObjToString.ts"() {
+    "use strict";
+    dateObjToString = (date) => {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${year}-${month}-${day}`;
+    };
+  }
+});
+
+// src/components/DatePicker/utils/formatErrorMessageText.ts
+import { isAfter, isBefore } from "date-fns";
+var DEFAULT_INVALID_DATE_MESSAGE, DEFAULT_BEFORE_MIN, DEFAULT_AFTER_MAX, formatErrorMessageText;
+var init_formatErrorMessageText = __esm({
+  "src/components/DatePicker/utils/formatErrorMessageText.ts"() {
+    "use strict";
+    DEFAULT_INVALID_DATE_MESSAGE = "Please enter a valid date";
+    DEFAULT_BEFORE_MIN = "The date you selected is before the earliest allowed date";
+    DEFAULT_AFTER_MAX = "The date you selected is after the latest allowed date";
+    formatErrorMessageText = (actual, min, max) => {
+      const actualDate = new Date(actual);
+      const minDate = min && new Date(min);
+      const maxDate = max && new Date(max);
+      if (minDate && isBefore(actualDate, minDate)) {
+        return DEFAULT_BEFORE_MIN;
+      }
+      if (maxDate && isAfter(actualDate, maxDate)) {
+        return DEFAULT_AFTER_MAX;
+      }
+      return DEFAULT_INVALID_DATE_MESSAGE;
+    };
+  }
+});
+
+// src/components/DatePicker/utils/validateDateFormat.ts
+import { isMatch } from "date-fns";
+var DATE_FORMAT, validateDateFormat;
+var init_validateDateFormat = __esm({
+  "src/components/DatePicker/utils/validateDateFormat.ts"() {
+    "use strict";
+    DATE_FORMAT = "yyyy-MM-dd";
+    validateDateFormat = (date) => {
+      if (date === "") {
+        return "";
+      }
+      if (isMatch(date, DATE_FORMAT)) {
+        return date;
+      }
+      throw Error(
+        `DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `
+      );
+    };
+  }
+});
+
+// src/components/DatePicker/constants.ts
+var SUNDAY_AS_NUMBER, MONDAY_AS_NUMBER, DEFAULT_LOCALE;
+var init_constants = __esm({
+  "src/components/DatePicker/constants.ts"() {
+    "use strict";
+    SUNDAY_AS_NUMBER = 0;
+    MONDAY_AS_NUMBER = 1;
+    DEFAULT_LOCALE = "en-GB";
+  }
+});
+
+// src/components/DatePicker/utils/weekdayAsOneLetter.ts
+var weekdayAsOneLetter;
+var init_weekdayAsOneLetter = __esm({
+  "src/components/DatePicker/utils/weekdayAsOneLetter.ts"() {
+    "use strict";
+    init_constants();
+    weekdayAsOneLetter = (date) => {
+      const locale = navigator.language || DEFAULT_LOCALE;
+      const oneLetter = date.toLocaleString(locale, {
+        weekday: "narrow"
+      });
+      return oneLetter;
+    };
+  }
+});
+
+// src/components/DatePicker/utils/index.ts
+var init_utils = __esm({
+  "src/components/DatePicker/utils/index.ts"() {
+    "use strict";
+    init_dateObjToString();
+    init_formatErrorMessageText();
+    init_validateDateFormat();
+    init_weekdayAsOneLetter();
+  }
+});
+
+// src/hooks/useFocusTrap/useFocusTrap.tsx
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function FocusTrap({ children }) {
+  const focusRef = useFocusTrap();
+  return /* @__PURE__ */ jsx("div", { className: "trap", ref: focusRef, children });
+}
+var useFocusTrap;
+var init_useFocusTrap = __esm({
+  "src/hooks/useFocusTrap/useFocusTrap.tsx"() {
+    "use strict";
+    useFocusTrap = () => {
+      const containerRef = useRef(null);
+      useEffect(() => {
+        if (containerRef.current) {
+          const element = containerRef.current;
+          const focusableElements = containerRef.current.querySelectorAll(
+            '[tabindex="0"], .mobius-date-picker__nav-button'
+          );
+          const firstElement = focusableElements[0];
+          const lastElement = focusableElements[focusableElements.length - 1];
+          const handleTabKeyPress = (event) => {
+            if (event.key === "Tab") {
+              if (event.shiftKey && document.activeElement === firstElement) {
+                event.preventDefault();
+                lastElement.focus();
+              } else if (!event.shiftKey && document.activeElement && document.activeElement.className.indexOf(
+                "mobius-date-picker__day-button"
+              ) > -1) {
+                event.preventDefault();
+                firstElement.focus();
+              }
+            }
+          };
+          element.addEventListener("keydown", handleTabKeyPress);
+          return () => {
+            element.removeEventListener("keydown", handleTabKeyPress);
+          };
+        }
+        return () => {
+        };
+      }, []);
+      return containerRef;
+    };
+  }
+});
+
+// src/components/DatePicker/utils/getStartWeekday.ts
+var getStartWeekday;
+var init_getStartWeekday = __esm({
+  "src/components/DatePicker/utils/getStartWeekday.ts"() {
+    "use strict";
+    init_constants();
+    getStartWeekday = (locale) => {
+      switch (locale || DEFAULT_LOCALE) {
+        case "en-US":
+          return SUNDAY_AS_NUMBER;
+        default:
+          return MONDAY_AS_NUMBER;
+      }
+    };
+  }
+});
+
+// src/components/DatePicker/utils/timezoneOffset.ts
+function toLocal(utcDateString) {
+  const utcDate = new Date(utcDateString);
+  if (Number.isNaN(utcDate.getTime())) {
+    throw new Error("Invalid date string");
+  }
+  return new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 6e4);
+}
+var init_timezoneOffset = __esm({
+  "src/components/DatePicker/utils/timezoneOffset.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/DatePicker/CustomComponents/CaptionLabel.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CaptionLabel;
+var init_CaptionLabel = __esm({
+  "src/components/DatePicker/CustomComponents/CaptionLabel.tsx"() {
+    "use strict";
+    CaptionLabel = (props) => {
+      return /* @__PURE__ */ jsx2("h2", { ...props });
+    };
+  }
+});
+
+// src/components/DatePicker/CustomComponents/ChevronComponent.tsx
+import { chevronLeft, chevronRight } from "@simplybusiness/icons";
+import { Icon } from "@simplybusiness/mobius";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ChevronComponent;
+var init_ChevronComponent = __esm({
+  "src/components/DatePicker/CustomComponents/ChevronComponent.tsx"() {
+    "use strict";
+    ChevronComponent = ({ orientation }) => {
+      if (orientation === "left") {
+        return /* @__PURE__ */ jsx3(Icon, { icon: chevronLeft });
+      }
+      return /* @__PURE__ */ jsx3(Icon, { icon: chevronRight });
+    };
+  }
+});
+
+// src/components/DatePicker/CustomComponents/index.tsx
+var init_CustomComponents = __esm({
+  "src/components/DatePicker/CustomComponents/index.tsx"() {
+    "use strict";
+    init_CaptionLabel();
+    init_ChevronComponent();
+  }
+});
+
+// src/components/DatePicker/DatePickerModal.tsx
+var DatePickerModal_exports = {};
+__export(DatePickerModal_exports, {
+  default: () => DatePickerModal_default
+});
+import { VisuallyHidden, useOnClickOutside } from "@simplybusiness/mobius";
+import classNames from "classnames/dedupe";
+import { parseISO } from "date-fns";
+import { useId, useRef as useRef2 } from "react";
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var startWeekday, DatePickerModal, DatePickerModal_default;
+var init_DatePickerModal = __esm({
+  "src/components/DatePicker/DatePickerModal.tsx"() {
+    "use strict";
+    "use client";
+    init_useFocusTrap();
+    init_utils();
+    init_getStartWeekday();
+    init_timezoneOffset();
+    init_CustomComponents();
+    startWeekday = getStartWeekday(
+      // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
+      typeof navigator !== "undefined" ? navigator?.language : void 0
+    );
+    DatePickerModal = ({
+      date,
+      isOpen,
+      onSelected,
+      top,
+      min,
+      max
+    }) => {
+      const modalRef = useRef2(null);
+      const initialDate = date ? toLocal(date) : void 0;
+      const minDate = min ? toLocal(min) : void 0;
+      const maxDate = max ? toLocal(max) : void 0;
+      const hiddenId = `screen-reader-title-${useId()}`;
+      const handleSelected = (selectedDate) => {
+        onSelected(selectedDate);
+      };
+      const handleDayPickerSelect = (selectedDate) => {
+        if (!selectedDate) return;
+        handleSelected(dateObjToString(selectedDate));
+      };
+      useOnClickOutside(modalRef, () => {
+        if (modalRef.current && isOpen) {
+          handleSelected();
+        }
+      });
+      const modalClasses = classNames("mobius-date-picker__modal", {
+        "--is-open": isOpen
+      });
+      return /* @__PURE__ */ jsx4(FocusTrap, { children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: modalRef,
+          className: modalClasses,
+          style: { top },
+          "aria-describedby": hiddenId,
+          "data-testid": "modal-container",
+          children: [
+            /* @__PURE__ */ jsx4(VisuallyHidden, { children: /* @__PURE__ */ jsx4("div", { id: hiddenId, children: "Please select a date from the calendar" }) }),
+            /* @__PURE__ */ jsx4(
+              DayPicker,
+              {
+                autoFocus: true,
+                mode: "single",
+                ...minDate && { startMonth: minDate },
+                ...maxDate && { endMonth: maxDate },
+                disabled: {
+                  ...min && { before: parseISO(min) },
+                  ...max && { after: parseISO(max) }
+                },
+                selected: initialDate,
+                defaultMonth: initialDate,
+                onSelect: handleDayPickerSelect,
+                pagedNavigation: true,
+                showOutsideDays: true,
+                weekStartsOn: startWeekday,
+                formatters: { formatWeekdayName: weekdayAsOneLetter },
+                components: {
+                  Chevron: ChevronComponent,
+                  CaptionLabel
+                },
+                classNames: {
+                  root: "mobius-date-picker__root",
+                  months: "mobius-date-picker__months",
+                  month: "mobius-date-picker__month",
+                  nav: "mobius-date-picker__nav",
+                  button_previous: "mobius-date-picker__nav-button --previous",
+                  button_next: "mobius-date-picker__nav-button --next",
+                  month_caption: "mobius-date-picker__caption",
+                  caption_label: "mobius-date-picker__caption-label",
+                  month_grid: "mobius-date-picker__month-grid",
+                  weekdays: "mobius-date-picker__weekdays",
+                  weekday: "mobius-date-picker__weekday",
+                  weeks: "mobius-date-picker__weeks",
+                  week: "mobius-date-picker__week",
+                  day: "mobius-date-picker__day",
+                  day_button: "mobius-date-picker__day-button",
+                  selected: "--is-selected",
+                  disabled: "--is-disabled",
+                  outside: "--is-outside",
+                  hidden: "--is-hidden",
+                  today: "--is-today",
+                  focused: "--is-focused"
+                }
+              }
+            )
+          ]
+        }
+      ) });
+    };
+    DatePickerModal_default = DatePickerModal;
+  }
+});
+
 // src/components/DatePicker/DatePicker.tsx
 import { calendarDay } from "@simplybusiness/icons";
 import {
   Button,
-  Icon,
+  Icon as Icon2,
   TextField,
-  VisuallyHidden,
+  VisuallyHidden as VisuallyHidden2,
   useValidationClasses
 } from "@simplybusiness/mobius";
-import classNames from "classnames/dedupe";
+import classNames2 from "classnames/dedupe";
 import {
   Suspense,
   lazy,
   useCallback,
-  useEffect,
-  useRef,
+  useEffect as useEffect2,
+  useRef as useRef3,
   useState
 } from "react";
 
@@ -25,42 +366,10 @@ var isTouchDevice = () => {
   return void 0;
 };
 
-// src/components/DatePicker/utils/formatErrorMessageText.ts
-import { isAfter, isBefore } from "date-fns";
-var DEFAULT_INVALID_DATE_MESSAGE = "Please enter a valid date";
-var DEFAULT_BEFORE_MIN = "The date you selected is before the earliest allowed date";
-var DEFAULT_AFTER_MAX = "The date you selected is after the latest allowed date";
-var formatErrorMessageText = (actual, min, max) => {
-  const actualDate = new Date(actual);
-  const minDate = min && new Date(min);
-  const maxDate = max && new Date(max);
-  if (minDate && isBefore(actualDate, minDate)) {
-    return DEFAULT_BEFORE_MIN;
-  }
-  if (maxDate && isAfter(actualDate, maxDate)) {
-    return DEFAULT_AFTER_MAX;
-  }
-  return DEFAULT_INVALID_DATE_MESSAGE;
-};
-
-// src/components/DatePicker/utils/validateDateFormat.ts
-import { isMatch } from "date-fns";
-var DATE_FORMAT = "yyyy-MM-dd";
-var validateDateFormat = (date) => {
-  if (date === "") {
-    return "";
-  }
-  if (isMatch(date, DATE_FORMAT)) {
-    return date;
-  }
-  throw Error(
-    `DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `
-  );
-};
-
 // src/components/DatePicker/DatePicker.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var DatePickerModal = lazy(() => import("./DatePickerModal-WRMRIQDP.js"));
+init_utils();
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var DatePickerModal2 = lazy(() => Promise.resolve().then(() => (init_DatePickerModal(), DatePickerModal_exports)));
 var getValidationState = (isInvalid) => {
   if (isInvalid) {
     return true;
@@ -79,9 +388,9 @@ var DatePicker = (props) => {
     errorMessage = "",
     ...otherProps
   } = props;
-  const containerRef = useRef(null);
+  const containerRef = useRef3(null);
   const [top, setTop] = useState(0);
-  const inputRef = useRef(null);
+  const inputRef = useRef3(null);
   const [isOpen, setIsOpen] = useState(false);
   const [textFieldVal, setTextFieldVal] = useState(
     validateDateFormat(defaultValue)
@@ -91,7 +400,7 @@ var DatePicker = (props) => {
   const errorMessageText = isInvalidProp ? formatErrorMessageText(textFieldVal, props.min, props.max) : errorMessage;
   const touchDevice = isTouchDevice();
   const validationClasses = useValidationClasses({ isInvalid: isInvalidProp });
-  const containerClasses = classNames(
+  const containerClasses = classNames2(
     "mobius-date-picker__container",
     {
       "--is-disabled": isDisabled,
@@ -99,7 +408,7 @@ var DatePicker = (props) => {
     },
     validationClasses
   );
-  const popoverToggleClasses = classNames(
+  const popoverToggleClasses = classNames2(
     "mobius-date-picker__field-button",
     validationClasses
   );
@@ -110,7 +419,7 @@ var DatePicker = (props) => {
       setIsValid(false);
     }
   }, [isOpen]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!inputRef.current) return;
     const validatedValue = validateDateFormat(defaultValue);
     setTextFieldVal(validatedValue);
@@ -150,7 +459,7 @@ var DatePicker = (props) => {
     event.preventDefault();
     togglePopoverVisibility();
   };
-  useEffect(() => {
+  useEffect2(() => {
     if (isOpen) {
       setTop(containerRef.current?.getBoundingClientRect().height || 0);
       setIsValid(true);
@@ -159,7 +468,7 @@ var DatePicker = (props) => {
     validate();
   }, [isOpen, validate]);
   if (touchDevice) {
-    return /* @__PURE__ */ jsx("div", { className: containerClasses, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx5("div", { className: containerClasses, children: /* @__PURE__ */ jsx5(
       TextField,
       {
         ref: inputRef,
@@ -175,8 +484,8 @@ var DatePicker = (props) => {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: containerClasses, ref: containerRef, children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs2("div", { className: containerClasses, ref: containerRef, children: [
+    /* @__PURE__ */ jsx5(
       TextField,
       {
         ref: inputRef,
@@ -190,7 +499,7 @@ var DatePicker = (props) => {
         isInvalid: isInvalidProp,
         ...otherProps,
         errorMessage: errorMessage || errorMessageText,
-        suffixOutside: /* @__PURE__ */ jsxs(
+        suffixOutside: /* @__PURE__ */ jsxs2(
           Button,
           {
             className: popoverToggleClasses,
@@ -198,15 +507,15 @@ var DatePicker = (props) => {
             isDisabled,
             size: "sm",
             children: [
-              /* @__PURE__ */ jsx(Icon, { size: "sm", icon: calendarDay }),
-              /* @__PURE__ */ jsx(VisuallyHidden, { children: "Pick date" })
+              /* @__PURE__ */ jsx5(Icon2, { size: "sm", icon: calendarDay }),
+              /* @__PURE__ */ jsx5(VisuallyHidden2, { children: "Pick date" })
             ]
           }
         )
       }
     ),
-    isOpen && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(
-      DatePickerModal,
+    isOpen && /* @__PURE__ */ jsx5(Suspense, { children: /* @__PURE__ */ jsx5(
+      DatePickerModal2,
       {
         date: textFieldVal,
         isOpen,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/components/DatePicker/DatePicker.tsx", "../../src/utils/isTouchDevice.ts", "../../src/components/DatePicker/utils/formatErrorMessageText.ts", "../../src/components/DatePicker/utils/validateDateFormat.ts"],
-  "sourcesContent": ["\"use client\";\n\nimport { calendarDay } from \"@simplybusiness/icons\";\nimport type {\n  TextFieldElementType,\n  TextFieldProps,\n  Validation,\n} from \"@simplybusiness/mobius\";\nimport {\n  Button,\n  Icon,\n  TextField,\n  VisuallyHidden,\n  useValidationClasses,\n} from \"@simplybusiness/mobius\";\nimport classNames from \"classnames/dedupe\";\nimport type { ChangeEvent, FocusEvent } from \"react\";\nimport {\n  Suspense,\n  lazy,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type MouseEvent,\n} from \"react\";\nimport { isTouchDevice } from \"../../utils/isTouchDevice\";\nimport { formatErrorMessageText, validateDateFormat } from \"./utils\";\n\nconst DatePickerModal = lazy(() => import(\"./DatePickerModal\"));\n\nconst getValidationState = (isInvalid: boolean | undefined) => {\n  if (isInvalid) {\n    return true;\n  }\n\n  if (isInvalid === false) {\n    return false;\n  }\n\n  return undefined;\n};\n\nexport interface DatePickerProps\n  extends\n    Validation,\n    Omit<TextFieldProps, \"defaultValue\" | \"onChange\" | \"onBlur\" | \"onFocus\"> {\n  onChange?: (date: string | undefined) => void;\n  defaultValue?: string;\n  min?: string;\n  max?: string;\n  id?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    onChange,\n    defaultValue = \"\",\n    isDisabled,\n    isInvalid,\n    errorMessage = \"\",\n    ...otherProps\n  } = props;\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [top, setTop] = useState<number>(0);\n  const inputRef = useRef<TextFieldElementType | null>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [textFieldVal, setTextFieldVal] = useState<string>(\n    validateDateFormat(defaultValue),\n  );\n  const [isValid, setIsValid] = useState<boolean | undefined>(undefined);\n  const isInvalidProp = getValidationState(isValid === false || isInvalid);\n  const errorMessageText = isInvalidProp\n    ? formatErrorMessageText(textFieldVal, props.min, props.max)\n    : errorMessage;\n  const touchDevice = isTouchDevice();\n\n  const validationClasses = useValidationClasses({ isInvalid: isInvalidProp });\n\n  const containerClasses = classNames(\n    \"mobius-date-picker__container\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-touch-device\": touchDevice,\n    },\n    validationClasses,\n  );\n\n  const popoverToggleClasses = classNames(\n    \"mobius-date-picker__field-button\",\n    validationClasses,\n  );\n\n  const validate = useCallback(() => {\n    if (isOpen) return;\n\n    // If 'min' or 'max' values are provided, checkValidity() will\n    // validate the date and return a boolean\n    const isValidInput = inputRef.current?.checkValidity();\n\n    if (!isValidInput) {\n      setIsValid(false);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    const validatedValue = validateDateFormat(defaultValue);\n    setTextFieldVal(validatedValue);\n    inputRef.current.value = validatedValue;\n    setIsValid(true);\n    validate();\n  }, [defaultValue, validate]);\n\n  const togglePopoverVisibility = () => {\n    setIsValid(true);\n    setIsOpen(!isOpen);\n  };\n\n  const handleTextFieldChange = (event: ChangeEvent<TextFieldElementType>) => {\n    setTextFieldVal(event.target.value);\n    // onChange only triggers on a valid date\n    // so this clears the error\n    setIsValid(true);\n  };\n\n  const onDateSelected = (selectedDate: string | undefined) => {\n    // Handle null callback from useOnClickOutside\n    if (selectedDate) {\n      setTextFieldVal(selectedDate);\n      setIsValid(true);\n      // Add other callback events here\n      onChange?.(selectedDate);\n    }\n    // Focus the input\n    inputRef.current?.focus();\n    setIsOpen(false);\n  };\n\n  // User has interacted with the component and navigated away\n  const handleBlur = (event: FocusEvent) => {\n    const target = event.target as TextFieldElementType;\n    // If the blur is caused by focusing on the DayPicker modal, do nothing\n    // The modal is rendered after the input in the DOM,\n    // so check if the relatedTarget is inside the modal\n    if (\n      isOpen &&\n      event.relatedTarget &&\n      containerRef.current?.contains(event.relatedTarget as HTMLElement)\n    ) {\n      return;\n    }\n    validate();\n\n    // User hasn't entered a date, or entered an invalid date\n    if (!textFieldVal) {\n      setIsValid(false);\n    }\n\n    onChange?.(target.value);\n  };\n\n  const handleClick = (event: MouseEvent<TextFieldElementType>) => {\n    event.preventDefault();\n    togglePopoverVisibility();\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      setTop(containerRef.current?.getBoundingClientRect().height || 0);\n      // Disable validation when day picker is open\n      setIsValid(true);\n      return;\n    }\n\n    validate();\n  }, [isOpen, validate]);\n\n  if (touchDevice) {\n    return (\n      <div className={containerClasses}>\n        <TextField\n          ref={inputRef}\n          type=\"date\"\n          className=\"mobius-date-picker\"\n          onBlur={handleBlur}\n          onChange={handleTextFieldChange}\n          value={textFieldVal}\n          isDisabled={isDisabled}\n          isInvalid={isInvalidProp}\n          {...otherProps}\n          errorMessage={errorMessage || errorMessageText}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={containerClasses} ref={containerRef}>\n      <TextField\n        ref={inputRef}\n        type=\"date\"\n        className=\"mobius-date-picker\"\n        onBlur={handleBlur}\n        onChange={handleTextFieldChange}\n        // @ts-expect-error onClick is not in TextField's props but is passed through via otherProps spread\n        onClick={handleClick}\n        value={textFieldVal}\n        isDisabled={isDisabled}\n        isInvalid={isInvalidProp}\n        {...otherProps}\n        errorMessage={errorMessage || errorMessageText}\n        suffixOutside={\n          <Button\n            className={popoverToggleClasses}\n            onClick={togglePopoverVisibility}\n            isDisabled={isDisabled}\n            size=\"sm\"\n          >\n            <Icon size=\"sm\" icon={calendarDay} />\n            <VisuallyHidden>Pick date</VisuallyHidden>\n          </Button>\n        }\n      />\n      {isOpen && (\n        <Suspense>\n          <DatePickerModal\n            date={textFieldVal}\n            isOpen={isOpen}\n            top={top}\n            onSelected={onDateSelected}\n            min={props.min}\n            max={props.max}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n};\n", "export const isTouchDevice = (): boolean | undefined => {\n  if (typeof window !== \"undefined\") {\n    return window.matchMedia(\"(hover: none), (pointer: coarse)\").matches;\n  }\n\n  return undefined;\n};\n", "import { isAfter, isBefore } from \"date-fns\";\n\nexport const DEFAULT_INVALID_DATE_MESSAGE = \"Please enter a valid date\";\nexport const DEFAULT_BEFORE_MIN =\n  \"The date you selected is before the earliest allowed date\";\nexport const DEFAULT_AFTER_MAX =\n  \"The date you selected is after the latest allowed date\";\n\nexport const formatErrorMessageText = (\n  actual: string,\n  min?: string,\n  max?: string,\n) => {\n  const actualDate = new Date(actual);\n  const minDate = min && new Date(min);\n  const maxDate = max && new Date(max);\n\n  if (minDate && isBefore(actualDate, minDate)) {\n    return DEFAULT_BEFORE_MIN;\n  }\n\n  if (maxDate && isAfter(actualDate, maxDate)) {\n    return DEFAULT_AFTER_MAX;\n  }\n\n  return DEFAULT_INVALID_DATE_MESSAGE;\n};\n", "import { isMatch } from \"date-fns\";\n\n// eg 2023-12-31\nexport const DATE_FORMAT = \"yyyy-MM-dd\";\n\nexport const validateDateFormat = (date: string) => {\n  if (date === \"\") {\n    return \"\";\n  }\n\n  if (isMatch(date, DATE_FORMAT)) {\n    return date;\n  }\n\n  throw Error(\n    `DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `,\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../src/components/DatePicker/utils/dateObjToString.ts", "../../src/components/DatePicker/utils/formatErrorMessageText.ts", "../../src/components/DatePicker/utils/validateDateFormat.ts", "../../src/components/DatePicker/constants.ts", "../../src/components/DatePicker/utils/weekdayAsOneLetter.ts", "../../src/components/DatePicker/utils/index.ts", "../../src/hooks/useFocusTrap/useFocusTrap.tsx", "../../src/components/DatePicker/utils/getStartWeekday.ts", "../../src/components/DatePicker/utils/timezoneOffset.ts", "../../src/components/DatePicker/CustomComponents/CaptionLabel.tsx", "../../src/components/DatePicker/CustomComponents/ChevronComponent.tsx", "../../src/components/DatePicker/CustomComponents/index.tsx", "../../src/components/DatePicker/DatePickerModal.tsx", "../../src/components/DatePicker/DatePicker.tsx", "../../src/utils/isTouchDevice.ts"],
+  "sourcesContent": ["export const dateObjToString = (date: Date) => {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n\n  // Extract the date part from the Date object\n  return `${year}-${month}-${day}`;\n};\n", "import { isAfter, isBefore } from \"date-fns\";\n\nexport const DEFAULT_INVALID_DATE_MESSAGE = \"Please enter a valid date\";\nexport const DEFAULT_BEFORE_MIN =\n  \"The date you selected is before the earliest allowed date\";\nexport const DEFAULT_AFTER_MAX =\n  \"The date you selected is after the latest allowed date\";\n\nexport const formatErrorMessageText = (\n  actual: string,\n  min?: string,\n  max?: string,\n) => {\n  const actualDate = new Date(actual);\n  const minDate = min && new Date(min);\n  const maxDate = max && new Date(max);\n\n  if (minDate && isBefore(actualDate, minDate)) {\n    return DEFAULT_BEFORE_MIN;\n  }\n\n  if (maxDate && isAfter(actualDate, maxDate)) {\n    return DEFAULT_AFTER_MAX;\n  }\n\n  return DEFAULT_INVALID_DATE_MESSAGE;\n};\n", "import { isMatch } from \"date-fns\";\n\n// eg 2023-12-31\nexport const DATE_FORMAT = \"yyyy-MM-dd\";\n\nexport const validateDateFormat = (date: string) => {\n  if (date === \"\") {\n    return \"\";\n  }\n\n  if (isMatch(date, DATE_FORMAT)) {\n    return date;\n  }\n\n  throw Error(\n    `DatePicker defaultValue '${date}' is invalid. The expected format is '${DATE_FORMAT}' `,\n  );\n};\n", "export const SUNDAY_AS_NUMBER = 0;\nexport const MONDAY_AS_NUMBER = 1;\nexport const DEFAULT_LOCALE = \"en-GB\";\n", "import { DEFAULT_LOCALE } from \"../constants\";\n\nexport const weekdayAsOneLetter = (date: Date) => {\n  const locale = navigator.language || DEFAULT_LOCALE;\n  const oneLetter = date.toLocaleString(locale, {\n    weekday: \"narrow\",\n  });\n\n  return oneLetter;\n};\n", "export * from \"./dateObjToString\";\nexport * from \"./formatErrorMessageText\";\nexport * from \"./validateDateFormat\";\nexport * from \"./weekdayAsOneLetter\";\n", "import type { ReactNode } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nconst useFocusTrap = () => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const element = containerRef.current;\n      const focusableElements =\n        containerRef.current.querySelectorAll<HTMLElement>(\n          '[tabindex=\"0\"], .mobius-date-picker__nav-button',\n        );\n\n      const firstElement = focusableElements[0];\n      const lastElement = focusableElements[focusableElements.length - 1];\n\n      const handleTabKeyPress = (event: KeyboardEvent) => {\n        if (event.key === \"Tab\") {\n          if (event.shiftKey && document.activeElement === firstElement) {\n            event.preventDefault();\n            lastElement.focus();\n          } else if (\n            !event.shiftKey &&\n            document.activeElement &&\n            document.activeElement.className.indexOf(\n              \"mobius-date-picker__day-button\",\n            ) > -1\n          ) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      };\n\n      element.addEventListener(\"keydown\", handleTabKeyPress);\n      return () => {\n        element.removeEventListener(\"keydown\", handleTabKeyPress);\n      };\n    }\n    return () => {};\n  }, []);\n\n  return containerRef;\n};\n\nexport type FocusTrapProps = {\n  children: ReactNode;\n};\n\nexport default function FocusTrap({ children }: FocusTrapProps) {\n  const focusRef = useFocusTrap();\n\n  return (\n    <div className=\"trap\" ref={focusRef}>\n      {children}\n    </div>\n  );\n}\n", "import {\n  DEFAULT_LOCALE,\n  MONDAY_AS_NUMBER,\n  SUNDAY_AS_NUMBER,\n} from \"../constants\";\n\ntype WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n\n// Calculates start of week for calendar in UK and US locales\n// Add more to the switch statement as needed\nexport const getStartWeekday = (locale?: string): WeekStart => {\n  switch (locale || DEFAULT_LOCALE) {\n    case \"en-US\":\n      return SUNDAY_AS_NUMBER;\n\n    default:\n      return MONDAY_AS_NUMBER;\n  }\n};\n", "/**\n * Converts a local date-time to UTC\n * @param localDate - Date object in local timezone\n * @returns Date object in UTC\n */\nexport function toUTC(localDate: Date): Date {\n  return new Date(localDate.getTime() - localDate.getTimezoneOffset() * 60000);\n}\n\nexport function toLocal(utcDateString: string): Date {\n  const utcDate = new Date(utcDateString);\n  if (Number.isNaN(utcDate.getTime())) {\n    throw new Error(\"Invalid date string\");\n  }\n  // Convert UTC date to local date\n  // by adding the timezone offset in milliseconds\n  return new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 60000);\n}\n", "import { type HTMLAttributes } from \"react\";\n\n/**\n *\n * This component is used to render the caption label for the date picker.\n * We are overriding the standard span with an h2 for accessibility reasons.\n */\nexport const CaptionLabel = (props: HTMLAttributes<HTMLSpanElement>) => {\n  return <h2 {...props} />;\n};\n", "import { chevronLeft, chevronRight } from \"@simplybusiness/icons\";\nimport { Icon } from \"@simplybusiness/mobius\";\n\ntype ChevronComponentProps = {\n  orientation?: \"up\" | \"down\" | \"left\" | \"right\";\n};\n\nexport const ChevronComponent = ({ orientation }: ChevronComponentProps) => {\n  if (orientation === \"left\") {\n    return <Icon icon={chevronLeft} />;\n  }\n  return <Icon icon={chevronRight} />;\n};\n", "export * from \"./CaptionLabel\";\nexport * from \"./ChevronComponent\";\n", "\"use client\";\n\nimport { VisuallyHidden, useOnClickOutside } from \"@simplybusiness/mobius\";\nimport classNames from \"classnames/dedupe\";\nimport { parseISO } from \"date-fns\";\nimport { useId, useRef } from \"react\";\nimport type { Matcher } from \"react-day-picker\";\nimport { DayPicker } from \"react-day-picker\";\nimport FocusTrap from \"../../hooks/useFocusTrap/useFocusTrap\";\nimport { dateObjToString, weekdayAsOneLetter } from \"./utils\";\nimport { getStartWeekday } from \"./utils/getStartWeekday\";\nimport { toLocal } from \"./utils/timezoneOffset\";\nimport { ChevronComponent, CaptionLabel } from \"./CustomComponents\";\n\nexport type DatePickerModalProps = {\n  date?: string; // yyyy-mm-dd\n  isOpen: boolean;\n  top: number;\n  onSelected: (date?: string) => void;\n  min?: string;\n  max?: string;\n};\n\nconst startWeekday = getStartWeekday(\n  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  typeof navigator !== \"undefined\" ? navigator?.language : undefined,\n);\n\nconst DatePickerModal = ({\n  date,\n  isOpen,\n  onSelected,\n  top,\n  min,\n  max,\n}: DatePickerModalProps) => {\n  const modalRef = useRef<HTMLDivElement>(null);\n  const initialDate = date ? toLocal(date) : undefined;\n  const minDate = min ? toLocal(min) : undefined;\n  const maxDate = max ? toLocal(max) : undefined;\n  const hiddenId = `screen-reader-title-${useId()}`;\n\n  const handleSelected = (selectedDate?: string) => {\n    onSelected(selectedDate);\n  };\n\n  const handleDayPickerSelect = (selectedDate: Date | undefined) => {\n    if (!selectedDate) return;\n\n    handleSelected(dateObjToString(selectedDate));\n  };\n\n  useOnClickOutside(modalRef, () => {\n    if (modalRef.current && isOpen) {\n      handleSelected();\n    }\n  });\n\n  const modalClasses = classNames(\"mobius-date-picker__modal\", {\n    \"--is-open\": isOpen,\n  });\n\n  return (\n    <FocusTrap>\n      <div\n        ref={modalRef}\n        className={modalClasses}\n        style={{ top }}\n        aria-describedby={hiddenId}\n        data-testid=\"modal-container\"\n      >\n        <VisuallyHidden>\n          <div id={hiddenId}>Please select a date from the calendar</div>\n        </VisuallyHidden>\n        <DayPicker\n          autoFocus\n          mode=\"single\"\n          {...(minDate && { startMonth: minDate })}\n          {...(maxDate && { endMonth: maxDate })}\n          disabled={\n            {\n              ...(min && { before: parseISO(min) }),\n              ...(max && { after: parseISO(max) }),\n            } as Matcher\n          }\n          selected={initialDate}\n          defaultMonth={initialDate}\n          onSelect={handleDayPickerSelect}\n          pagedNavigation\n          showOutsideDays\n          weekStartsOn={startWeekday}\n          formatters={{ formatWeekdayName: weekdayAsOneLetter }}\n          components={{\n            Chevron: ChevronComponent,\n            CaptionLabel,\n          }}\n          classNames={{\n            root: \"mobius-date-picker__root\",\n            months: \"mobius-date-picker__months\",\n            month: \"mobius-date-picker__month\",\n            nav: \"mobius-date-picker__nav\",\n            button_previous: \"mobius-date-picker__nav-button --previous\",\n            button_next: \"mobius-date-picker__nav-button --next\",\n            month_caption: \"mobius-date-picker__caption\",\n            caption_label: \"mobius-date-picker__caption-label\",\n            month_grid: \"mobius-date-picker__month-grid\",\n            weekdays: \"mobius-date-picker__weekdays\",\n            weekday: \"mobius-date-picker__weekday\",\n            weeks: \"mobius-date-picker__weeks\",\n            week: \"mobius-date-picker__week\",\n            day: \"mobius-date-picker__day\",\n            day_button: \"mobius-date-picker__day-button\",\n            selected: \"--is-selected\",\n            disabled: \"--is-disabled\",\n            outside: \"--is-outside\",\n            hidden: \"--is-hidden\",\n            today: \"--is-today\",\n            focused: \"--is-focused\",\n          }}\n        />\n      </div>\n    </FocusTrap>\n  );\n};\n\nexport default DatePickerModal;\n", "\"use client\";\n\nimport { calendarDay } from \"@simplybusiness/icons\";\nimport type {\n  TextFieldElementType,\n  TextFieldProps,\n  Validation,\n} from \"@simplybusiness/mobius\";\nimport {\n  Button,\n  Icon,\n  TextField,\n  VisuallyHidden,\n  useValidationClasses,\n} from \"@simplybusiness/mobius\";\nimport classNames from \"classnames/dedupe\";\nimport type { ChangeEvent, FocusEvent } from \"react\";\nimport {\n  Suspense,\n  lazy,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type MouseEvent,\n} from \"react\";\nimport { isTouchDevice } from \"../../utils/isTouchDevice\";\nimport { formatErrorMessageText, validateDateFormat } from \"./utils\";\n\nconst DatePickerModal = lazy(() => import(\"./DatePickerModal\"));\n\nconst getValidationState = (isInvalid: boolean | undefined) => {\n  if (isInvalid) {\n    return true;\n  }\n\n  if (isInvalid === false) {\n    return false;\n  }\n\n  return undefined;\n};\n\nexport interface DatePickerProps\n  extends\n    Validation,\n    Omit<TextFieldProps, \"defaultValue\" | \"onChange\" | \"onBlur\" | \"onFocus\"> {\n  onChange?: (date: string | undefined) => void;\n  defaultValue?: string;\n  min?: string;\n  max?: string;\n  id?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps) => {\n  const {\n    onChange,\n    defaultValue = \"\",\n    isDisabled,\n    isInvalid,\n    errorMessage = \"\",\n    ...otherProps\n  } = props;\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [top, setTop] = useState<number>(0);\n  const inputRef = useRef<TextFieldElementType | null>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [textFieldVal, setTextFieldVal] = useState<string>(\n    validateDateFormat(defaultValue),\n  );\n  const [isValid, setIsValid] = useState<boolean | undefined>(undefined);\n  const isInvalidProp = getValidationState(isValid === false || isInvalid);\n  const errorMessageText = isInvalidProp\n    ? formatErrorMessageText(textFieldVal, props.min, props.max)\n    : errorMessage;\n  const touchDevice = isTouchDevice();\n\n  const validationClasses = useValidationClasses({ isInvalid: isInvalidProp });\n\n  const containerClasses = classNames(\n    \"mobius-date-picker__container\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-touch-device\": touchDevice,\n    },\n    validationClasses,\n  );\n\n  const popoverToggleClasses = classNames(\n    \"mobius-date-picker__field-button\",\n    validationClasses,\n  );\n\n  const validate = useCallback(() => {\n    if (isOpen) return;\n\n    // If 'min' or 'max' values are provided, checkValidity() will\n    // validate the date and return a boolean\n    const isValidInput = inputRef.current?.checkValidity();\n\n    if (!isValidInput) {\n      setIsValid(false);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!inputRef.current) return;\n    const validatedValue = validateDateFormat(defaultValue);\n    setTextFieldVal(validatedValue);\n    inputRef.current.value = validatedValue;\n    setIsValid(true);\n    validate();\n  }, [defaultValue, validate]);\n\n  const togglePopoverVisibility = () => {\n    setIsValid(true);\n    setIsOpen(!isOpen);\n  };\n\n  const handleTextFieldChange = (event: ChangeEvent<TextFieldElementType>) => {\n    setTextFieldVal(event.target.value);\n    // onChange only triggers on a valid date\n    // so this clears the error\n    setIsValid(true);\n  };\n\n  const onDateSelected = (selectedDate: string | undefined) => {\n    // Handle null callback from useOnClickOutside\n    if (selectedDate) {\n      setTextFieldVal(selectedDate);\n      setIsValid(true);\n      // Add other callback events here\n      onChange?.(selectedDate);\n    }\n    // Focus the input\n    inputRef.current?.focus();\n    setIsOpen(false);\n  };\n\n  // User has interacted with the component and navigated away\n  const handleBlur = (event: FocusEvent) => {\n    const target = event.target as TextFieldElementType;\n    // If the blur is caused by focusing on the DayPicker modal, do nothing\n    // The modal is rendered after the input in the DOM,\n    // so check if the relatedTarget is inside the modal\n    if (\n      isOpen &&\n      event.relatedTarget &&\n      containerRef.current?.contains(event.relatedTarget as HTMLElement)\n    ) {\n      return;\n    }\n    validate();\n\n    // User hasn't entered a date, or entered an invalid date\n    if (!textFieldVal) {\n      setIsValid(false);\n    }\n\n    onChange?.(target.value);\n  };\n\n  const handleClick = (event: MouseEvent<TextFieldElementType>) => {\n    event.preventDefault();\n    togglePopoverVisibility();\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      setTop(containerRef.current?.getBoundingClientRect().height || 0);\n      // Disable validation when day picker is open\n      setIsValid(true);\n      return;\n    }\n\n    validate();\n  }, [isOpen, validate]);\n\n  if (touchDevice) {\n    return (\n      <div className={containerClasses}>\n        <TextField\n          ref={inputRef}\n          type=\"date\"\n          className=\"mobius-date-picker\"\n          onBlur={handleBlur}\n          onChange={handleTextFieldChange}\n          value={textFieldVal}\n          isDisabled={isDisabled}\n          isInvalid={isInvalidProp}\n          {...otherProps}\n          errorMessage={errorMessage || errorMessageText}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={containerClasses} ref={containerRef}>\n      <TextField\n        ref={inputRef}\n        type=\"date\"\n        className=\"mobius-date-picker\"\n        onBlur={handleBlur}\n        onChange={handleTextFieldChange}\n        // @ts-expect-error onClick is not in TextField's props but is passed through via otherProps spread\n        onClick={handleClick}\n        value={textFieldVal}\n        isDisabled={isDisabled}\n        isInvalid={isInvalidProp}\n        {...otherProps}\n        errorMessage={errorMessage || errorMessageText}\n        suffixOutside={\n          <Button\n            className={popoverToggleClasses}\n            onClick={togglePopoverVisibility}\n            isDisabled={isDisabled}\n            size=\"sm\"\n          >\n            <Icon size=\"sm\" icon={calendarDay} />\n            <VisuallyHidden>Pick date</VisuallyHidden>\n          </Button>\n        }\n      />\n      {isOpen && (\n        <Suspense>\n          <DatePickerModal\n            date={textFieldVal}\n            isOpen={isOpen}\n            top={top}\n            onSelected={onDateSelected}\n            min={props.min}\n            max={props.max}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n};\n", "export const isTouchDevice = (): boolean | undefined => {\n  if (typeof window !== \"undefined\") {\n    return window.matchMedia(\"(hover: none), (pointer: coarse)\").matches;\n  }\n\n  return undefined;\n};\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsx", "useRef", "jsx", "Icon", "VisuallyHidden", "classNames", "useEffect", "useRef", "jsx", "jsxs", "DatePickerModal", "useRef", "classNames", "useEffect", "Icon", "VisuallyHidden"]
 }

package/dist/esm/meta.json

@@ -305,81 +305,50 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 11965
+      "bytes": 25914
     },
     "dist/esm/index.js": {
       "imports": [
         {
-          "path": "@simplybusiness/icons",
+          "path": "date-fns",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@simplybusiness/mobius",
+          "path": "date-fns",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "classnames/dedupe",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react/jsx-runtime",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "date-fns",
+          "path": "react/jsx-runtime",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "date-fns",
+          "path": "@simplybusiness/icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react/jsx-runtime",
+          "path": "@simplybusiness/mobius",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "dist/esm/DatePickerModal-WRMRIQDP.js",
-          "kind": "dynamic-import"
-        }
-      ],
-      "exports": [
-        "DatePicker"
-      ],
-      "entryPoint": "index.tsx",
-      "inputs": {
-        "src/components/DatePicker/DatePicker.tsx": {
-          "bytesInOutput": 4832
-        },
-        "src/utils/isTouchDevice.ts": {
-          "bytesInOutput": 165
-        },
-        "src/components/DatePicker/utils/formatErrorMessageText.ts": {
-          "bytesInOutput": 660
-        },
-        "src/components/DatePicker/utils/validateDateFormat.ts": {
-          "bytesInOutput": 318
+          "path": "react/jsx-runtime",
+          "kind": "import-statement",
+          "external": true
         },
-        "index.tsx": {
-          "bytesInOutput": 0
-        }
-      },
-      "bytes": 6274
-    },
-    "dist/esm/DatePickerModal-WRMRIQDP.js.map": {
-      "imports": [],
-      "exports": [],
-      "inputs": {},
-      "bytes": 12712
-    },
-    "dist/esm/DatePickerModal-WRMRIQDP.js": {
-      "imports": [
         {
           "path": "@simplybusiness/mobius",
           "kind": "import-statement",
@@ -405,33 +374,28 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react/jsx-runtime",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react/jsx-runtime",
+          "path": "@simplybusiness/icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@simplybusiness/icons",
+          "path": "@simplybusiness/mobius",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@simplybusiness/mobius",
+          "path": "classnames/dedupe",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react/jsx-runtime",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
@@ -442,39 +406,60 @@
         }
       ],
       "exports": [
-        "default"
+        "DatePicker"
       ],
-      "entryPoint": "src/components/DatePicker/DatePickerModal.tsx",
+      "entryPoint": "index.tsx",
       "inputs": {
-        "src/components/DatePicker/DatePickerModal.tsx": {
-          "bytesInOutput": 3620
+        "src/components/DatePicker/utils/dateObjToString.ts": {
+          "bytesInOutput": 386
         },
-        "src/hooks/useFocusTrap/useFocusTrap.tsx": {
-          "bytesInOutput": 1388
+        "src/components/DatePicker/utils/formatErrorMessageText.ts": {
+          "bytesInOutput": 935
         },
-        "src/components/DatePicker/utils/dateObjToString.ts": {
-          "bytesInOutput": 225
+        "src/components/DatePicker/utils/validateDateFormat.ts": {
+          "bytesInOutput": 521
         },
         "src/components/DatePicker/constants.ts": {
-          "bytesInOutput": 82
+          "bytesInOutput": 240
         },
         "src/components/DatePicker/utils/weekdayAsOneLetter.ts": {
-          "bytesInOutput": 193
+          "bytesInOutput": 389
+        },
+        "src/components/DatePicker/utils/index.ts": {
+          "bytesInOutput": 225
+        },
+        "src/hooks/useFocusTrap/useFocusTrap.tsx": {
+          "bytesInOutput": 1640
         },
         "src/components/DatePicker/utils/getStartWeekday.ts": {
-          "bytesInOutput": 174
+          "bytesInOutput": 365
         },
         "src/components/DatePicker/utils/timezoneOffset.ts": {
-          "bytesInOutput": 242
+          "bytesInOutput": 360
         },
         "src/components/DatePicker/CustomComponents/CaptionLabel.tsx": {
-          "bytesInOutput": 135
+          "bytesInOutput": 287
         },
         "src/components/DatePicker/CustomComponents/ChevronComponent.tsx": {
-          "bytesInOutput": 371
+          "bytesInOutput": 547
+        },
+        "src/components/DatePicker/CustomComponents/index.tsx": {
+          "bytesInOutput": 177
+        },
+        "src/components/DatePicker/DatePickerModal.tsx": {
+          "bytesInOutput": 4419
+        },
+        "src/components/DatePicker/DatePicker.tsx": {
+          "bytesInOutput": 4976
+        },
+        "src/utils/isTouchDevice.ts": {
+          "bytesInOutput": 165
+        },
+        "index.tsx": {
+          "bytesInOutput": 0
         }
       },
-      "bytes": 7087
+      "bytes": 16863
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/mobius-datepicker",
   "license": "UNLICENSED",
-  "version": "9.0.0",
+  "version": "9.0.1",
   "description": "Mobius date picker component",
   "repository": {
     "type": "git",
@@ -10,6 +10,7 @@
   "simplyBusiness": {
     "publishToPublicNpm": true
   },
+  "type": "module",
   "main": "dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
   "files": [
@@ -25,7 +26,6 @@
     "./src/*.css": "./src/*.css"
   },
   "publishConfig": {
-    "type": "module",
     "main": "dist/esm/index.js",
     "module": "dist/esm/index.js",
     "types": "./dist/types/index.d.ts",
@@ -58,8 +58,8 @@
     "@eslint/compat": "^2.0.2",
     "@eslint/eslintrc": "^3.3.3",
     "@eslint/js": "^9.39.2",
-    "@simplybusiness/build-scripts": "^2.0.0",
-    "@simplybusiness/eslint-config": "^2.0.0",
+    "@simplybusiness/build-scripts": "^2.0.1",
+    "@simplybusiness/eslint-config": "^2.0.1",
     "@swc/core": "^1.12.5",
     "@swc/jest": "^0.2.39",
     "@testing-library/dom": "^10.4.1",
@@ -96,8 +96,8 @@
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@simplybusiness/icons": "^5.0.0",
-    "@simplybusiness/mobius": "^8.0.0",
+    "@simplybusiness/icons": "^5.0.1",
+    "@simplybusiness/mobius": "^8.0.1",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "react-day-picker": "^9.13.0"
@@ -105,6 +105,5 @@
   "lint-staged": {
     "*.{js,ts,jsx,tsx}": "eslint --fix"
   },
-  "type": "module",
   "module": "dist/esm/index.js"
 }

package/dist/esm/DatePickerModal-WRMRIQDP.js

@@ -1,208 +0,0 @@
-"use client";
-
-// src/components/DatePicker/DatePickerModal.tsx
-import { VisuallyHidden, useOnClickOutside } from "@simplybusiness/mobius";
-import classNames from "classnames/dedupe";
-import { parseISO } from "date-fns";
-import { useId, useRef as useRef2 } from "react";
-import { DayPicker } from "react-day-picker";
-
-// src/hooks/useFocusTrap/useFocusTrap.tsx
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var useFocusTrap = () => {
-  const containerRef = useRef(null);
-  useEffect(() => {
-    if (containerRef.current) {
-      const element = containerRef.current;
-      const focusableElements = containerRef.current.querySelectorAll(
-        '[tabindex="0"], .mobius-date-picker__nav-button'
-      );
-      const firstElement = focusableElements[0];
-      const lastElement = focusableElements[focusableElements.length - 1];
-      const handleTabKeyPress = (event) => {
-        if (event.key === "Tab") {
-          if (event.shiftKey && document.activeElement === firstElement) {
-            event.preventDefault();
-            lastElement.focus();
-          } else if (!event.shiftKey && document.activeElement && document.activeElement.className.indexOf(
-            "mobius-date-picker__day-button"
-          ) > -1) {
-            event.preventDefault();
-            firstElement.focus();
-          }
-        }
-      };
-      element.addEventListener("keydown", handleTabKeyPress);
-      return () => {
-        element.removeEventListener("keydown", handleTabKeyPress);
-      };
-    }
-    return () => {
-    };
-  }, []);
-  return containerRef;
-};
-function FocusTrap({ children }) {
-  const focusRef = useFocusTrap();
-  return /* @__PURE__ */ jsx("div", { className: "trap", ref: focusRef, children });
-}
-
-// src/components/DatePicker/utils/dateObjToString.ts
-var dateObjToString = (date) => {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-
-// src/components/DatePicker/constants.ts
-var SUNDAY_AS_NUMBER = 0;
-var MONDAY_AS_NUMBER = 1;
-var DEFAULT_LOCALE = "en-GB";
-
-// src/components/DatePicker/utils/weekdayAsOneLetter.ts
-var weekdayAsOneLetter = (date) => {
-  const locale = navigator.language || DEFAULT_LOCALE;
-  const oneLetter = date.toLocaleString(locale, {
-    weekday: "narrow"
-  });
-  return oneLetter;
-};
-
-// src/components/DatePicker/utils/getStartWeekday.ts
-var getStartWeekday = (locale) => {
-  switch (locale || DEFAULT_LOCALE) {
-    case "en-US":
-      return SUNDAY_AS_NUMBER;
-    default:
-      return MONDAY_AS_NUMBER;
-  }
-};
-
-// src/components/DatePicker/utils/timezoneOffset.ts
-function toLocal(utcDateString) {
-  const utcDate = new Date(utcDateString);
-  if (Number.isNaN(utcDate.getTime())) {
-    throw new Error("Invalid date string");
-  }
-  return new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 6e4);
-}
-
-// src/components/DatePicker/CustomComponents/CaptionLabel.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var CaptionLabel = (props) => {
-  return /* @__PURE__ */ jsx2("h2", { ...props });
-};
-
-// src/components/DatePicker/CustomComponents/ChevronComponent.tsx
-import { chevronLeft, chevronRight } from "@simplybusiness/icons";
-import { Icon } from "@simplybusiness/mobius";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ChevronComponent = ({ orientation }) => {
-  if (orientation === "left") {
-    return /* @__PURE__ */ jsx3(Icon, { icon: chevronLeft });
-  }
-  return /* @__PURE__ */ jsx3(Icon, { icon: chevronRight });
-};
-
-// src/components/DatePicker/DatePickerModal.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var startWeekday = getStartWeekday(
-  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
-  typeof navigator !== "undefined" ? navigator?.language : void 0
-);
-var DatePickerModal = ({
-  date,
-  isOpen,
-  onSelected,
-  top,
-  min,
-  max
-}) => {
-  const modalRef = useRef2(null);
-  const initialDate = date ? toLocal(date) : void 0;
-  const minDate = min ? toLocal(min) : void 0;
-  const maxDate = max ? toLocal(max) : void 0;
-  const hiddenId = `screen-reader-title-${useId()}`;
-  const handleSelected = (selectedDate) => {
-    onSelected(selectedDate);
-  };
-  const handleDayPickerSelect = (selectedDate) => {
-    if (!selectedDate) return;
-    handleSelected(dateObjToString(selectedDate));
-  };
-  useOnClickOutside(modalRef, () => {
-    if (modalRef.current && isOpen) {
-      handleSelected();
-    }
-  });
-  const modalClasses = classNames("mobius-date-picker__modal", {
-    "--is-open": isOpen
-  });
-  return /* @__PURE__ */ jsx4(FocusTrap, { children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: modalRef,
-      className: modalClasses,
-      style: { top },
-      "aria-describedby": hiddenId,
-      "data-testid": "modal-container",
-      children: [
-        /* @__PURE__ */ jsx4(VisuallyHidden, { children: /* @__PURE__ */ jsx4("div", { id: hiddenId, children: "Please select a date from the calendar" }) }),
-        /* @__PURE__ */ jsx4(
-          DayPicker,
-          {
-            autoFocus: true,
-            mode: "single",
-            ...minDate && { startMonth: minDate },
-            ...maxDate && { endMonth: maxDate },
-            disabled: {
-              ...min && { before: parseISO(min) },
-              ...max && { after: parseISO(max) }
-            },
-            selected: initialDate,
-            defaultMonth: initialDate,
-            onSelect: handleDayPickerSelect,
-            pagedNavigation: true,
-            showOutsideDays: true,
-            weekStartsOn: startWeekday,
-            formatters: { formatWeekdayName: weekdayAsOneLetter },
-            components: {
-              Chevron: ChevronComponent,
-              CaptionLabel
-            },
-            classNames: {
-              root: "mobius-date-picker__root",
-              months: "mobius-date-picker__months",
-              month: "mobius-date-picker__month",
-              nav: "mobius-date-picker__nav",
-              button_previous: "mobius-date-picker__nav-button --previous",
-              button_next: "mobius-date-picker__nav-button --next",
-              month_caption: "mobius-date-picker__caption",
-              caption_label: "mobius-date-picker__caption-label",
-              month_grid: "mobius-date-picker__month-grid",
-              weekdays: "mobius-date-picker__weekdays",
-              weekday: "mobius-date-picker__weekday",
-              weeks: "mobius-date-picker__weeks",
-              week: "mobius-date-picker__week",
-              day: "mobius-date-picker__day",
-              day_button: "mobius-date-picker__day-button",
-              selected: "--is-selected",
-              disabled: "--is-disabled",
-              outside: "--is-outside",
-              hidden: "--is-hidden",
-              today: "--is-today",
-              focused: "--is-focused"
-            }
-          }
-        )
-      ]
-    }
-  ) });
-};
-var DatePickerModal_default = DatePickerModal;
-export {
-  DatePickerModal_default as default
-};
-//# sourceMappingURL=DatePickerModal-WRMRIQDP.js.map

package/dist/esm/DatePickerModal-WRMRIQDP.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/DatePicker/DatePickerModal.tsx", "../../src/hooks/useFocusTrap/useFocusTrap.tsx", "../../src/components/DatePicker/utils/dateObjToString.ts", "../../src/components/DatePicker/constants.ts", "../../src/components/DatePicker/utils/weekdayAsOneLetter.ts", "../../src/components/DatePicker/utils/getStartWeekday.ts", "../../src/components/DatePicker/utils/timezoneOffset.ts", "../../src/components/DatePicker/CustomComponents/CaptionLabel.tsx", "../../src/components/DatePicker/CustomComponents/ChevronComponent.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport { VisuallyHidden, useOnClickOutside } from \"@simplybusiness/mobius\";\nimport classNames from \"classnames/dedupe\";\nimport { parseISO } from \"date-fns\";\nimport { useId, useRef } from \"react\";\nimport type { Matcher } from \"react-day-picker\";\nimport { DayPicker } from \"react-day-picker\";\nimport FocusTrap from \"../../hooks/useFocusTrap/useFocusTrap\";\nimport { dateObjToString, weekdayAsOneLetter } from \"./utils\";\nimport { getStartWeekday } from \"./utils/getStartWeekday\";\nimport { toLocal } from \"./utils/timezoneOffset\";\nimport { ChevronComponent, CaptionLabel } from \"./CustomComponents\";\n\nexport type DatePickerModalProps = {\n  date?: string; // yyyy-mm-dd\n  isOpen: boolean;\n  top: number;\n  onSelected: (date?: string) => void;\n  min?: string;\n  max?: string;\n};\n\nconst startWeekday = getStartWeekday(\n  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  typeof navigator !== \"undefined\" ? navigator?.language : undefined,\n);\n\nconst DatePickerModal = ({\n  date,\n  isOpen,\n  onSelected,\n  top,\n  min,\n  max,\n}: DatePickerModalProps) => {\n  const modalRef = useRef<HTMLDivElement>(null);\n  const initialDate = date ? toLocal(date) : undefined;\n  const minDate = min ? toLocal(min) : undefined;\n  const maxDate = max ? toLocal(max) : undefined;\n  const hiddenId = `screen-reader-title-${useId()}`;\n\n  const handleSelected = (selectedDate?: string) => {\n    onSelected(selectedDate);\n  };\n\n  const handleDayPickerSelect = (selectedDate: Date | undefined) => {\n    if (!selectedDate) return;\n\n    handleSelected(dateObjToString(selectedDate));\n  };\n\n  useOnClickOutside(modalRef, () => {\n    if (modalRef.current && isOpen) {\n      handleSelected();\n    }\n  });\n\n  const modalClasses = classNames(\"mobius-date-picker__modal\", {\n    \"--is-open\": isOpen,\n  });\n\n  return (\n    <FocusTrap>\n      <div\n        ref={modalRef}\n        className={modalClasses}\n        style={{ top }}\n        aria-describedby={hiddenId}\n        data-testid=\"modal-container\"\n      >\n        <VisuallyHidden>\n          <div id={hiddenId}>Please select a date from the calendar</div>\n        </VisuallyHidden>\n        <DayPicker\n          autoFocus\n          mode=\"single\"\n          {...(minDate && { startMonth: minDate })}\n          {...(maxDate && { endMonth: maxDate })}\n          disabled={\n            {\n              ...(min && { before: parseISO(min) }),\n              ...(max && { after: parseISO(max) }),\n            } as Matcher\n          }\n          selected={initialDate}\n          defaultMonth={initialDate}\n          onSelect={handleDayPickerSelect}\n          pagedNavigation\n          showOutsideDays\n          weekStartsOn={startWeekday}\n          formatters={{ formatWeekdayName: weekdayAsOneLetter }}\n          components={{\n            Chevron: ChevronComponent,\n            CaptionLabel,\n          }}\n          classNames={{\n            root: \"mobius-date-picker__root\",\n            months: \"mobius-date-picker__months\",\n            month: \"mobius-date-picker__month\",\n            nav: \"mobius-date-picker__nav\",\n            button_previous: \"mobius-date-picker__nav-button --previous\",\n            button_next: \"mobius-date-picker__nav-button --next\",\n            month_caption: \"mobius-date-picker__caption\",\n            caption_label: \"mobius-date-picker__caption-label\",\n            month_grid: \"mobius-date-picker__month-grid\",\n            weekdays: \"mobius-date-picker__weekdays\",\n            weekday: \"mobius-date-picker__weekday\",\n            weeks: \"mobius-date-picker__weeks\",\n            week: \"mobius-date-picker__week\",\n            day: \"mobius-date-picker__day\",\n            day_button: \"mobius-date-picker__day-button\",\n            selected: \"--is-selected\",\n            disabled: \"--is-disabled\",\n            outside: \"--is-outside\",\n            hidden: \"--is-hidden\",\n            today: \"--is-today\",\n            focused: \"--is-focused\",\n          }}\n        />\n      </div>\n    </FocusTrap>\n  );\n};\n\nexport default DatePickerModal;\n", "import type { ReactNode } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nconst useFocusTrap = () => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const element = containerRef.current;\n      const focusableElements =\n        containerRef.current.querySelectorAll<HTMLElement>(\n          '[tabindex=\"0\"], .mobius-date-picker__nav-button',\n        );\n\n      const firstElement = focusableElements[0];\n      const lastElement = focusableElements[focusableElements.length - 1];\n\n      const handleTabKeyPress = (event: KeyboardEvent) => {\n        if (event.key === \"Tab\") {\n          if (event.shiftKey && document.activeElement === firstElement) {\n            event.preventDefault();\n            lastElement.focus();\n          } else if (\n            !event.shiftKey &&\n            document.activeElement &&\n            document.activeElement.className.indexOf(\n              \"mobius-date-picker__day-button\",\n            ) > -1\n          ) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      };\n\n      element.addEventListener(\"keydown\", handleTabKeyPress);\n      return () => {\n        element.removeEventListener(\"keydown\", handleTabKeyPress);\n      };\n    }\n    return () => {};\n  }, []);\n\n  return containerRef;\n};\n\nexport type FocusTrapProps = {\n  children: ReactNode;\n};\n\nexport default function FocusTrap({ children }: FocusTrapProps) {\n  const focusRef = useFocusTrap();\n\n  return (\n    <div className=\"trap\" ref={focusRef}>\n      {children}\n    </div>\n  );\n}\n", "export const dateObjToString = (date: Date) => {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n\n  // Extract the date part from the Date object\n  return `${year}-${month}-${day}`;\n};\n", "export const SUNDAY_AS_NUMBER = 0;\nexport const MONDAY_AS_NUMBER = 1;\nexport const DEFAULT_LOCALE = \"en-GB\";\n", "import { DEFAULT_LOCALE } from \"../constants\";\n\nexport const weekdayAsOneLetter = (date: Date) => {\n  const locale = navigator.language || DEFAULT_LOCALE;\n  const oneLetter = date.toLocaleString(locale, {\n    weekday: \"narrow\",\n  });\n\n  return oneLetter;\n};\n", "import {\n  DEFAULT_LOCALE,\n  MONDAY_AS_NUMBER,\n  SUNDAY_AS_NUMBER,\n} from \"../constants\";\n\ntype WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n\n// Calculates start of week for calendar in UK and US locales\n// Add more to the switch statement as needed\nexport const getStartWeekday = (locale?: string): WeekStart => {\n  switch (locale || DEFAULT_LOCALE) {\n    case \"en-US\":\n      return SUNDAY_AS_NUMBER;\n\n    default:\n      return MONDAY_AS_NUMBER;\n  }\n};\n", "/**\n * Converts a local date-time to UTC\n * @param localDate - Date object in local timezone\n * @returns Date object in UTC\n */\nexport function toUTC(localDate: Date): Date {\n  return new Date(localDate.getTime() - localDate.getTimezoneOffset() * 60000);\n}\n\nexport function toLocal(utcDateString: string): Date {\n  const utcDate = new Date(utcDateString);\n  if (Number.isNaN(utcDate.getTime())) {\n    throw new Error(\"Invalid date string\");\n  }\n  // Convert UTC date to local date\n  // by adding the timezone offset in milliseconds\n  return new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 60000);\n}\n", "import { type HTMLAttributes } from \"react\";\n\n/**\n *\n * This component is used to render the caption label for the date picker.\n * We are overriding the standard span with an h2 for accessibility reasons.\n */\nexport const CaptionLabel = (props: HTMLAttributes<HTMLSpanElement>) => {\n  return <h2 {...props} />;\n};\n", "import { chevronLeft, chevronRight } from \"@simplybusiness/icons\";\nimport { Icon } from \"@simplybusiness/mobius\";\n\ntype ChevronComponentProps = {\n  orientation?: \"up\" | \"down\" | \"left\" | \"right\";\n};\n\nexport const ChevronComponent = ({ orientation }: ChevronComponentProps) => {\n  if (orientation === \"left\") {\n    return <Icon icon={chevronLeft} />;\n  }\n  return <Icon icon={chevronRight} />;\n};\n"],
-  "mappings": "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",
-  "names": ["useRef", "jsx", "jsx", "jsx", "useRef"]
-}