@cognite/aura 0.3.4 → 1.46104.0

package/dist/components/ui/core/date-time-pickers/date-time-picker/types.d.ts

@@ -1,36 +1,29 @@
-import { Dayjs } from 'dayjs';
-import { ShortcutItem, ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
-import { AmPm, TimeFormat } from '../utils/format-utils';
+import type { Dayjs } from "dayjs";
+import type { ShortcutValueDayjs } from "../shared/shortcuts-panel/shortcuts-panel";
+import type { AmPm, TimeFormat } from "../utils/format-utils";
 export interface UseDateTimePickerProps {
-    value: Dayjs | null;
-    onChange: (datetime: Dayjs | null) => void;
-    timeFormat?: TimeFormat;
-    defaultDate?: Dayjs;
+	value: Dayjs | null;
+	onChange: (datetime: Dayjs | null) => void;
+	timeFormat?: TimeFormat;
+	defaultDate?: Dayjs;
 }
 export interface UseDateTimePickerReturn {
-    isOpen: boolean;
-    displayedMonth: Dayjs;
-    tempDate: Dayjs | null;
-    hour: number;
-    minute: number;
-    amPm: AmPm;
-    displayValue: Dayjs | null;
-    canApply: boolean;
-    handleOpenChange: (open: boolean) => void;
-    handleApply: () => void;
-    handleDateClick: (date: Dayjs) => void;
-    handleMonthChange: (month: Dayjs) => void;
-    handleHourChange: (hour: number) => void;
-    handleMinuteChange: (minute: number) => void;
-    handleAmPmChange: (amPm: AmPm) => void;
-    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
-    inputRef: React.RefObject<HTMLDivElement>;
-    popoverRef: React.RefObject<HTMLDivElement>;
-}
-export interface DateTimePickerProps extends UseDateTimePickerProps {
-    format?: string;
-    placeholder?: string;
-    displayWeekNumber?: boolean;
-    shortcuts?: ShortcutItem[];
-    className?: string;
+	isOpen: boolean;
+	displayedMonth: Dayjs;
+	tempDate: Dayjs | null;
+	hour: number;
+	minute: number;
+	amPm: AmPm;
+	displayValue: Dayjs | null;
+	canApply: boolean;
+	handleOpenChange: (open: boolean) => void;
+	handleApply: () => void;
+	handleDateClick: (date: Dayjs) => void;
+	handleMonthChange: (month: Dayjs) => void;
+	handleHourChange: (hour: number) => void;
+	handleMinuteChange: (minute: number) => void;
+	handleAmPmChange: (amPm: AmPm) => void;
+	handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+	inputRef: React.RefObject<HTMLDivElement>;
+	popoverRef: React.RefObject<HTMLDivElement>;
 }

package/dist/components/ui/core/date-time-pickers/date-time-picker/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/components/ui/core/date-time-pickers/date-time-picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-time-picker/types.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\n\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\nimport type { AmPm, TimeFormat } from '../utils/format-utils';\n\nexport interface UseDateTimePickerProps {\n  value: Dayjs | null;\n  onChange: (datetime: Dayjs | null) => void;\n  timeFormat?: TimeFormat;\n  defaultDate?: Dayjs;\n}\n\nexport interface UseDateTimePickerReturn {\n  isOpen: boolean;\n  displayedMonth: Dayjs;\n  tempDate: Dayjs | null;\n  hour: number;\n  minute: number;\n  amPm: AmPm;\n  displayValue: Dayjs | null;\n  canApply: boolean;\n  handleOpenChange: (open: boolean) => void;\n  handleApply: () => void;\n  handleDateClick: (date: Dayjs) => void;\n  handleMonthChange: (month: Dayjs) => void;\n  handleHourChange: (hour: number) => void;\n  handleMinuteChange: (minute: number) => void;\n  handleAmPmChange: (amPm: AmPm) => void;\n  handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;\n  inputRef: React.RefObject<HTMLDivElement>;\n  popoverRef: React.RefObject<HTMLDivElement>;\n}\n"],"names":[],"mappings":"AAYA,WAmBC"}

package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.d.ts

@@ -1,3 +1,3 @@
-import { UseDateTimePickerProps, UseDateTimePickerReturn } from './types';
+import type { UseDateTimePickerProps, UseDateTimePickerReturn } from "./types";
 export type { UseDateTimePickerProps, UseDateTimePickerReturn };
-export declare const useDateTimePicker: ({ value, onChange, timeFormat, defaultDate, }: UseDateTimePickerProps) => UseDateTimePickerReturn;
+export declare const useDateTimePicker: ({ value, onChange, timeFormat, defaultDate }: UseDateTimePickerProps) => UseDateTimePickerReturn;

package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.js

@@ -0,0 +1,78 @@
+import { useEffect, useRef } from "react";
+import dayjs from "dayjs";
+import { DEFAULT_MINUTE, DEFAULT_START_HOUR } from "../shared/constants.js";
+import { usePopoverState } from "../shared/hooks/use-popover-state.js";
+import { useSingleDateState } from "../shared/hooks/use-single-date-state.js";
+import { useTimeState } from "../shared/hooks/use-time-state.js";
+export const useDateTimePicker = ({ value, onChange, timeFormat = '24h', defaultDate = dayjs() })=>{
+    const onBackspaceRef = useRef(()=>{});
+    const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({
+        onBackspace: ()=>onBackspaceRef.current()
+    });
+    const dateState = useSingleDateState({
+        value,
+        defaultDate
+    });
+    const { tempDate, displayedMonth, stateRef, handleDateClick, handleMonthChange, clearDate, resetDate } = dateState;
+    const timeState = useTimeState({
+        initialHour: value?.hour() ?? DEFAULT_START_HOUR,
+        initialMinute: value?.minute() ?? DEFAULT_MINUTE,
+        timeFormat
+    });
+    const { hour, minute, amPm, hour24, handleHourChange, handleMinuteChange, handleAmPmChange, resetTime } = timeState;
+    const anchor = value ?? defaultDate;
+    const buildDateTime = (date)=>date.hour(hour24).minute(minute).second(0).millisecond(0);
+    const displayValue = isOpen ? buildDateTime(tempDate ?? anchor) : value;
+    const canApply = tempDate !== null;
+    const resetAll = ()=>{
+        resetDate(value);
+        resetTime(value?.hour() ?? DEFAULT_START_HOUR, value?.minute() ?? DEFAULT_MINUTE);
+    };
+    const handleBackspace = ()=>{
+        if (clearDate()) {
+            onChange(null);
+        }
+    };
+    useEffect(()=>{
+        onBackspaceRef.current = handleBackspace;
+    });
+    const handleOpenChange = (open)=>{
+        resetAll();
+        setIsOpen(open);
+    };
+    const handleApply = ()=>{
+        const { tempDate: selected } = stateRef.current;
+        if (!selected) {
+            return;
+        }
+        onChange(buildDateTime(selected));
+        setIsOpen(false);
+    };
+    const handleApplyShortcut = (shortcutValue)=>{
+        const datetime = Array.isArray(shortcutValue) ? shortcutValue[0] : shortcutValue;
+        onChange(datetime == null ? null : datetime.second(0).millisecond(0));
+        setIsOpen(false);
+    };
+    return {
+        isOpen,
+        displayedMonth,
+        tempDate,
+        hour,
+        minute,
+        amPm,
+        displayValue,
+        canApply,
+        handleOpenChange,
+        handleApply,
+        handleDateClick,
+        handleMonthChange,
+        handleHourChange,
+        handleMinuteChange,
+        handleAmPmChange,
+        handleApplyShortcut,
+        inputRef,
+        popoverRef
+    };
+};
+
+//# sourceMappingURL=use-date-time-picker.js.map

package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\n\nimport { DEFAULT_MINUTE, DEFAULT_START_HOUR } from '../shared/constants';\nimport { usePopoverState } from '../shared/hooks/use-popover-state';\nimport { useSingleDateState } from '../shared/hooks/use-single-date-state';\nimport { useTimeState } from '../shared/hooks/use-time-state';\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\n\nimport type { UseDateTimePickerProps, UseDateTimePickerReturn } from './types';\n\nexport type { UseDateTimePickerProps, UseDateTimePickerReturn };\n\nexport const useDateTimePicker = ({\n  value,\n  onChange,\n  timeFormat = '24h',\n  defaultDate = dayjs(),\n}: UseDateTimePickerProps): UseDateTimePickerReturn => {\n  const onBackspaceRef = useRef<() => void>(() => {});\n\n  const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({\n    onBackspace: () => onBackspaceRef.current(),\n  });\n\n  const dateState = useSingleDateState({\n    value,\n    defaultDate,\n  });\n  const {\n    tempDate,\n    displayedMonth,\n    stateRef,\n    handleDateClick,\n    handleMonthChange,\n    clearDate,\n    resetDate,\n  } = dateState;\n\n  const timeState = useTimeState({\n    initialHour: value?.hour() ?? DEFAULT_START_HOUR,\n    initialMinute: value?.minute() ?? DEFAULT_MINUTE,\n    timeFormat,\n  });\n  const {\n    hour,\n    minute,\n    amPm,\n    hour24,\n    handleHourChange,\n    handleMinuteChange,\n    handleAmPmChange,\n    resetTime,\n  } = timeState;\n\n  const anchor = value ?? defaultDate;\n\n  const buildDateTime = (date: Dayjs): Dayjs =>\n    date.hour(hour24).minute(minute).second(0).millisecond(0);\n\n  const displayValue = isOpen ? buildDateTime(tempDate ?? anchor) : value;\n\n  const canApply = tempDate !== null;\n\n  const resetAll = () => {\n    resetDate(value);\n    resetTime(\n      value?.hour() ?? DEFAULT_START_HOUR,\n      value?.minute() ?? DEFAULT_MINUTE\n    );\n  };\n\n  const handleBackspace = () => {\n    if (clearDate()) {\n      onChange(null);\n    }\n  };\n\n  useEffect(() => {\n    onBackspaceRef.current = handleBackspace;\n  });\n\n  const handleOpenChange = (open: boolean) => {\n    resetAll();\n    setIsOpen(open);\n  };\n\n  const handleApply = () => {\n    const { tempDate: selected } = stateRef.current;\n    if (!selected) {\n      return;\n    }\n    onChange(buildDateTime(selected));\n    setIsOpen(false);\n  };\n\n  const handleApplyShortcut = (shortcutValue: ShortcutValueDayjs) => {\n    const datetime: Dayjs | null = Array.isArray(shortcutValue)\n      ? shortcutValue[0]\n      : shortcutValue;\n    onChange(datetime == null ? null : datetime.second(0).millisecond(0));\n    setIsOpen(false);\n  };\n\n  return {\n    isOpen,\n    displayedMonth,\n    tempDate,\n    hour,\n    minute,\n    amPm,\n    displayValue,\n    canApply,\n    handleOpenChange,\n    handleApply,\n    handleDateClick,\n    handleMonthChange,\n    handleHourChange,\n    handleMinuteChange,\n    handleAmPmChange,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  };\n};\n"],"names":["useEffect","useRef","dayjs","DEFAULT_MINUTE","DEFAULT_START_HOUR","usePopoverState","useSingleDateState","useTimeState","useDateTimePicker","value","onChange","timeFormat","defaultDate","onBackspaceRef","isOpen","setIsOpen","popoverRef","inputRef","onBackspace","current","dateState","tempDate","displayedMonth","stateRef","handleDateClick","handleMonthChange","clearDate","resetDate","timeState","initialHour","hour","initialMinute","minute","amPm","hour24","handleHourChange","handleMinuteChange","handleAmPmChange","resetTime","anchor","buildDateTime","date","second","millisecond","displayValue","canApply","resetAll","handleBackspace","handleOpenChange","open","handleApply","selected","handleApplyShortcut","shortcutValue","datetime","Array","isArray"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAG1C,OAAOC,WAAW,QAAQ;AAE1B,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,yBAAsB;AACzE,SAASC,eAAe,QAAQ,uCAAoC;AACpE,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,YAAY,QAAQ,oCAAiC;AAO9D,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,KAAK,EACLC,QAAQ,EACRC,aAAa,KAAK,EAClBC,cAAcV,OAAO,EACE;IACvB,MAAMW,iBAAiBZ,OAAmB,KAAO;IAEjD,MAAM,EAAEa,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGZ,gBAAgB;QAClEa,aAAa,IAAML,eAAeM,OAAO;IAC3C;IAEA,MAAMC,YAAYd,mBAAmB;QACnCG;QACAG;IACF;IACA,MAAM,EACJS,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,eAAe,EACfC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACV,GAAGP;IAEJ,MAAMQ,YAAYrB,aAAa;QAC7BsB,aAAapB,OAAOqB,UAAU1B;QAC9B2B,eAAetB,OAAOuB,YAAY7B;QAClCQ;IACF;IACA,MAAM,EACJmB,IAAI,EACJE,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,gBAAgB,EAChBC,kBAAkB,EAClBC,gBAAgB,EAChBC,SAAS,EACV,GAAGV;IAEJ,MAAMW,SAAS9B,SAASG;IAExB,MAAM4B,gBAAgB,CAACC,OACrBA,KAAKX,IAAI,CAACI,QAAQF,MAAM,CAACA,QAAQU,MAAM,CAAC,GAAGC,WAAW,CAAC;IAEzD,MAAMC,eAAe9B,SAAS0B,cAAcnB,YAAYkB,UAAU9B;IAElE,MAAMoC,WAAWxB,aAAa;IAE9B,MAAMyB,WAAW;QACfnB,UAAUlB;QACV6B,UACE7B,OAAOqB,UAAU1B,oBACjBK,OAAOuB,YAAY7B;IAEvB;IAEA,MAAM4C,kBAAkB;QACtB,IAAIrB,aAAa;YACfhB,SAAS;QACX;IACF;IAEAV,UAAU;QACRa,eAAeM,OAAO,GAAG4B;IAC3B;IAEA,MAAMC,mBAAmB,CAACC;QACxBH;QACA/B,UAAUkC;IACZ;IAEA,MAAMC,cAAc;QAClB,MAAM,EAAE7B,UAAU8B,QAAQ,EAAE,GAAG5B,SAASJ,OAAO;QAC/C,IAAI,CAACgC,UAAU;YACb;QACF;QACAzC,SAAS8B,cAAcW;QACvBpC,UAAU;IACZ;IAEA,MAAMqC,sBAAsB,CAACC;QAC3B,MAAMC,WAAyBC,MAAMC,OAAO,CAACH,iBACzCA,aAAa,CAAC,EAAE,GAChBA;QACJ3C,SAAS4C,YAAY,OAAO,OAAOA,SAASZ,MAAM,CAAC,GAAGC,WAAW,CAAC;QAClE5B,UAAU;IACZ;IAEA,OAAO;QACLD;QACAQ;QACAD;QACAS;QACAE;QACAC;QACAW;QACAC;QACAG;QACAE;QACA1B;QACAC;QACAU;QACAC;QACAC;QACAe;QACAnC;QACAD;IACF;AACF,EAAE"}

package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.d.ts

@@ -1,17 +1,15 @@
-import { FC } from 'react';
-import { Dayjs } from 'dayjs';
-import { ShortcutItem } from '../shared/shortcuts-panel/shortcuts-panel';
-import { TimeFormat } from '../utils/format-utils';
+import type { JSX } from "react";
+import type { Dayjs } from "dayjs";
+import type { ShortcutItem } from "../shared/shortcuts-panel/shortcuts-panel";
+import { type DateInput, type DateRangeValueProps } from "../utils/date-input";
+import type { TimeFormat } from "../utils/format-utils";
 export type { ShortcutItem };
-export interface DateTimeRangePickerProps {
-    value: [Dayjs | null, Dayjs | null];
-    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
-    format?: string;
-    placeholder?: string;
-    displayWeekNumber?: boolean;
-    shortcuts?: ShortcutItem[];
-    timeFormat?: TimeFormat;
-    defaultDate?: Dayjs;
-    className?: string;
+export interface DateTimeRangePickerProps<T extends DateInput = Dayjs> extends DateRangeValueProps<T> {
+	format?: string;
+	placeholder?: string;
+	displayWeekNumber?: boolean;
+	shortcuts?: ShortcutItem[];
+	timeFormat?: TimeFormat;
+	className?: string;
 }
-export declare const DateTimeRangePicker: FC<DateTimeRangePickerProps>;
+export declare function DateTimeRangePicker<T extends DateInput = Dayjs>({ value, onChange, format, placeholder, displayWeekNumber, shortcuts, timeFormat, defaultDate, valueType, className }: DateTimeRangePickerProps<T>): JSX.Element;

package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js

@@ -1,119 +1,165 @@
-import { cn as e } from "../../../../../lib/utils.js";
-import { Button as t } from "../../button/button.js";
-import { Popover as ee, PopoverContent as te, PopoverTrigger as n } from "../../popover/popover.js";
-import { Calendar as r } from "../../calendar/calendar.js";
-import { DateTimeInput as i } from "../shared/date-time-input/date-time-input.js";
-import { ShortcutsPanel as a } from "../shared/shortcuts-panel/shortcuts-panel.js";
-import { convert12HourTo24Hour as o } from "../utils/time-utils.js";
-import { TimePickerPanel as s } from "../shared/time-picker-panel/time-picker-panel.js";
-import { useDateTimeRangePicker as c } from "./use-date-time-range-picker.js";
-import { useMemo as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.tsx
-var f = ({ value: f, onChange: p, format: m = "DD/MM/YYYY HH:mm", placeholder: h, displayWeekNumber: g = !1, shortcuts: _, timeFormat: v = "24h", defaultDate: ne, className: re }) => {
-	let { isOpen: y, step: b, displayedMonth: x, tempStart: S, tempEnd: C, hoverDate: w, tempStartHour: T, tempStartMinute: E, tempEndHour: D, tempEndMinute: O, startAmPm: k, endAmPm: A, handleOpenChange: j, handleSetStep: M, handleDateClick: N, handleMonthChange: P, handleDateHover: F, handleStartHourChange: ie, handleStartMinuteChange: I, handleEndHourChange: L, handleEndMinuteChange: R, handleStartAmPmChange: z, handleEndAmPmChange: B, handleNext: V, handleApply: H, handleBack: U, handleApplyShortcut: W, popoverRef: G, inputRef: K } = c({
-		value: f,
-		onChange: p,
-		timeFormat: v,
-		defaultDate: ne
-	}), q = b === "start" ? S !== null : C !== null, J = b === "start" ? "Next" : "Apply", Y = b === "start" ? V : H, X = b === "start" ? T : D, Z = b === "start" ? E : O, ae = b === "start" ? k : A, Q = b === "start" ? ie : L, $ = b === "start" ? I : R, oe = b === "start" ? z : B, se = l(() => [S ? S.hour(v === "12h" ? o(T, k) : T).minute(E) : null, C ? C.hour(v === "12h" ? o(D, A) : D).minute(O) : null], [
-		S,
-		C,
-		T,
-		E,
-		D,
-		O,
-		k,
-		A,
-		v
-	]);
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "date-time-range-picker",
-		className: e("relative w-full", re),
-		children: /* @__PURE__ */ d(ee, {
-			open: y,
-			onOpenChange: j,
-			children: [/* @__PURE__ */ u(n, {
-				render: /* @__PURE__ */ u("div", {
-					ref: K,
-					className: "w-full"
-				}),
-				children: /* @__PURE__ */ u(i, {
-					value: se,
-					format: m,
-					placeholder: h,
-					isOpen: y,
-					variant: "datetime",
-					activeRangePart: y ? b : void 0,
-					onRangePartClick: y ? M : void 0
-				})
-			}), /* @__PURE__ */ u(te, {
-				ref: G,
-				className: "rounded-xl w-auto p-0",
-				side: "bottom",
-				align: "start",
-				children: /* @__PURE__ */ d("div", {
-					"data-slot": "date-time-range-picker-content",
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ d("div", {
-						className: "flex flex-row",
-						children: [
-							_ && _.length > 0 && /* @__PURE__ */ u(a, {
-								shortcuts: _,
-								onShortcutClick: W
-							}),
-							/* @__PURE__ */ u("div", {
-								className: "p-3 border-r border-border",
-								children: /* @__PURE__ */ u(r, {
-									displayedMonth: x,
-									selectedRange: [S, C],
-									hoverDate: b === "end" ? w : null,
-									displayWeekNumber: g,
-									onDateClick: N,
-									onMonthChange: P,
-									onDateHover: F
-								})
-							}),
-							v === "12h" ? /* @__PURE__ */ u(s, {
-								hour: X,
-								minute: Z,
-								amPm: ae,
-								timeFormat: "12h",
-								onHourChange: Q,
-								onMinuteChange: $,
-								onAmPmChange: oe
-							}) : /* @__PURE__ */ u(s, {
-								hour: X,
-								minute: Z,
-								timeFormat: "24h",
-								onHourChange: Q,
-								onMinuteChange: $
-							})
-						]
-					}), /* @__PURE__ */ d("div", {
-						className: "flex p-2 justify-between items-center self-stretch border-t border-border",
-						children: [/* @__PURE__ */ u(t, {
-							variant: "ghost",
-							onClick: () => j(!1),
-							children: "Cancel"
-						}), /* @__PURE__ */ d("div", {
-							className: "flex gap-2",
-							children: [b === "end" && /* @__PURE__ */ u(t, {
-								variant: "ghost",
-								onClick: U,
-								children: "Back"
-							}), /* @__PURE__ */ u(t, {
-								variant: "secondary",
-								onClick: Y,
-								disabled: !q,
-								children: J
-							})]
-						})]
-					})]
-				})
-			})]
-		})
-	});
-};
-//#endregion
-export { f as DateTimeRangePicker };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../../../../../lib/utils.js";
+import { Button } from "../../button/button.js";
+import { Calendar } from "../../calendar/calendar.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../popover/popover.js";
+import { DateTimeInput } from "../shared/date-time-input/date-time-input.js";
+import { ShortcutsPanel } from "../shared/shortcuts-panel/shortcuts-panel.js";
+import { TimePickerPanel } from "../shared/time-picker-panel/time-picker-panel.js";
+import { normalizeIn, normalizeOutRange, normalizeShortcutValue, resolveValueType } from "../utils/date-input.js";
+import { convert12HourTo24Hour } from "../utils/time-utils.js";
+import { useDateTimeRangePicker } from "./use-date-time-range-picker.js";
+export function DateTimeRangePicker({ value, onChange, format, placeholder, displayWeekNumber = false, shortcuts, timeFormat = '24h', defaultDate, valueType, className }) {
+    const resolvedType = resolveValueType(value[0] ?? value[1], defaultDate, valueType);
+    const djValue = [
+        normalizeIn(value[0]),
+        normalizeIn(value[1])
+    ];
+    const djDefault = defaultDate != null ? normalizeIn(defaultDate) ?? undefined : undefined;
+    const handleChange = (range)=>{
+        onChange(normalizeOutRange(range, resolvedType));
+    };
+    const djShortcuts = shortcuts?.map((shortcut)=>({
+            ...shortcut,
+            getValue: ()=>normalizeShortcutValue(shortcut.getValue())
+        }));
+    const { isOpen, step, displayedMonth, tempStart, tempEnd, hoverDate, tempStartHour, tempStartMinute, tempEndHour, tempEndMinute, startAmPm, endAmPm, handleOpenChange, handleSetStep, handleDateClick, handleMonthChange, handleDateHover, handleStartHourChange, handleStartMinuteChange, handleEndHourChange, handleEndMinuteChange, handleStartAmPmChange, handleEndAmPmChange, handleNext, handleApply, handleBack, handleApplyShortcut, popoverRef, inputRef } = useDateTimeRangePicker({
+        value: djValue,
+        onChange: handleChange,
+        timeFormat,
+        defaultDate: djDefault
+    });
+    const displayFormat = format ?? (timeFormat === '12h' ? 'DD/MM/YYYY h:mm A' : 'DD/MM/YYYY HH:mm');
+    const canProceed = step === 'start' ? tempStart !== null : tempEnd !== null;
+    const buttonLabel = step === 'start' ? 'Next' : 'Apply';
+    const buttonAction = step === 'start' ? handleNext : handleApply;
+    const currentHour = step === 'start' ? tempStartHour : tempEndHour;
+    const currentMinute = step === 'start' ? tempStartMinute : tempEndMinute;
+    const currentAmPm = step === 'start' ? startAmPm : endAmPm;
+    const onHourChange = step === 'start' ? handleStartHourChange : handleEndHourChange;
+    const onMinuteChange = step === 'start' ? handleStartMinuteChange : handleEndMinuteChange;
+    const onAmPmChange = step === 'start' ? handleStartAmPmChange : handleEndAmPmChange;
+    const displayValue = useMemo(()=>{
+        const startWithTime = tempStart ? tempStart.hour(timeFormat === '12h' ? convert12HourTo24Hour(tempStartHour, startAmPm) : tempStartHour).minute(tempStartMinute) : null;
+        const endWithTime = tempEnd ? tempEnd.hour(timeFormat === '12h' ? convert12HourTo24Hour(tempEndHour, endAmPm) : tempEndHour).minute(tempEndMinute) : null;
+        return [
+            startWithTime,
+            endWithTime
+        ];
+    }, [
+        tempStart,
+        tempEnd,
+        tempStartHour,
+        tempStartMinute,
+        tempEndHour,
+        tempEndMinute,
+        startAmPm,
+        endAmPm,
+        timeFormat
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "date-time-range-picker",
+        className: cn('relative w-full', className),
+        children: /*#__PURE__*/ _jsxs(Popover, {
+            open: isOpen,
+            onOpenChange: handleOpenChange,
+            children: [
+                /*#__PURE__*/ _jsx(PopoverTrigger, {
+                    render: /*#__PURE__*/ _jsx("div", {
+                        ref: inputRef,
+                        className: "w-full"
+                    }),
+                    children: /*#__PURE__*/ _jsx(DateTimeInput, {
+                        value: displayValue,
+                        format: displayFormat,
+                        placeholder: placeholder,
+                        isOpen: isOpen,
+                        variant: "datetime",
+                        activeRangePart: isOpen ? step : undefined,
+                        onRangePartClick: isOpen ? handleSetStep : undefined
+                    })
+                }),
+                /*#__PURE__*/ _jsx(PopoverContent, {
+                    ref: popoverRef,
+                    className: "rounded-xl w-auto p-0",
+                    side: "bottom",
+                    align: "start",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        "data-slot": "date-time-range-picker-content",
+                        className: "flex flex-col",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex flex-row",
+                                children: [
+                                    djShortcuts && djShortcuts.length > 0 && /*#__PURE__*/ _jsx(ShortcutsPanel, {
+                                        shortcuts: djShortcuts,
+                                        onShortcutClick: handleApplyShortcut
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "p-3 border-r border-default",
+                                        children: /*#__PURE__*/ _jsx(Calendar, {
+                                            displayedMonth: displayedMonth,
+                                            selectedRange: [
+                                                tempStart,
+                                                tempEnd
+                                            ],
+                                            hoverDate: step === 'end' ? hoverDate : null,
+                                            displayWeekNumber: displayWeekNumber,
+                                            onDateClick: handleDateClick,
+                                            onMonthChange: handleMonthChange,
+                                            onDateHover: handleDateHover
+                                        })
+                                    }),
+                                    timeFormat === '12h' ? /*#__PURE__*/ _jsx(TimePickerPanel, {
+                                        hour: currentHour,
+                                        minute: currentMinute,
+                                        amPm: currentAmPm,
+                                        timeFormat: "12h",
+                                        onHourChange: onHourChange,
+                                        onMinuteChange: onMinuteChange,
+                                        onAmPmChange: onAmPmChange
+                                    }) : /*#__PURE__*/ _jsx(TimePickerPanel, {
+                                        hour: currentHour,
+                                        minute: currentMinute,
+                                        timeFormat: "24h",
+                                        onHourChange: onHourChange,
+                                        onMinuteChange: onMinuteChange
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex p-2 justify-between items-center self-stretch border-t border-default",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        variant: "ghost",
+                                        onClick: ()=>handleOpenChange(false),
+                                        children: "Cancel"
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex gap-2",
+                                        children: [
+                                            step === 'end' && /*#__PURE__*/ _jsx(Button, {
+                                                variant: "ghost",
+                                                onClick: handleBack,
+                                                children: "Back"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                variant: "secondary",
+                                                onClick: buttonAction,
+                                                disabled: !canProceed,
+                                                children: buttonLabel
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=date-time-range-picker.js.map

package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.tsx"],"sourcesContent":["import type { JSX } from 'react';\nimport { useMemo } from 'react';\n\nimport type { Dayjs } from 'dayjs';\n\nimport { cn } from '../../../../../lib/utils';\nimport { Button } from '../../button/button';\nimport { Calendar } from '../../calendar/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../popover/popover';\nimport { DateTimeInput } from '../shared/date-time-input/date-time-input';\nimport { ShortcutsPanel } from '../shared/shortcuts-panel/shortcuts-panel';\nimport type { ShortcutItem } from '../shared/shortcuts-panel/shortcuts-panel';\nimport { TimePickerPanel } from '../shared/time-picker-panel/time-picker-panel';\nimport {\n  type DateInput,\n  type DateRangeValueProps,\n  normalizeIn,\n  normalizeOutRange,\n  normalizeShortcutValue,\n  resolveValueType,\n} from '../utils/date-input';\nimport type { TimeFormat } from '../utils/format-utils';\nimport { convert12HourTo24Hour } from '../utils/time-utils';\n\nimport { useDateTimeRangePicker } from './use-date-time-range-picker';\n\nexport type { ShortcutItem };\n\nexport interface DateTimeRangePickerProps<\n  T extends DateInput = Dayjs,\n> extends DateRangeValueProps<T> {\n  format?: string;\n  placeholder?: string;\n  displayWeekNumber?: boolean;\n  shortcuts?: ShortcutItem[];\n  timeFormat?: TimeFormat;\n  className?: string;\n}\n\nexport function DateTimeRangePicker<T extends DateInput = Dayjs>({\n  value,\n  onChange,\n  format,\n  placeholder,\n  displayWeekNumber = false,\n  shortcuts,\n  timeFormat = '24h',\n  defaultDate,\n  valueType,\n  className,\n}: DateTimeRangePickerProps<T>): JSX.Element {\n  const resolvedType = resolveValueType(\n    value[0] ?? value[1],\n    defaultDate,\n    valueType\n  );\n  const djValue: [Dayjs | null, Dayjs | null] = [\n    normalizeIn(value[0]),\n    normalizeIn(value[1]),\n  ];\n  const djDefault =\n    defaultDate != null ? (normalizeIn(defaultDate) ?? undefined) : undefined;\n\n  const handleChange = (range: [Dayjs | null, Dayjs | null]) => {\n    onChange(normalizeOutRange<T>(range, resolvedType));\n  };\n\n  const djShortcuts = shortcuts?.map((shortcut) => ({\n    ...shortcut,\n    getValue: () => normalizeShortcutValue(shortcut.getValue()),\n  }));\n\n  const {\n    isOpen,\n    step,\n    displayedMonth,\n    tempStart,\n    tempEnd,\n    hoverDate,\n    tempStartHour,\n    tempStartMinute,\n    tempEndHour,\n    tempEndMinute,\n    startAmPm,\n    endAmPm,\n    handleOpenChange,\n    handleSetStep,\n    handleDateClick,\n    handleMonthChange,\n    handleDateHover,\n    handleStartHourChange,\n    handleStartMinuteChange,\n    handleEndHourChange,\n    handleEndMinuteChange,\n    handleStartAmPmChange,\n    handleEndAmPmChange,\n    handleNext,\n    handleApply,\n    handleBack,\n    handleApplyShortcut,\n    popoverRef,\n    inputRef,\n  } = useDateTimeRangePicker({\n    value: djValue,\n    onChange: handleChange,\n    timeFormat,\n    defaultDate: djDefault,\n  });\n\n  const displayFormat =\n    format ?? (timeFormat === '12h' ? 'DD/MM/YYYY h:mm A' : 'DD/MM/YYYY HH:mm');\n\n  const canProceed = step === 'start' ? tempStart !== null : tempEnd !== null;\n  const buttonLabel = step === 'start' ? 'Next' : 'Apply';\n  const buttonAction = step === 'start' ? handleNext : handleApply;\n  const currentHour = step === 'start' ? tempStartHour : tempEndHour;\n  const currentMinute = step === 'start' ? tempStartMinute : tempEndMinute;\n  const currentAmPm = step === 'start' ? startAmPm : endAmPm;\n  const onHourChange =\n    step === 'start' ? handleStartHourChange : handleEndHourChange;\n  const onMinuteChange =\n    step === 'start' ? handleStartMinuteChange : handleEndMinuteChange;\n  const onAmPmChange =\n    step === 'start' ? handleStartAmPmChange : handleEndAmPmChange;\n\n  const displayValue: [Dayjs | null, Dayjs | null] = useMemo(() => {\n    const startWithTime = tempStart\n      ? tempStart\n          .hour(\n            timeFormat === '12h'\n              ? convert12HourTo24Hour(tempStartHour, startAmPm)\n              : tempStartHour\n          )\n          .minute(tempStartMinute)\n      : null;\n    const endWithTime = tempEnd\n      ? tempEnd\n          .hour(\n            timeFormat === '12h'\n              ? convert12HourTo24Hour(tempEndHour, endAmPm)\n              : tempEndHour\n          )\n          .minute(tempEndMinute)\n      : null;\n    return [startWithTime, endWithTime];\n  }, [\n    tempStart,\n    tempEnd,\n    tempStartHour,\n    tempStartMinute,\n    tempEndHour,\n    tempEndMinute,\n    startAmPm,\n    endAmPm,\n    timeFormat,\n  ]);\n\n  return (\n    <div\n      data-slot=\"date-time-range-picker\"\n      className={cn('relative w-full', className)}\n    >\n      <Popover open={isOpen} onOpenChange={handleOpenChange}>\n        <PopoverTrigger render={<div ref={inputRef} className=\"w-full\" />}>\n          <DateTimeInput\n            value={displayValue}\n            format={displayFormat}\n            placeholder={placeholder}\n            isOpen={isOpen}\n            variant=\"datetime\"\n            activeRangePart={isOpen ? step : undefined}\n            onRangePartClick={isOpen ? handleSetStep : undefined}\n          />\n        </PopoverTrigger>\n        <PopoverContent\n          ref={popoverRef}\n          className=\"rounded-xl w-auto p-0\"\n          side=\"bottom\"\n          align=\"start\"\n        >\n          <div\n            data-slot=\"date-time-range-picker-content\"\n            className=\"flex flex-col\"\n          >\n            <div className=\"flex flex-row\">\n              {djShortcuts && djShortcuts.length > 0 && (\n                <ShortcutsPanel\n                  shortcuts={djShortcuts}\n                  onShortcutClick={handleApplyShortcut}\n                />\n              )}\n\n              {/* Calendar */}\n              <div className=\"p-3 border-r border-default\">\n                <Calendar\n                  displayedMonth={displayedMonth}\n                  selectedRange={[tempStart, tempEnd]}\n                  hoverDate={step === 'end' ? hoverDate : null}\n                  displayWeekNumber={displayWeekNumber}\n                  onDateClick={handleDateClick}\n                  onMonthChange={handleMonthChange}\n                  onDateHover={handleDateHover}\n                />\n              </div>\n\n              {timeFormat === '12h' ? (\n                <TimePickerPanel\n                  hour={currentHour}\n                  minute={currentMinute}\n                  amPm={currentAmPm}\n                  timeFormat=\"12h\"\n                  onHourChange={onHourChange}\n                  onMinuteChange={onMinuteChange}\n                  onAmPmChange={onAmPmChange}\n                />\n              ) : (\n                <TimePickerPanel\n                  hour={currentHour}\n                  minute={currentMinute}\n                  timeFormat=\"24h\"\n                  onHourChange={onHourChange}\n                  onMinuteChange={onMinuteChange}\n                />\n              )}\n            </div>\n\n            {/* Action bar */}\n            <div className=\"flex p-2 justify-between items-center self-stretch border-t border-default\">\n              <Button variant=\"ghost\" onClick={() => handleOpenChange(false)}>\n                Cancel\n              </Button>\n              <div className=\"flex gap-2\">\n                {step === 'end' && (\n                  <Button variant=\"ghost\" onClick={handleBack}>\n                    Back\n                  </Button>\n                )}\n                <Button\n                  variant=\"secondary\"\n                  onClick={buttonAction}\n                  disabled={!canProceed}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"names":["useMemo","cn","Button","Calendar","Popover","PopoverContent","PopoverTrigger","DateTimeInput","ShortcutsPanel","TimePickerPanel","normalizeIn","normalizeOutRange","normalizeShortcutValue","resolveValueType","convert12HourTo24Hour","useDateTimeRangePicker","DateTimeRangePicker","value","onChange","format","placeholder","displayWeekNumber","shortcuts","timeFormat","defaultDate","valueType","className","resolvedType","djValue","djDefault","undefined","handleChange","range","djShortcuts","map","shortcut","getValue","isOpen","step","displayedMonth","tempStart","tempEnd","hoverDate","tempStartHour","tempStartMinute","tempEndHour","tempEndMinute","startAmPm","endAmPm","handleOpenChange","handleSetStep","handleDateClick","handleMonthChange","handleDateHover","handleStartHourChange","handleStartMinuteChange","handleEndHourChange","handleEndMinuteChange","handleStartAmPmChange","handleEndAmPmChange","handleNext","handleApply","handleBack","handleApplyShortcut","popoverRef","inputRef","displayFormat","canProceed","buttonLabel","buttonAction","currentHour","currentMinute","currentAmPm","onHourChange","onMinuteChange","onAmPmChange","displayValue","startWithTime","hour","minute","endWithTime","div","data-slot","open","onOpenChange","render","ref","variant","activeRangePart","onRangePartClick","side","align","length","onShortcutClick","selectedRange","onDateClick","onMonthChange","onDateHover","amPm","onClick","disabled"],"mappings":"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"}

package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.d.ts

@@ -1,3 +1,3 @@
-export { DateTimeRangePicker } from './date-time-range-picker';
-export type { DateTimeRangePickerProps } from './date-time-range-picker';
-export type { ShortcutItem } from './date-time-range-picker';
+export { DateTimeRangePicker } from "./date-time-range-picker";
+export type { DateTimeRangePickerProps } from "./date-time-range-picker";
+export type { ShortcutItem } from "./date-time-range-picker";

package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.js

@@ -0,0 +1,3 @@
+export { DateTimeRangePicker } from "./date-time-range-picker.js";
+
+//# sourceMappingURL=index.js.map

package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-time-range-picker/index.ts"],"sourcesContent":["export { DateTimeRangePicker } from './date-time-range-picker';\nexport type { DateTimeRangePickerProps } from './date-time-range-picker';\nexport type { ShortcutItem } from './date-time-range-picker';\n"],"names":["DateTimeRangePicker"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,8BAA2B"}