@salt-ds/lab 1.0.0-alpha.55 → 1.0.0-alpha.57

package/dist-types/localization-provider/LocalizationProvider.d.ts

@@ -0,0 +1,62 @@
+import type { DateFrameworkType, SaltDateAdapter } from "@salt-ds/date-adapters";
+export interface LocalizationProviderValue<TDate extends DateFrameworkType> {
+    defaultDates: {
+        minDate: TDate;
+        maxDate: TDate;
+    };
+    dateAdapter: SaltDateAdapter<TDate>;
+}
+/**
+ * Props for the LocalizationProvider component.
+ *
+ * @template TDate - The type of the date object used in the provider.
+ * @template TLocale - The type of the locale, defaulting to string.
+ */
+export interface LocalizationProviderProps<TDate extends DateFrameworkType, TLocale = string> {
+    /**
+     * The child components to be rendered within the provider.
+     */
+    children?: React.ReactNode;
+    /**
+     * The instance of the date library being used.
+     */
+    instance?: any;
+    /**
+     * The date adapter class, which provides methods for date manipulation and formatting.
+     * This should be a constructor for a class implementing the SaltDateAdapter interface.
+     */
+    DateAdapter: new (...args: any) => SaltDateAdapter<TDate, TLocale>;
+    /**
+     * The locale to be used for date formatting and manipulation.
+     */
+    locale?: TLocale;
+    /**
+     * The minimum date allowed for all date selections.
+     * Defaults to January 1, 1900.
+     */
+    minDate?: TDate;
+    /**
+     * The maximum date allowed for all date selections.
+     * Defaults to December 31, 2099.
+     */
+    maxDate?: TDate;
+}
+export declare type LocalizationProviderContext<TDate extends DateFrameworkType> = {
+    [K in keyof LocalizationProviderValue<TDate>]: LocalizationProviderValue<TDate>[K] | null;
+};
+export declare const LocalizationProviderContext: import("react").Context<LocalizationProviderValue<any> | null>;
+export declare const LocalizationProvider: <TDate extends Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment, TLocale>(props: LocalizationProviderProps<TDate, TLocale>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Custom hook to access the localization context.
+ *
+ * This hook provides access to the localization settings and utilities
+ * within the `LocalizationProviderContext`. It should be used within a
+ * component that is a descendant of `LocalizationProviderContext.Provider`.
+ *
+ * @template TDate - The type of the date object used in the localization context.
+ *
+ * @returns The localization provider value, which includes date manipulation and formatting utilities.
+ *
+ * @throws Will throw an error if the hook is used outside of a `LocalizationProviderContext.Provider`.
+ */
+export declare const useLocalization: <TDate extends Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment>() => LocalizationProviderValue<TDate>;

package/dist-types/localization-provider/index.d.ts

@@ -0,0 +1 @@
+export * from "./LocalizationProvider";

package/dist-types/overlay/OverlayHeader.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface OverlayHeaderProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Description text is displayed just below the header
+     **/
+    description?: ReactNode;
+    /**
+     * Actions to be displayed in header
+     */
+    actions?: ReactNode;
+    /**
+     * Header text
+     */
+    header?: ReactNode;
+    /**
+     * Preheader text is displayed just above the header
+     **/
+    preheader?: ReactNode;
+}
+export declare const OverlayHeader: import("react").ForwardRefExoticComponent<OverlayHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/overlay/index.d.ts

@@ -0,0 +1 @@
+export * from "./OverlayHeader";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.55",
+  "version": "1.0.0-alpha.57",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -12,8 +12,8 @@
   "sideEffects": false,
   "dependencies": {
     "@floating-ui/react": "^0.26.5",
-    "@internationalized/date": "^3.5.5",
-    "@salt-ds/core": "^1.37.2",
+    "@salt-ds/core": "^1.37.3",
+    "@salt-ds/date-adapters": "0.1.0-alpha.1",
     "@salt-ds/icons": "^1.13.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
@@ -31,6 +31,14 @@
     "tabbable": "^6.0.0",
     "tinycolor2": "^1.4.2"
   },
+  "devDependencies": {
+    "@types/luxon": "^3.4.2",
+    "date-fns": "^3.6.0",
+    "dayjs": "^1.11.13",
+    "luxon": "^3.5.0",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.5.46"
+  },
   "peerDependencies": {
     "@types/react": ">=16.14.0",
     "react": ">=16.14.0",

package/dist-cjs/calendar/CalendarDateGrid.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltCalendarDateGrid-grid {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarDateGrid-grid > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarDateGrid-grid > :nth-child(2) {\n  position: relative;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CalendarDateGrid.css.js.map

package/dist-cjs/calendar/CalendarDateGrid.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDateGrid.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/calendar/CalendarDateGrid.js

@@ -1,105 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var date = require('@internationalized/date');
-var core = require('@salt-ds/core');
-var react = require('react');
-var CalendarContext = require('./internal/CalendarContext.js');
-var CalendarMonth = require('./internal/CalendarMonth.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var CalendarDateGrid$1 = require('./CalendarDateGrid.css.js');
-var utils = require('./internal/utils.js');
-
-function getMonths(month) {
-  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];
-}
-const withBaseName = core.makePrefixer("saltCalendarDateGrid");
-const CalendarDateGrid = react.forwardRef(function CalendarDateGrid2(props, ref) {
-  const {
-    onFocus,
-    onBlur,
-    getCalendarMonthProps = () => void 0,
-    ...rest
-  } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-calendar-date-grid",
-    css: CalendarDateGrid$1,
-    window: targetWindow
-  });
-  const {
-    state: { visibleMonth, locale },
-    helpers: { setCalendarFocused }
-  } = CalendarContext.useCalendarContext();
-  const containerRef = react.useRef(null);
-  const diffIndex = (a, b) => utils.monthDiff(a, b);
-  const { current: baseIndex } = react.useRef(visibleMonth);
-  core.useIsomorphicLayoutEffect(() => {
-    if (containerRef.current) {
-      containerRef.current.style.transform = `translate3d(${diffIndex(baseIndex, visibleMonth) * -101}%, 0, 0)`;
-    }
-  });
-  const [months, setMonths] = react.useState(() => getMonths(visibleMonth));
-  react.useEffect(() => {
-    setMonths((oldMonths) => {
-      const newMonths = getMonths(visibleMonth).filter((month) => {
-        return !oldMonths.find((oldMonth) => date.isSameMonth(oldMonth, month));
-      });
-      return oldMonths.concat(newMonths);
-    });
-    setMonths(getMonths(visibleMonth));
-    return void 0;
-  }, [utils.formatDate(visibleMonth, locale)]);
-  const handleFocus = react.useCallback(
-    (event) => {
-      setCalendarFocused(true);
-      onFocus == null ? void 0 : onFocus(event);
-    },
-    [setCalendarFocused, onFocus]
-  );
-  const handleBlur = react.useCallback(
-    (event) => {
-      setCalendarFocused(false);
-      onBlur == null ? void 0 : onBlur(event);
-    },
-    [setCalendarFocused, onBlur]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: withBaseName(),
-      tabIndex: -1,
-      style: {
-        overflowX: "hidden",
-        position: "relative"
-      },
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: withBaseName("grid"),
-          ref: containerRef,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          ...rest,
-          children: months.map((date, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: withBaseName("slide"),
-              style: {
-                transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`
-              },
-              "aria-hidden": index !== 1 ? "true" : void 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(CalendarMonth.CalendarMonth, { ...getCalendarMonthProps(date), date })
-            },
-            utils.formatDate(date, locale)
-          ))
-        }
-      )
-    }
-  );
-});
-
-exports.CalendarDateGrid = CalendarDateGrid;
-//# sourceMappingURL=CalendarDateGrid.js.map

package/dist-cjs/calendar/CalendarDateGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDateGrid.js","sources":["../src/calendar/CalendarDateGrid.tsx"],"sourcesContent":["import { type DateValue, isSameMonth } from \"@internationalized/date\";\nimport { makePrefixer, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport {\n  CalendarMonth,\n  type CalendarMonthProps,\n} from \"./internal/CalendarMonth\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarDateGridCss from \"./CalendarDateGrid.css\";\nimport { formatDate, monthDiff } from \"./internal/utils\";\n\nexport interface CalendarDateGridProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Props getter to pass to each CalendarMonth element\n   */\n  getCalendarMonthProps?: (date: DateValue) => Omit<CalendarMonthProps, \"date\">;\n}\n\nfunction getMonths(month: DateValue) {\n  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDateGrid\");\n\nexport const CalendarDateGrid = forwardRef<\n  HTMLDivElement,\n  CalendarDateGridProps\n>(function CalendarDateGrid(props, ref) {\n  const {\n    onFocus,\n    onBlur,\n    getCalendarMonthProps = () => undefined,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-date-grid\",\n    css: calendarDateGridCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { visibleMonth, locale },\n    helpers: { setCalendarFocused },\n  } = useCalendarContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const diffIndex = (a: DateValue, b: DateValue) => monthDiff(a, b);\n\n  const { current: baseIndex } = useRef(visibleMonth);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.style.transform = `translate3d(${\n        diffIndex(baseIndex, visibleMonth) * -101 // needs to be higher than 100% so the next month doesn't show on the edges\n      }%, 0, 0)`;\n    }\n  });\n\n  const [months, setMonths] = useState(() => getMonths(visibleMonth));\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: uses formatData to change visibleMonth into string\n  useEffect(() => {\n    setMonths((oldMonths) => {\n      const newMonths = getMonths(visibleMonth).filter((month) => {\n        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));\n      });\n\n      return oldMonths.concat(newMonths);\n    });\n    setMonths(getMonths(visibleMonth));\n    return undefined;\n  }, [formatDate(visibleMonth, locale)]);\n\n  const handleFocus: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(true);\n      onFocus?.(event);\n    },\n    [setCalendarFocused, onFocus],\n  );\n\n  const handleBlur: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(false);\n      onBlur?.(event);\n    },\n    [setCalendarFocused, onBlur],\n  );\n\n  return (\n    <div\n      className={withBaseName()}\n      tabIndex={-1} // https://bugzilla.mozilla.org/show_bug.cgi?id=1069739\n      style={{\n        overflowX: \"hidden\",\n        position: \"relative\",\n      }}\n      ref={ref}\n    >\n      <div\n        className={withBaseName(\"grid\")}\n        ref={containerRef}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        {...rest}\n      >\n        {months.map((date, index) => (\n          <div\n            key={formatDate(date, locale)}\n            className={withBaseName(\"slide\")}\n            style={{\n              transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`,\n            }}\n            aria-hidden={index !== 1 ? \"true\" : undefined}\n          >\n            <CalendarMonth {...getCalendarMonthProps(date)} date={date} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CalendarDateGrid","useWindow","useComponentCssInjection","calendarDateGridCss","useCalendarContext","useRef","monthDiff","useIsomorphicLayoutEffect","useState","useEffect","isSameMonth","formatDate","useCallback","jsx","CalendarMonth"],"mappings":"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"}

package/dist-cjs/calendar/formatDate.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var date = require('@internationalized/date');
-
-function getCurrentLocale() {
-  return navigator.languages[0];
-}
-const defaultFormatOptions = {
-  day: "2-digit",
-  month: "short",
-  year: "numeric"
-};
-function formatDate(date$1, locale, options) {
-  var _a, _b, _c;
-  if (!date$1) {
-    return "";
-  }
-  const timeLocale = locale || getCurrentLocale();
-  const timeZone = (options == null ? void 0 : options.timeZone) || date.getLocalTimeZone();
-  const formatter = new date.DateFormatter(timeLocale, {
-    ...defaultFormatOptions,
-    ...options
-  });
-  const formattedDate = formatter.formatToParts(date$1.toDate(timeZone));
-  const isNumericFormat = (options == null ? void 0 : options.month) === "numeric" || defaultFormatOptions.month === "numeric";
-  const separator = isNumericFormat ? "/" : " ";
-  const parts = [];
-  if ((options == null ? void 0 : options.day) !== void 0 || defaultFormatOptions.day !== void 0) {
-    const day = (_a = formattedDate.find(
-      (part) => part.type === "day"
-    )) == null ? void 0 : _a.value;
-    if (day) parts.push(day);
-  }
-  if ((options == null ? void 0 : options.month) !== void 0 || defaultFormatOptions.month !== void 0) {
-    const month = (_b = formattedDate.find(
-      (part) => part.type === "month"
-    )) == null ? void 0 : _b.value;
-    if (month) parts.push(month);
-  }
-  if ((options == null ? void 0 : options.year) !== void 0 || defaultFormatOptions.year !== void 0) {
-    const year = (_c = formattedDate.find(
-      (part) => part.type === "year"
-    )) == null ? void 0 : _c.value;
-    if (year) parts.push(year);
-  }
-  return parts.join(separator);
-}
-
-exports.formatDate = formatDate;
-exports.getCurrentLocale = getCurrentLocale;
-//# sourceMappingURL=formatDate.js.map

package/dist-cjs/calendar/formatDate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatDate.js","sources":["../src/calendar/formatDate.ts"],"sourcesContent":["import {\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n} from \"@internationalized/date\";\n\n/**\n * Gets the current locale from the browser.\n * @returns The current locale as a string.\n */\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\n/**\n * Default options for date formatting.\n */\nconst defaultFormatOptions: Intl.DateTimeFormatOptions = {\n  day: \"2-digit\",\n  month: \"short\",\n  year: \"numeric\",\n};\n\n/**\n * Formats a date value according to the specified locale and options.\n * @param date - The date value to format.\n * @param locale - The locale to use for formatting. Defaults to the current locale.\n * @param options - Additional options for date formatting.\n * @returns The formatted date as a string.\n */\nexport function formatDate(\n  date: DateValue | null,\n  locale?: string,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  if (!date) {\n    return \"\";\n  }\n  const timeLocale = locale || getCurrentLocale();\n  const timeZone = options?.timeZone || getLocalTimeZone();\n\n  const formatter = new DateFormatter(timeLocale, {\n    ...defaultFormatOptions,\n    ...options,\n  });\n\n  const formattedDate = formatter.formatToParts(date.toDate(timeZone));\n\n  // Determine the separator based on the provided options\n  const isNumericFormat =\n    options?.month === \"numeric\" || defaultFormatOptions.month === \"numeric\";\n  const separator = isNumericFormat ? \"/\" : \" \";\n\n  // Some locales (USA) added commas, so construct the final date ourselves from formatter parts\n  const parts = [];\n  if (options?.day !== undefined || defaultFormatOptions.day !== undefined) {\n    const day = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"day\",\n    )?.value;\n    if (day) parts.push(day);\n  }\n  if (\n    options?.month !== undefined ||\n    defaultFormatOptions.month !== undefined\n  ) {\n    const month = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"month\",\n    )?.value;\n    if (month) parts.push(month);\n  }\n  if (options?.year !== undefined || defaultFormatOptions.year !== undefined) {\n    const year = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"year\",\n    )?.value;\n    if (year) parts.push(year);\n  }\n\n  return parts.join(separator);\n}\n"],"names":["date","getLocalTimeZone","DateFormatter"],"mappings":";;;;AAUO,SAAS,gBAAmB,GAAA;AACjC,EAAO,OAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AAC9B;AAKA,MAAM,oBAAmD,GAAA;AAAA,EACvD,GAAK,EAAA,SAAA;AAAA,EACL,KAAO,EAAA,OAAA;AAAA,EACP,IAAM,EAAA;AACR,CAAA;AASgB,SAAA,UAAA,CACdA,MACA,EAAA,MAAA,EACA,OACA,EAAA;AAlCF,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAmCE,EAAA,IAAI,CAACA,MAAM,EAAA;AACT,IAAO,OAAA,EAAA;AAAA;AAET,EAAM,MAAA,UAAA,GAAa,UAAU,gBAAiB,EAAA;AAC9C,EAAM,MAAA,QAAA,GAAA,CAAW,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,QAAA,KAAYC,qBAAiB,EAAA;AAEvD,EAAM,MAAA,SAAA,GAAY,IAAIC,kBAAA,CAAc,UAAY,EAAA;AAAA,IAC9C,GAAG,oBAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAA;AAED,EAAA,MAAM,gBAAgB,SAAU,CAAA,aAAA,CAAcF,MAAK,CAAA,MAAA,CAAO,QAAQ,CAAC,CAAA;AAGnE,EAAA,MAAM,eACJ,GAAA,CAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,KAAU,MAAA,SAAA,IAAa,qBAAqB,KAAU,KAAA,SAAA;AACjE,EAAM,MAAA,SAAA,GAAY,kBAAkB,GAAM,GAAA,GAAA;AAG1C,EAAA,MAAM,QAAQ,EAAC;AACf,EAAA,IAAA,CAAI,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,GAAA,MAAQ,KAAa,CAAA,IAAA,oBAAA,CAAqB,QAAQ,KAAW,CAAA,EAAA;AACxE,IAAA,MAAM,OAAM,EAAc,GAAA,aAAA,CAAA,IAAA;AAAA,MACxB,CAAC,IAAkC,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,UADvC,IAET,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA;AACH,IAAI,IAAA,GAAA,EAAW,KAAA,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA;AAEzB,EAAA,IAAA,CACE,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,MAAU,KACnB,CAAA,IAAA,oBAAA,CAAqB,UAAU,KAC/B,CAAA,EAAA;AACA,IAAA,MAAM,SAAQ,EAAc,GAAA,aAAA,CAAA,IAAA;AAAA,MAC1B,CAAC,IAAkC,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,UADrC,IAEX,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA;AACH,IAAI,IAAA,KAAA,EAAa,KAAA,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA;AAE7B,EAAA,IAAA,CAAI,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,IAAA,MAAS,KAAa,CAAA,IAAA,oBAAA,CAAqB,SAAS,KAAW,CAAA,EAAA;AAC1E,IAAA,MAAM,QAAO,EAAc,GAAA,aAAA,CAAA,IAAA;AAAA,MACzB,CAAC,IAAkC,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,UADtC,IAEV,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA;AACH,IAAI,IAAA,IAAA,EAAY,KAAA,CAAA,IAAA,CAAK,IAAI,CAAA;AAAA;AAG3B,EAAO,OAAA,KAAA,CAAM,KAAK,SAAS,CAAA;AAC7B;;;;;"}

package/dist-cjs/date-input/utils.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var date = require('@internationalized/date');
-
-function parseCalendarDate(inputDate) {
-  if (!(inputDate == null ? void 0 : inputDate.length)) {
-    return { date: null, error: false };
-  }
-  const date$1 = new Date(inputDate);
-  if (Number.isNaN(date$1.getTime())) {
-    return { date: null, error: "not a valid date" };
-  }
-  const year = date$1.getFullYear();
-  const month = date$1.getMonth() + 1;
-  const day = date$1.getDate();
-  try {
-    const isoDate = new date.CalendarDate(year, month, day);
-    return { date: isoDate, error: false };
-  } catch (err) {
-    return { date: null, error: err.message };
-  }
-}
-function parseZonedDateTime(inputDate, timeZone = date.getLocalTimeZone()) {
-  const parsedDate = parseCalendarDate(inputDate);
-  if (!parsedDate.date || parsedDate.error) {
-    return { ...parsedDate, date: null };
-  }
-  try {
-    const zonedDate = date.toZoned(parsedDate.date, timeZone, "compatible");
-    return { date: zonedDate, error: false };
-  } catch (err) {
-    return { date: null, error: err.message };
-  }
-}
-const dateSupportsTime = (date$1) => date$1 instanceof date.CalendarDateTime || date$1 instanceof date.ZonedDateTime;
-function extractTimeFieldsFromDateRange(selectedDate) {
-  let startTime;
-  let endTime;
-  if (selectedDate) {
-    if (selectedDate.startDate && dateSupportsTime(selectedDate.startDate)) {
-      const { hour, minute, second, millisecond } = selectedDate.startDate;
-      startTime = { hour, minute, second, millisecond };
-    }
-    if (selectedDate.endDate && dateSupportsTime(selectedDate.endDate)) {
-      const { hour, minute, second, millisecond } = selectedDate.endDate;
-      endTime = { hour, minute, second, millisecond };
-    }
-  }
-  return { startTime, endTime };
-}
-function extractTimeFieldsFromDate(selectedDate) {
-  if (selectedDate && dateSupportsTime(selectedDate)) {
-    const { hour, minute, second, millisecond } = selectedDate;
-    return { hour, minute, second, millisecond };
-  }
-}
-
-exports.dateSupportsTime = dateSupportsTime;
-exports.extractTimeFieldsFromDate = extractTimeFieldsFromDate;
-exports.extractTimeFieldsFromDateRange = extractTimeFieldsFromDateRange;
-exports.parseCalendarDate = parseCalendarDate;
-exports.parseZonedDateTime = parseZonedDateTime;
-//# sourceMappingURL=utils.js.map

package/dist-cjs/date-input/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/date-input/utils.ts"],"sourcesContent":["import {\n  CalendarDate,\n  CalendarDateTime,\n  type DateValue,\n  type TimeFields,\n  ZonedDateTime,\n  getLocalTimeZone,\n  toZoned,\n} from \"@internationalized/date\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\n\nexport type RangeTimeFields = {\n  startTime?: TimeFields;\n  endTime?: TimeFields;\n};\n\n/**\n * Parses a string into a CalendarDate.\n * @param inputDate - The input date string.\n * @returns An object containing the parsed date and any error encountered.\n */\nexport function parseCalendarDate(inputDate: string): {\n  date: DateValue | null;\n  error: string | false;\n} {\n  if (!inputDate?.length) {\n    return { date: null, error: false };\n  }\n  const date = new Date(inputDate);\n  if (Number.isNaN(date.getTime())) {\n    return { date: null, error: \"not a valid date\" };\n  }\n\n  const year = date.getFullYear();\n  const month = date.getMonth() + 1;\n  const day = date.getDate();\n\n  try {\n    const isoDate = new CalendarDate(year, month, day);\n    return { date: isoDate, error: false };\n  } catch (err) {\n    return { date: null, error: (err as Error).message };\n  }\n}\n\n/**\n * Parses a string into a ZonedDateTime.\n * @param inputDate - The input date string.\n * @param timeZone - The time zone to use for parsing. Defaults to the local time zone.\n * @returns An object containing the parsed date and any error encountered.\n */\nexport function parseZonedDateTime(\n  inputDate: string,\n  timeZone: string = getLocalTimeZone(),\n): {\n  date: DateValue | null;\n  error: string | false;\n} {\n  const parsedDate = parseCalendarDate(inputDate);\n  if (!parsedDate.date || parsedDate.error) {\n    return { ...parsedDate, date: null };\n  }\n  try {\n    const zonedDate = toZoned(parsedDate.date, timeZone, \"compatible\");\n    return { date: zonedDate, error: false };\n  } catch (err) {\n    return { date: null, error: (err as Error).message };\n  }\n}\n\n/**\n * Checks if a date supports time fields.\n * @param date - The date to check.\n * @returns `true` if the date supports time fields, otherwise `false`.\n */\nexport const dateSupportsTime = (\n  date: DateValue,\n): date is CalendarDateTime | ZonedDateTime =>\n  date instanceof CalendarDateTime || date instanceof ZonedDateTime;\n\n/**\n * Extracts time fields from a date range selection.\n * @param selectedDate - The selected date range.\n * @returns An object containing the start and end time fields.\n */\nexport function extractTimeFieldsFromDateRange(\n  selectedDate: DateRangeSelection | null,\n): RangeTimeFields {\n  let startTime: TimeFields | undefined;\n  let endTime: TimeFields | undefined;\n  if (selectedDate) {\n    if (selectedDate.startDate && dateSupportsTime(selectedDate.startDate)) {\n      const { hour, minute, second, millisecond } = selectedDate.startDate;\n      startTime = { hour, minute, second, millisecond };\n    }\n    if (selectedDate.endDate && dateSupportsTime(selectedDate.endDate)) {\n      const { hour, minute, second, millisecond } = selectedDate.endDate;\n      endTime = { hour, minute, second, millisecond };\n    }\n  }\n  return { startTime, endTime };\n}\n\n/**\n * Extracts time fields from a single date selection.\n * @param selectedDate - The selected date.\n * @returns The time fields of the selected date, if available.\n */\nexport function extractTimeFieldsFromDate(\n  selectedDate: SingleDateSelection | null,\n): TimeFields | undefined {\n  if (selectedDate && dateSupportsTime(selectedDate)) {\n    const { hour, minute, second, millisecond } = selectedDate;\n    return { hour, minute, second, millisecond };\n  }\n}\n"],"names":["date","CalendarDate","getLocalTimeZone","toZoned","CalendarDateTime","ZonedDateTime"],"mappings":"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"}

package/dist-es/calendar/CalendarDateGrid.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltCalendarDateGrid-grid {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarDateGrid-grid > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarDateGrid-grid > :nth-child(2) {\n  position: relative;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarDateGrid.css.js.map

package/dist-es/calendar/CalendarDateGrid.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDateGrid.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/calendar/CalendarDateGrid.js

@@ -1,103 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { isSameMonth } from '@internationalized/date';
-import { makePrefixer, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
-import { useCalendarContext } from './internal/CalendarContext.js';
-import { CalendarMonth } from './internal/CalendarMonth.js';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import css_248z from './CalendarDateGrid.css.js';
-import { formatDate, monthDiff } from './internal/utils.js';
-
-function getMonths(month) {
-  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];
-}
-const withBaseName = makePrefixer("saltCalendarDateGrid");
-const CalendarDateGrid = forwardRef(function CalendarDateGrid2(props, ref) {
-  const {
-    onFocus,
-    onBlur,
-    getCalendarMonthProps = () => void 0,
-    ...rest
-  } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-calendar-date-grid",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    state: { visibleMonth, locale },
-    helpers: { setCalendarFocused }
-  } = useCalendarContext();
-  const containerRef = useRef(null);
-  const diffIndex = (a, b) => monthDiff(a, b);
-  const { current: baseIndex } = useRef(visibleMonth);
-  useIsomorphicLayoutEffect(() => {
-    if (containerRef.current) {
-      containerRef.current.style.transform = `translate3d(${diffIndex(baseIndex, visibleMonth) * -101}%, 0, 0)`;
-    }
-  });
-  const [months, setMonths] = useState(() => getMonths(visibleMonth));
-  useEffect(() => {
-    setMonths((oldMonths) => {
-      const newMonths = getMonths(visibleMonth).filter((month) => {
-        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));
-      });
-      return oldMonths.concat(newMonths);
-    });
-    setMonths(getMonths(visibleMonth));
-    return void 0;
-  }, [formatDate(visibleMonth, locale)]);
-  const handleFocus = useCallback(
-    (event) => {
-      setCalendarFocused(true);
-      onFocus == null ? void 0 : onFocus(event);
-    },
-    [setCalendarFocused, onFocus]
-  );
-  const handleBlur = useCallback(
-    (event) => {
-      setCalendarFocused(false);
-      onBlur == null ? void 0 : onBlur(event);
-    },
-    [setCalendarFocused, onBlur]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: withBaseName(),
-      tabIndex: -1,
-      style: {
-        overflowX: "hidden",
-        position: "relative"
-      },
-      ref,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: withBaseName("grid"),
-          ref: containerRef,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          ...rest,
-          children: months.map((date, index) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: withBaseName("slide"),
-              style: {
-                transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`
-              },
-              "aria-hidden": index !== 1 ? "true" : void 0,
-              children: /* @__PURE__ */ jsx(CalendarMonth, { ...getCalendarMonthProps(date), date })
-            },
-            formatDate(date, locale)
-          ))
-        }
-      )
-    }
-  );
-});
-
-export { CalendarDateGrid };
-//# sourceMappingURL=CalendarDateGrid.js.map

package/dist-es/calendar/CalendarDateGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDateGrid.js","sources":["../src/calendar/CalendarDateGrid.tsx"],"sourcesContent":["import { type DateValue, isSameMonth } from \"@internationalized/date\";\nimport { makePrefixer, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport {\n  CalendarMonth,\n  type CalendarMonthProps,\n} from \"./internal/CalendarMonth\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarDateGridCss from \"./CalendarDateGrid.css\";\nimport { formatDate, monthDiff } from \"./internal/utils\";\n\nexport interface CalendarDateGridProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Props getter to pass to each CalendarMonth element\n   */\n  getCalendarMonthProps?: (date: DateValue) => Omit<CalendarMonthProps, \"date\">;\n}\n\nfunction getMonths(month: DateValue) {\n  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDateGrid\");\n\nexport const CalendarDateGrid = forwardRef<\n  HTMLDivElement,\n  CalendarDateGridProps\n>(function CalendarDateGrid(props, ref) {\n  const {\n    onFocus,\n    onBlur,\n    getCalendarMonthProps = () => undefined,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-date-grid\",\n    css: calendarDateGridCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { visibleMonth, locale },\n    helpers: { setCalendarFocused },\n  } = useCalendarContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const diffIndex = (a: DateValue, b: DateValue) => monthDiff(a, b);\n\n  const { current: baseIndex } = useRef(visibleMonth);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.style.transform = `translate3d(${\n        diffIndex(baseIndex, visibleMonth) * -101 // needs to be higher than 100% so the next month doesn't show on the edges\n      }%, 0, 0)`;\n    }\n  });\n\n  const [months, setMonths] = useState(() => getMonths(visibleMonth));\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: uses formatData to change visibleMonth into string\n  useEffect(() => {\n    setMonths((oldMonths) => {\n      const newMonths = getMonths(visibleMonth).filter((month) => {\n        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));\n      });\n\n      return oldMonths.concat(newMonths);\n    });\n    setMonths(getMonths(visibleMonth));\n    return undefined;\n  }, [formatDate(visibleMonth, locale)]);\n\n  const handleFocus: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(true);\n      onFocus?.(event);\n    },\n    [setCalendarFocused, onFocus],\n  );\n\n  const handleBlur: FocusEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setCalendarFocused(false);\n      onBlur?.(event);\n    },\n    [setCalendarFocused, onBlur],\n  );\n\n  return (\n    <div\n      className={withBaseName()}\n      tabIndex={-1} // https://bugzilla.mozilla.org/show_bug.cgi?id=1069739\n      style={{\n        overflowX: \"hidden\",\n        position: \"relative\",\n      }}\n      ref={ref}\n    >\n      <div\n        className={withBaseName(\"grid\")}\n        ref={containerRef}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        {...rest}\n      >\n        {months.map((date, index) => (\n          <div\n            key={formatDate(date, locale)}\n            className={withBaseName(\"slide\")}\n            style={{\n              transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`,\n            }}\n            aria-hidden={index !== 1 ? \"true\" : undefined}\n          >\n            <CalendarMonth {...getCalendarMonthProps(date)} date={date} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarDateGrid","calendarDateGridCss"],"mappings":"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"}

package/dist-es/calendar/formatDate.js

@@ -1,48 +0,0 @@
-import { getLocalTimeZone, DateFormatter } from '@internationalized/date';
-
-function getCurrentLocale() {
-  return navigator.languages[0];
-}
-const defaultFormatOptions = {
-  day: "2-digit",
-  month: "short",
-  year: "numeric"
-};
-function formatDate(date, locale, options) {
-  var _a, _b, _c;
-  if (!date) {
-    return "";
-  }
-  const timeLocale = locale || getCurrentLocale();
-  const timeZone = (options == null ? void 0 : options.timeZone) || getLocalTimeZone();
-  const formatter = new DateFormatter(timeLocale, {
-    ...defaultFormatOptions,
-    ...options
-  });
-  const formattedDate = formatter.formatToParts(date.toDate(timeZone));
-  const isNumericFormat = (options == null ? void 0 : options.month) === "numeric" || defaultFormatOptions.month === "numeric";
-  const separator = isNumericFormat ? "/" : " ";
-  const parts = [];
-  if ((options == null ? void 0 : options.day) !== void 0 || defaultFormatOptions.day !== void 0) {
-    const day = (_a = formattedDate.find(
-      (part) => part.type === "day"
-    )) == null ? void 0 : _a.value;
-    if (day) parts.push(day);
-  }
-  if ((options == null ? void 0 : options.month) !== void 0 || defaultFormatOptions.month !== void 0) {
-    const month = (_b = formattedDate.find(
-      (part) => part.type === "month"
-    )) == null ? void 0 : _b.value;
-    if (month) parts.push(month);
-  }
-  if ((options == null ? void 0 : options.year) !== void 0 || defaultFormatOptions.year !== void 0) {
-    const year = (_c = formattedDate.find(
-      (part) => part.type === "year"
-    )) == null ? void 0 : _c.value;
-    if (year) parts.push(year);
-  }
-  return parts.join(separator);
-}
-
-export { formatDate, getCurrentLocale };
-//# sourceMappingURL=formatDate.js.map

package/dist-es/calendar/formatDate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatDate.js","sources":["../src/calendar/formatDate.ts"],"sourcesContent":["import {\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n} from \"@internationalized/date\";\n\n/**\n * Gets the current locale from the browser.\n * @returns The current locale as a string.\n */\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\n/**\n * Default options for date formatting.\n */\nconst defaultFormatOptions: Intl.DateTimeFormatOptions = {\n  day: \"2-digit\",\n  month: \"short\",\n  year: \"numeric\",\n};\n\n/**\n * Formats a date value according to the specified locale and options.\n * @param date - The date value to format.\n * @param locale - The locale to use for formatting. Defaults to the current locale.\n * @param options - Additional options for date formatting.\n * @returns The formatted date as a string.\n */\nexport function formatDate(\n  date: DateValue | null,\n  locale?: string,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  if (!date) {\n    return \"\";\n  }\n  const timeLocale = locale || getCurrentLocale();\n  const timeZone = options?.timeZone || getLocalTimeZone();\n\n  const formatter = new DateFormatter(timeLocale, {\n    ...defaultFormatOptions,\n    ...options,\n  });\n\n  const formattedDate = formatter.formatToParts(date.toDate(timeZone));\n\n  // Determine the separator based on the provided options\n  const isNumericFormat =\n    options?.month === \"numeric\" || defaultFormatOptions.month === \"numeric\";\n  const separator = isNumericFormat ? \"/\" : \" \";\n\n  // Some locales (USA) added commas, so construct the final date ourselves from formatter parts\n  const parts = [];\n  if (options?.day !== undefined || defaultFormatOptions.day !== undefined) {\n    const day = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"day\",\n    )?.value;\n    if (day) parts.push(day);\n  }\n  if (\n    options?.month !== undefined ||\n    defaultFormatOptions.month !== undefined\n  ) {\n    const month = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"month\",\n    )?.value;\n    if (month) parts.push(month);\n  }\n  if (options?.year !== undefined || defaultFormatOptions.year !== undefined) {\n    const year = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"year\",\n    )?.value;\n    if (year) parts.push(year);\n  }\n\n  return parts.join(separator);\n}\n"],"names":[],"mappings":";;AAUO,SAAS,gBAAmB,GAAA;AACjC,EAAO,OAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AAC9B;AAKA,MAAM,oBAAmD,GAAA;AAAA,EACvD,GAAK,EAAA,SAAA;AAAA,EACL,KAAO,EAAA,OAAA;AAAA,EACP,IAAM,EAAA;AACR,CAAA;AASgB,SAAA,UAAA,CACd,IACA,EAAA,MAAA,EACA,OACA,EAAA;AAlCF,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAmCE,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,EAAA;AAAA;AAET,EAAM,MAAA,UAAA,GAAa,UAAU,gBAAiB,EAAA;AAC9C,EAAM,MAAA,QAAA,GAAA,CAAW,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,QAAA,KAAY,gBAAiB,EAAA;AAEvD,EAAM,MAAA,SAAA,GAAY,IAAI,aAAA,CAAc,UAAY,EAAA;AAAA,IAC9C,GAAG,oBAAA;AAAA,IACH,GAAG;AAAA,GACJ,CAAA;AAED,EAAA,MAAM,gBAAgB,SAAU,CAAA,aAAA,CAAc,IAAK,CAAA,MAAA,CAAO,QAAQ,CAAC,CAAA;AAGnE,EAAA,MAAM,eACJ,GAAA,CAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,KAAU,MAAA,SAAA,IAAa,qBAAqB,KAAU,KAAA,SAAA;AACjE,EAAM,MAAA,SAAA,GAAY,kBAAkB,GAAM,GAAA,GAAA;AAG1C,EAAA,MAAM,QAAQ,EAAC;AACf,EAAA,IAAA,CAAI,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,GAAA,MAAQ,KAAa,CAAA,IAAA,oBAAA,CAAqB,QAAQ,KAAW,CAAA,EAAA;AACxE,IAAA,MAAM,OAAM,EAAc,GAAA,aAAA,CAAA,IAAA;AAAA,MACxB,CAAC,IAAkC,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,UADvC,IAET,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA;AACH,IAAI,IAAA,GAAA,EAAW,KAAA,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA;AAEzB,EAAA,IAAA,CACE,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,MAAU,KACnB,CAAA,IAAA,oBAAA,CAAqB,UAAU,KAC/B,CAAA,EAAA;AACA,IAAA,MAAM,SAAQ,EAAc,GAAA,aAAA,CAAA,IAAA;AAAA,MAC1B,CAAC,IAAkC,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,UADrC,IAEX,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA;AACH,IAAI,IAAA,KAAA,EAAa,KAAA,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA;AAE7B,EAAA,IAAA,CAAI,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,IAAA,MAAS,KAAa,CAAA,IAAA,oBAAA,CAAqB,SAAS,KAAW,CAAA,EAAA;AAC1E,IAAA,MAAM,QAAO,EAAc,GAAA,aAAA,CAAA,IAAA;AAAA,MACzB,CAAC,IAAkC,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,UADtC,IAEV,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA;AACH,IAAI,IAAA,IAAA,EAAY,KAAA,CAAA,IAAA,CAAK,IAAI,CAAA;AAAA;AAG3B,EAAO,OAAA,KAAA,CAAM,KAAK,SAAS,CAAA;AAC7B;;;;"}

package/dist-es/date-input/utils.js

@@ -1,57 +0,0 @@
-import { CalendarDate, toZoned, getLocalTimeZone, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
-
-function parseCalendarDate(inputDate) {
-  if (!(inputDate == null ? void 0 : inputDate.length)) {
-    return { date: null, error: false };
-  }
-  const date = new Date(inputDate);
-  if (Number.isNaN(date.getTime())) {
-    return { date: null, error: "not a valid date" };
-  }
-  const year = date.getFullYear();
-  const month = date.getMonth() + 1;
-  const day = date.getDate();
-  try {
-    const isoDate = new CalendarDate(year, month, day);
-    return { date: isoDate, error: false };
-  } catch (err) {
-    return { date: null, error: err.message };
-  }
-}
-function parseZonedDateTime(inputDate, timeZone = getLocalTimeZone()) {
-  const parsedDate = parseCalendarDate(inputDate);
-  if (!parsedDate.date || parsedDate.error) {
-    return { ...parsedDate, date: null };
-  }
-  try {
-    const zonedDate = toZoned(parsedDate.date, timeZone, "compatible");
-    return { date: zonedDate, error: false };
-  } catch (err) {
-    return { date: null, error: err.message };
-  }
-}
-const dateSupportsTime = (date) => date instanceof CalendarDateTime || date instanceof ZonedDateTime;
-function extractTimeFieldsFromDateRange(selectedDate) {
-  let startTime;
-  let endTime;
-  if (selectedDate) {
-    if (selectedDate.startDate && dateSupportsTime(selectedDate.startDate)) {
-      const { hour, minute, second, millisecond } = selectedDate.startDate;
-      startTime = { hour, minute, second, millisecond };
-    }
-    if (selectedDate.endDate && dateSupportsTime(selectedDate.endDate)) {
-      const { hour, minute, second, millisecond } = selectedDate.endDate;
-      endTime = { hour, minute, second, millisecond };
-    }
-  }
-  return { startTime, endTime };
-}
-function extractTimeFieldsFromDate(selectedDate) {
-  if (selectedDate && dateSupportsTime(selectedDate)) {
-    const { hour, minute, second, millisecond } = selectedDate;
-    return { hour, minute, second, millisecond };
-  }
-}
-
-export { dateSupportsTime, extractTimeFieldsFromDate, extractTimeFieldsFromDateRange, parseCalendarDate, parseZonedDateTime };
-//# sourceMappingURL=utils.js.map