@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/DateTimePicker/TimePeriodSelect.d.ts

@@ -1,5 +1,5 @@
-import { Period, PeriodLabels } from './DateTimeUtils';
 import { ComponentProps } from 'react';
+import { Period, PeriodLabels } from './DateTimeUtils';
 export interface TimePeriodSelectProps extends Omit<ComponentProps<'button'>, 'onChange' | 'ref'> {
     ariaLabel?: string;
     labels?: PeriodLabels;

package/dist/DateTimePicker/TimePeriodSelect.js

@@ -1,23 +1,48 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import "./DateTimeUtils.js";
-import { Select as S, SelectTrigger as A, SelectValue as v, SelectContent as w, SelectItem as o } from "../primitives/select.js";
-import { cn as y } from "../utils/twUtils.js";
-import { forwardRef as D } from "react";
-const L = { am: "AM", pm: "PM" }, M = D(({ ariaLabel: c, className: m, disabled: l, labels: e = L, onLeftFocus: d, onPeriodChange: n, onRightFocus: p, period: i, ...s }, f) => {
-  const u = c ?? `Select ${e.am} or ${e.pm}`, h = (t) => {
-    t.key === "ArrowRight" && (t.preventDefault(), p?.()), t.key === "ArrowLeft" && (t.preventDefault(), d?.());
-  };
-  return /* @__PURE__ */ a(S, { defaultValue: i, disabled: l, onValueChange: (t) => n(t), value: i, children: [
-    /* @__PURE__ */ r(A, { "aria-label": u, className: y("w-fit", m), "data-slot": "time-period-select", "data-testid": "spectral-time-period-select", onKeyDown: h, ref: f, size: "sm", ...s, children: /* @__PURE__ */ r(v, { children: i === "AM" ? e.am : e.pm }) }),
-    /* @__PURE__ */ a(w, { "data-testid": "spectral-time-period-select-content", position: "popper", sideOffset: 4, children: [
-      /* @__PURE__ */ r(o, { "data-testid": "spectral-time-period-select-am", value: "AM", children: e.am }),
-      /* @__PURE__ */ r(o, { "data-testid": "spectral-time-period-select-pm", value: "PM", children: e.pm })
-    ] })
-  ] });
+import { t as e } from "../twUtils-VNWgstKL.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../primitives/select.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/DateTimePicker/TimePeriodSelect.tsx
+var l = {
+	am: "AM",
+	pm: "PM"
+}, u = o(({ ariaLabel: o, className: u, disabled: d, labels: f = l, onLeftFocus: p, onPeriodChange: m, onRightFocus: h, period: g, ..._ }, v) => {
+	let y = o ?? `Select ${f.am} or ${f.pm}`, b = (e) => {
+		e.key === "ArrowRight" && (e.preventDefault(), h?.()), e.key === "ArrowLeft" && (e.preventDefault(), p?.());
+	};
+	return /* @__PURE__ */ c(t, {
+		defaultValue: g,
+		disabled: d,
+		onValueChange: (e) => m(e),
+		value: g,
+		children: [/* @__PURE__ */ s(i, {
+			"aria-label": y,
+			className: e("w-fit", u),
+			"data-slot": "time-period-select",
+			"data-testid": "spectral-time-period-select",
+			onKeyDown: b,
+			ref: v,
+			size: "sm",
+			..._,
+			children: /* @__PURE__ */ s(a, { children: g === "AM" ? f.am : f.pm })
+		}), /* @__PURE__ */ c(n, {
+			"data-testid": "spectral-time-period-select-content",
+			position: "popper",
+			sideOffset: 4,
+			children: [/* @__PURE__ */ s(r, {
+				"data-testid": "spectral-time-period-select-am",
+				value: "AM",
+				children: f.am
+			}), /* @__PURE__ */ s(r, {
+				"data-testid": "spectral-time-period-select-pm",
+				value: "PM",
+				children: f.pm
+			})]
+		})]
+	});
 });
-M.displayName = "TimePeriodSelect";
-export {
-  M as TimePeriodSelect
-};
+u.displayName = "TimePeriodSelect";
+//#endregion
+export { u as TimePeriodSelect };

package/dist/DateTimePicker/TimePicker.d.ts

@@ -1,5 +1,5 @@
-import { HourFormat, Period, TimePickerTranslations } from './DateTimeUtils';
 import { ComponentProps } from 'react';
+import { HourFormat, Period, TimePickerTranslations } from './DateTimeUtils';
 export interface TimePickerProps extends Omit<ComponentProps<'div'>, 'onChange'> {
     date: Date | undefined;
     hourFormat?: HourFormat;

package/dist/DateTimePicker/TimePicker.js

@@ -1,63 +1,79 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as A, jsx as c } from "react/jsx-runtime";
-import { DateTimeInput as T } from "./DateTimeInput.js";
-import { getResolvedLocale as x, DEFAULT_TRANSLATIONS as S, detectHourFormat as j, getLocalizedPeriodLabels as M, formatSelectPeriodLabel as I, getPeriodFromHours as b } from "./DateTimeUtils.js";
-import { TimePeriodSelect as w } from "./TimePeriodSelect.js";
-import { cn as y } from "../utils/twUtils.js";
-import { useRef as d, useMemo as s } from "react";
-const z = ({ className: g, date: t, hourFormat: p, locale: f, onChange: a, onPeriodChange: L, translations: P, ...R }) => {
-  const l = d(null), h = d(null), k = d(null), o = s(() => x(f), [f]), e = s(() => ({ ...S, ...P }), [P]), v = s(() => p ?? j(o), [p, o]), n = s(() => M(o), [o]), F = s(() => I(n, e.selectPeriodTemplate), [e.selectPeriodTemplate, n]), r = v === "24", u = t ? b(t.getHours()) : "AM", N = (i) => {
-    if (!t) {
-      L?.(i);
-      return;
-    }
-    const m = new Date(t), H = m.getHours();
-    if (b(H) !== i) {
-      const D = i === "PM" ? 12 : -12;
-      m.setHours(H + D), a(m);
-    }
-    L?.(i);
-  };
-  return /* @__PURE__ */ A("div", { "aria-label": r ? e.timePicker24Hour : e.timePicker12Hour, className: y("inline-flex items-center gap-1", g), "data-slot": "time-picker", "data-testid": "spectral-time-picker", role: "group", ...R, children: [
-    /* @__PURE__ */ c(
-      T,
-      {
-        "aria-label": r ? e.hours24 : e.hours12,
-        className: "w-12",
-        "data-testid": "spectral-time-picker-hours",
-        date: t,
-        locale: o,
-        onRightFocus: () => l.current?.focus(),
-        period: r ? void 0 : u,
-        picker: r ? "hours" : "12hours",
-        ref: h,
-        setDate: a,
-        translations: e
-      }
-    ),
-    /* @__PURE__ */ c("span", { "aria-hidden": "true", className: "select-none", children: ":" }),
-    /* @__PURE__ */ c(
-      T,
-      {
-        "aria-label": e.minutes,
-        className: "w-12",
-        "data-testid": "spectral-time-picker-minutes",
-        date: t,
-        locale: o,
-        onLeftFocus: () => h.current?.focus(),
-        onRightFocus: r ? void 0 : () => k.current?.focus(),
-        period: r ? void 0 : u,
-        picker: "minutes",
-        ref: l,
-        setDate: a,
-        translations: e
-      }
-    ),
-    !r && /* @__PURE__ */ c(w, { ariaLabel: F, labels: n, onLeftFocus: () => l.current?.focus(), onPeriodChange: N, period: u, ref: k })
-  ] });
-};
-z.displayName = "TimePicker";
-export {
-  z as TimePicker
+import { t as e } from "../twUtils-VNWgstKL.js";
+import { S as t, b as n, f as r, t as i, u as a, x as o } from "../DateTimeUtils-DVvG6H-p.js";
+import { DateTimeInput as s } from "./DateTimeInput.js";
+import { TimePeriodSelect as c } from "./TimePeriodSelect.js";
+import { useMemo as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/DateTimePicker/TimePicker.tsx
+var p = ({ className: p, date: m, hourFormat: h, locale: g, onChange: _, onPeriodChange: v, translations: y, ...b }) => {
+	let x = u(null), S = u(null), C = u(null), w = l(() => t(g), [g]), T = l(() => ({
+		...i,
+		...y
+	}), [y]), E = l(() => h ?? a(w), [h, w]), D = l(() => n(w), [w]), O = l(() => r(D, T.selectPeriodTemplate), [T.selectPeriodTemplate, D]), k = E === "24", A = m ? o(m.getHours()) : "AM", j = (e) => {
+		if (!m) {
+			v?.(e);
+			return;
+		}
+		let t = new Date(m), n = t.getHours();
+		if (o(n) !== e) {
+			let r = e === "PM" ? 12 : -12;
+			t.setHours(n + r), _(t);
+		}
+		v?.(e);
+	};
+	return /* @__PURE__ */ f("div", {
+		"aria-label": k ? T.timePicker24Hour : T.timePicker12Hour,
+		className: e("gap-1 inline-flex items-center", p),
+		"data-slot": "time-picker",
+		"data-testid": "spectral-time-picker",
+		role: "group",
+		...b,
+		children: [
+			/* @__PURE__ */ d(s, {
+				"aria-label": k ? T.hours24 : T.hours12,
+				className: "w-12",
+				"data-testid": "spectral-time-picker-hours",
+				date: m,
+				locale: w,
+				onRightFocus: () => x.current?.focus(),
+				period: k ? void 0 : A,
+				picker: k ? "hours" : "12hours",
+				ref: S,
+				setDate: _,
+				translations: T
+			}),
+			/* @__PURE__ */ d("span", {
+				"aria-hidden": "true",
+				className: "select-none",
+				children: ":"
+			}),
+			/* @__PURE__ */ d(s, {
+				"aria-label": T.minutes,
+				className: "w-12",
+				"data-testid": "spectral-time-picker-minutes",
+				date: m,
+				locale: w,
+				onLeftFocus: () => S.current?.focus(),
+				onRightFocus: k ? void 0 : () => C.current?.focus(),
+				period: k ? void 0 : A,
+				picker: "minutes",
+				ref: x,
+				setDate: _,
+				translations: T
+			}),
+			!k && /* @__PURE__ */ d(c, {
+				ariaLabel: O,
+				labels: D,
+				onLeftFocus: () => x.current?.focus(),
+				onPeriodChange: j,
+				period: A,
+				ref: C
+			})
+		]
+	});
 };
+p.displayName = "TimePicker";
+//#endregion
+export { p as TimePicker };

package/dist/DateTimePicker.d.ts

@@ -1,7 +1,7 @@
-import { CalendarProps } from './Calendar';
-import { HourFormat, TimePickerTranslations } from './DateTimeUtils';
 import { ComponentProps } from 'react';
 import { Locale } from 'react-day-picker';
+import { CalendarProps } from './Calendar';
+import { HourFormat, TimePickerTranslations } from './DateTimeUtils';
 export interface DateTimePickerProps extends Omit<ComponentProps<'div'>, 'onChange' | 'defaultValue'> {
     calendarProps?: Omit<CalendarProps, 'mode' | 'selected' | 'onSelect' | 'disablePastDates' | 'locale'>;
     defaultValue?: Date;

package/dist/DateTimePicker.js

@@ -1,208 +1,90 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Calendar as b } from "./DateTimePicker/Calendar.js";
-import { DateTimeDisplayInput as k } from "./DateTimePicker/DateTimeDisplayInput.js";
-import { getResolvedLocale as w, detectHourFormat as I } from "./DateTimePicker/DateTimeUtils.js";
-import { DEFAULT_TRANSLATIONS as gr, DateTimeConfigSchema as fr, HourFormatSchema as hr, PICKER_TYPES as Tr, PeriodSchema as vr, TIME_BOUNDS as xr, TimePickerTypeSchema as Hr, TimeValueSchema as yr, convert12HourTo24Hour as Vr, display12HourValue as Cr, formatSelectPeriodLabel as Sr, formatTimeNumber as Nr, getAriaLabel as Pr, getAriaValueMinMax as Ar, getAriaValueNow as Dr, getArrowByType as br, getDateByType as kr, getLocalizedPeriodLabel as wr, getLocalizedPeriodLabels as Ir, getPeriodFromHours as Lr, getValid12Hour as Mr, getValidArrow12Hour as Fr, getValidArrowHour as Er, getValidArrowMinute as Br, getValidArrowNumber as Or, getValidHour as jr, getValidMinute as Rr, getValidNumber as _r, isValid12Hour as zr, isValidHour as Ur, isValidMinute as Kr, set12Hours as Yr, setDateByType as qr, setHours as Gr, setMinutes as Jr } from "./DateTimePicker/DateTimeUtils.js";
-import { TimePicker as L } from "./DateTimePicker/TimePicker.js";
-import "./Icons/AnalyzeIcon.js";
-import "./Icons/AnnotationsIcon.js";
-import "./Icons/ApprovedIcon.js";
-import "./Icons/ArrowDownIcon.js";
-import "./Icons/ArrowUpIcon.js";
-import "./Icons/BoxToolIcon.js";
-import { CalendarIcon as M } from "./Icons/CalendarIcon.js";
-import "./Icons/CheckCircleIcon.js";
-import "./Icons/CheckSquareIcon.js";
-import "./Icons/CheckmarkIcon.js";
-import "./Icons/ChevronDownIcon.js";
-import "./Icons/ChevronUpIcon.js";
-import "./Icons/ClockIcon.js";
-import "./Icons/CloseCircleIcon.js";
-import "./Icons/CloseIcon.js";
-import "./Icons/DashboardIcon.js";
-import "./Icons/DatabaseIcon.js";
-import "./Icons/DeleteIcon.js";
-import "./Icons/DurationIcon.js";
-import "./Icons/EditIcon.js";
-import "./Icons/EmailIcon.js";
-import "./Icons/EraserIcon.js";
-import "./Icons/ErrorIcon.js";
-import "./Icons/EyeClosedIcon.js";
-import "./Icons/EyeClosedIcon2.js";
-import "./Icons/EyeOpenIcon.js";
-import "./Icons/FileDownloadIcon.js";
-import "./Icons/GoToFirstIcon.js";
-import "./Icons/GoToLastIcon.js";
-import "./Icons/HarmonicCursorsIcon.js";
-import "./Icons/InfoIcon.js";
-import "./Icons/KeyboardIcon.js";
-import "./Icons/LabelIcon.js";
-import "./Icons/LassoIcon.js";
-import "./Icons/LineToolIcon.js";
-import "./Icons/LiveViewIcon.js";
-import "./Icons/LoaderIcon.js";
-import "./Icons/LocationIcon.js";
-import "./Icons/LogoutIcon.js";
-import "./Icons/MeasureIcon.js";
-import "./Icons/MessagesIcon.js";
-import "./Icons/MetadataIcon.js";
-import "./Icons/MinusIcon.js";
-import "./Icons/OntologyIcon.js";
-import "./Icons/PanelIconClose.js";
-import "./Icons/PanelIconOpen.js";
-import "./Icons/PlayIcon.js";
-import "./Icons/PlusIcon.js";
-import "./Icons/PolygonIcon.js";
-import "./Icons/ResetIcon.js";
-import "./Icons/ReviewedIcon.js";
-import "./Icons/ScissorsIcon.js";
-import "./Icons/SearchIcon.js";
-import "./Icons/SettingsIcon.js";
-import "./Icons/SortAscendingIcon.js";
-import "./Icons/SortAtoZIcon.js";
-import "./Icons/SortDescendingIcon.js";
-import "./Icons/SortZtoAIcon.js";
-import "./Icons/StackIcon.js";
-import "./Icons/StarIcon.js";
-import "./Icons/TrashIcon.js";
-import "./Icons/UndoIcon.js";
-import "./Icons/User2Icon.js";
-import "./Icons/UserIcon.js";
-import "./Icons/WarningIcon.js";
-import "./Icons/ZoomAllIcon.js";
-import "./Icons/ZoomXIcon.js";
-import "./Icons/ZoomYIcon.js";
-import { Popover as F, PopoverTrigger as E, PopoverContent as B } from "./Popover.js";
-import { useControllableState as O } from "./hooks/useControllableState.js";
-import { ErrorMessage as j } from "./utils/formFieldUtils.js";
-import { cn as a } from "./utils/twUtils.js";
-import { useMemo as g, useCallback as R } from "react";
-import { DateTimeInput as Wr } from "./DateTimePicker/DateTimeInput.js";
-import { TimePeriodSelect as Zr } from "./DateTimePicker/TimePeriodSelect.js";
-const _ = ({
-  calendarProps: f,
-  className: h,
-  defaultValue: T,
-  disabled: m = !1,
-  disablePastDates: v = !0,
-  errorMessage: s,
-  hourFormat: d,
-  label: x,
-  locale: H,
-  onChange: y,
-  showTimePicker: o = !0,
-  state: c = "default",
-  timeLocale: u,
-  timeTranslations: V,
-  value: C,
-  ...S
-}) => {
-  const [r, i] = O({
-    defaultValue: T,
-    onChange: y,
-    value: C
-  }), l = g(() => w(u), [u]), p = g(() => d ?? I(l), [d, l]), N = (t) => {
-    if (!t) {
-      i(void 0);
-      return;
-    }
-    r && t.setHours(r.getHours(), r.getMinutes(), 0, 0), i(t);
-  }, P = R(
-    (t) => {
-      i(t);
-    },
-    [i]
-  ), A = (t) => {
-  }, D = (t) => {
-    i(t);
-  };
-  return /* @__PURE__ */ n(F, { children: [
-    /* @__PURE__ */ n("div", { className: a("w-full", h), "data-slot": "datetime-picker", "data-testid": "spectral-datetime-picker", ...S, children: [
-      /* @__PURE__ */ e(
-        k,
-        {
-          className: a("flex w-full justify-start gap-4 pr-12", !r && "text-text-secondary"),
-          "data-testid": "spectral-datetime-picker-input",
-          disabled: m,
-          endIcon: /* @__PURE__ */ e(E, { asChild: !0, disabled: m, children: /* @__PURE__ */ e(
-            M,
-            {
-              "aria-label": "Open date picker",
-              className: a("text-input-icon hover:text-input-icon--hover absolute top-1/2 right-4 -translate-y-1/2 cursor-pointer focus:outline-none", m ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
-              "data-testid": "spectral-datetime-picker-trigger",
-              disabled: m
-            }
-          ) }),
-          hourFormat: p,
-          label: x,
-          onChange: D,
-          showTime: o,
-          state: c,
-          value: r
-        }
-      ),
-      c === "error" && s && /* @__PURE__ */ e(j, { message: s, dataTestId: "spectral-datetime-picker-error-message", id: "datetime-picker-error" })
-    ] }),
-    /* @__PURE__ */ n(
-      B,
-      {
-        align: "start",
-        className: a("flex rounded-lg px-6 py-4", !o && "w-[330px]", o && p === "24" && "w-[486px]", o && p === "12" && "w-[560px]"),
-        "data-testid": "spectral-datetime-picker-popover",
-        onOpenAutoFocus: (t) => t.preventDefault(),
-        children: [
-          /* @__PURE__ */ e(b, { ...f, disablePastDates: v, locale: H, mode: "single", onSelect: N, selected: r }),
-          o && /* @__PURE__ */ e("div", { className: "border-border-secondary border-l pl-6", children: /* @__PURE__ */ e(L, { date: r, hourFormat: p, locale: l, onChange: P, onPeriodChange: A, translations: V }) })
-        ]
-      }
-    )
-  ] });
-};
-_.displayName = "DateTimePicker";
-export {
-  b as Calendar,
-  gr as DEFAULT_TRANSLATIONS,
-  fr as DateTimeConfigSchema,
-  k as DateTimeDisplayInput,
-  Wr as DateTimeInput,
-  _ as DateTimePicker,
-  hr as HourFormatSchema,
-  Tr as PICKER_TYPES,
-  vr as PeriodSchema,
-  xr as TIME_BOUNDS,
-  Zr as TimePeriodSelect,
-  L as TimePicker,
-  Hr as TimePickerTypeSchema,
-  yr as TimeValueSchema,
-  Vr as convert12HourTo24Hour,
-  I as detectHourFormat,
-  Cr as display12HourValue,
-  Sr as formatSelectPeriodLabel,
-  Nr as formatTimeNumber,
-  Pr as getAriaLabel,
-  Ar as getAriaValueMinMax,
-  Dr as getAriaValueNow,
-  br as getArrowByType,
-  kr as getDateByType,
-  wr as getLocalizedPeriodLabel,
-  Ir as getLocalizedPeriodLabels,
-  Lr as getPeriodFromHours,
-  w as getResolvedLocale,
-  Mr as getValid12Hour,
-  Fr as getValidArrow12Hour,
-  Er as getValidArrowHour,
-  Br as getValidArrowMinute,
-  Or as getValidArrowNumber,
-  jr as getValidHour,
-  Rr as getValidMinute,
-  _r as getValidNumber,
-  zr as isValid12Hour,
-  Ur as isValidHour,
-  Kr as isValidMinute,
-  Yr as set12Hours,
-  qr as setDateByType,
-  Gr as setHours,
-  Jr as setMinutes
+import { CalendarIcon as e } from "./Icons/CalendarIcon.js";
+import { t } from "./twUtils-VNWgstKL.js";
+import { ErrorMessage as n } from "./utils/formFieldUtils.js";
+import { useControllableState as r } from "./hooks/useControllableState.js";
+import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "./Popover.js";
+import { t as s } from "./Calendar-s4lyijkn.js";
+import { A as c, C as l, D as u, E as d, F as f, I as p, L as m, M as h, N as g, O as _, P as v, S as y, T as b, _ as x, a as S, b as C, c as w, d as T, f as E, g as D, h as O, i as k, j as A, k as j, l as M, m as N, n as P, o as F, p as I, r as L, s as R, t as z, u as B, v as V, w as H, x as U, y as W } from "./DateTimeUtils-DVvG6H-p.js";
+import { DateTimeDisplayInput as G } from "./DateTimePicker/DateTimeDisplayInput.js";
+import { DateTimeInput as K } from "./DateTimePicker/DateTimeInput.js";
+import { TimePeriodSelect as q } from "./DateTimePicker/TimePeriodSelect.js";
+import { TimePicker as J } from "./DateTimePicker/TimePicker.js";
+import { useCallback as Y, useMemo as X } from "react";
+import { jsx as Z, jsxs as Q } from "react/jsx-runtime";
+//#region src/components/DateTimePicker/DateTimePicker.tsx
+var $ = ({ calendarProps: c, className: l, defaultValue: u, disabled: d = !1, disablePastDates: f = !0, errorMessage: p, hourFormat: m, label: h, locale: g, onChange: _, showTimePicker: v = !0, state: b = "default", timeLocale: x, timeTranslations: S, value: C, ...w }) => {
+	let [T, E] = r({
+		defaultValue: u,
+		onChange: _,
+		value: C
+	}), D = X(() => y(x), [x]), O = X(() => m ?? B(D), [m, D]), k = (e) => {
+		if (!e) {
+			E(void 0);
+			return;
+		}
+		T && e.setHours(T.getHours(), T.getMinutes(), 0, 0), E(e);
+	}, A = Y((e) => {
+		E(e);
+	}, [E]), j = (e) => {}, M = (e) => {
+		E(e);
+	};
+	return /* @__PURE__ */ Q(i, { children: [/* @__PURE__ */ Q("div", {
+		className: t("w-full", l),
+		"data-slot": "datetime-picker",
+		"data-testid": "spectral-datetime-picker",
+		...w,
+		children: [/* @__PURE__ */ Z(G, {
+			className: t("gap-4 pr-12 flex w-full justify-start", !T && "text-text-secondary"),
+			"data-testid": "spectral-datetime-picker-input",
+			disabled: d,
+			endIcon: /* @__PURE__ */ Z(o, {
+				asChild: !0,
+				disabled: d,
+				children: /* @__PURE__ */ Z(e, {
+					"aria-label": "Open date picker",
+					className: t("right-4 text-input-icon hover:text-input-icon--hover absolute top-1/2 -translate-y-1/2 cursor-pointer focus:outline-none", d ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
+					"data-testid": "spectral-datetime-picker-trigger",
+					disabled: d
+				})
+			}),
+			hourFormat: O,
+			label: h,
+			onChange: M,
+			showTime: v,
+			state: b,
+			value: T
+		}), b === "error" && p && /* @__PURE__ */ Z(n, {
+			message: p,
+			dataTestId: "spectral-datetime-picker-error-message",
+			id: "datetime-picker-error"
+		})]
+	}), /* @__PURE__ */ Q(a, {
+		align: "start",
+		className: t("rounded-lg py-4 px-6 flex", !v && "w-[330px]", v && O === "24" && "w-[486px]", v && O === "12" && "w-[560px]"),
+		"data-testid": "spectral-datetime-picker-popover",
+		onOpenAutoFocus: (e) => e.preventDefault(),
+		children: [/* @__PURE__ */ Z(s, {
+			...c,
+			disablePastDates: f,
+			locale: g,
+			mode: "single",
+			onSelect: k,
+			selected: T
+		}), v && /* @__PURE__ */ Z("div", {
+			className: "pl-6 border-l border-border-secondary",
+			children: /* @__PURE__ */ Z(J, {
+				date: T,
+				hourFormat: O,
+				locale: D,
+				onChange: A,
+				onPeriodChange: j,
+				translations: S
+			})
+		})]
+	})] });
 };
+$.displayName = "DateTimePicker";
+//#endregion
+export { s as Calendar, z as DEFAULT_TRANSLATIONS, P as DateTimeConfigSchema, G as DateTimeDisplayInput, K as DateTimeInput, $ as DateTimePicker, L as HourFormatSchema, k as PICKER_TYPES, S as PeriodSchema, F as TIME_BOUNDS, q as TimePeriodSelect, J as TimePicker, R as TimePickerTypeSchema, w as TimeValueSchema, M as convert12HourTo24Hour, B as detectHourFormat, T as display12HourValue, E as formatSelectPeriodLabel, I as formatTimeNumber, N as getAriaLabel, O as getAriaValueMinMax, D as getAriaValueNow, x as getArrowByType, V as getDateByType, W as getLocalizedPeriodLabel, C as getLocalizedPeriodLabels, U as getPeriodFromHours, y as getResolvedLocale, l as getValid12Hour, H as getValidArrow12Hour, b as getValidArrowHour, d as getValidArrowMinute, u as getValidArrowNumber, _ as getValidHour, j as getValidMinute, c as getValidNumber, A as isValid12Hour, h as isValidHour, g as isValidMinute, v as set12Hours, f as setDateByType, p as setHours, m as setMinutes };