@cognite/aura 0.3.4 → 1.46104.0

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

@@ -1,64 +1,89 @@
-import { cn as e } from "../../../../../lib/utils.js";
-import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "../../popover/popover.js";
-import { Calendar as i } from "../../calendar/calendar.js";
-import { DateTimeInput as a } from "../shared/date-time-input/date-time-input.js";
-import { ShortcutsPanel as o } from "../shared/shortcuts-panel/shortcuts-panel.js";
-import { useDateRangePicker as s } from "./use-date-range-picker.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.tsx
-var u = ({ value: u, onChange: d, format: f = "DD/MM/YYYY", placeholder: p, displayWeekNumber: m = !1, shortcuts: h, defaultDate: g, className: _ }) => {
-	let { isOpen: v, step: y, displayedMonth: b, tempStart: x, tempEnd: S, hoverDate: C, handleOpenChange: w, handleDateClick: T, handleMonthChange: E, handleDateHover: D, handleSetStep: O, handleApplyShortcut: k, inputRef: A, popoverRef: j } = s({
-		value: u,
-		onChange: d,
-		defaultDate: g
-	});
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "date-range-picker",
-		className: e("relative w-full", _),
-		children: /* @__PURE__ */ l(t, {
-			open: v,
-			onOpenChange: w,
-			children: [/* @__PURE__ */ c(r, {
-				render: /* @__PURE__ */ c("div", {
-					ref: A,
-					className: "w-full"
-				}),
-				children: /* @__PURE__ */ c(a, {
-					value: v ? [x, S] : u,
-					format: f,
-					placeholder: p,
-					isOpen: v,
-					variant: "date",
-					activeRangePart: v ? y : void 0,
-					onRangePartClick: v ? O : void 0
-				})
-			}), /* @__PURE__ */ c(n, {
-				ref: j,
-				className: "rounded-xl w-auto p-0",
-				side: "bottom",
-				align: "start",
-				children: /* @__PURE__ */ l("div", {
-					"data-slot": "date-range-picker-content",
-					className: "flex flex-row",
-					children: [h && h.length > 0 && /* @__PURE__ */ c(o, {
-						shortcuts: h,
-						onShortcutClick: k
-					}), /* @__PURE__ */ c("div", {
-						className: "p-3",
-						children: /* @__PURE__ */ c(i, {
-							displayedMonth: b,
-							selectedRange: [x, S],
-							hoverDate: y === "end" ? C : null,
-							displayWeekNumber: m,
-							onDateClick: T,
-							onMonthChange: E,
-							onDateHover: D
-						})
-					})]
-				})
-			})]
-		})
-	});
-};
-//#endregion
-export { u as DateRangePicker };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../../lib/utils.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 { normalizeIn, normalizeOutRange, normalizeShortcutValue, resolveValueType } from "../utils/date-input.js";
+import { useDateRangePicker } from "./use-date-range-picker.js";
+export function DateRangePicker({ value, onChange, format = 'DD/MM/YYYY', placeholder, displayWeekNumber = false, shortcuts, 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, handleOpenChange, handleDateClick, handleMonthChange, handleDateHover, handleSetStep, handleApplyShortcut, inputRef, popoverRef } = useDateRangePicker({
+        value: djValue,
+        onChange: handleChange,
+        defaultDate: djDefault
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "date-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: isOpen ? [
+                            tempStart,
+                            tempEnd
+                        ] : djValue,
+                        format: format,
+                        placeholder: placeholder,
+                        isOpen: isOpen,
+                        variant: "date",
+                        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-range-picker-content",
+                        className: "flex flex-row",
+                        children: [
+                            djShortcuts && djShortcuts.length > 0 && /*#__PURE__*/ _jsx(ShortcutsPanel, {
+                                shortcuts: djShortcuts,
+                                onShortcutClick: handleApplyShortcut
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "p-3",
+                                children: /*#__PURE__*/ _jsx(Calendar, {
+                                    displayedMonth: displayedMonth,
+                                    selectedRange: [
+                                        tempStart,
+                                        tempEnd
+                                    ],
+                                    hoverDate: step === 'end' ? hoverDate : null,
+                                    displayWeekNumber: displayWeekNumber,
+                                    onDateClick: handleDateClick,
+                                    onMonthChange: handleMonthChange,
+                                    onDateHover: handleDateHover
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=date-range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport type { Dayjs } from 'dayjs';\n\nimport { cn } from '../../../../../lib/utils';\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 {\n  type DateInput,\n  type DateRangeValueProps,\n  normalizeIn,\n  normalizeOutRange,\n  normalizeShortcutValue,\n  resolveValueType,\n} from '../utils/date-input';\n\nimport { useDateRangePicker } from './use-date-range-picker';\n\nexport type { ShortcutItem };\n\nexport interface DateRangePickerProps<\n  T extends DateInput = Dayjs,\n> extends DateRangeValueProps<T> {\n  format?: string;\n  placeholder?: string;\n  displayWeekNumber?: boolean;\n  shortcuts?: ShortcutItem[];\n  className?: string;\n}\n\nexport function DateRangePicker<T extends DateInput = Dayjs>({\n  value,\n  onChange,\n  format = 'DD/MM/YYYY',\n  placeholder,\n  displayWeekNumber = false,\n  shortcuts,\n  defaultDate,\n  valueType,\n  className,\n}: DateRangePickerProps<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    handleOpenChange,\n    handleDateClick,\n    handleMonthChange,\n    handleDateHover,\n    handleSetStep,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  } = useDateRangePicker({\n    value: djValue,\n    onChange: handleChange,\n    defaultDate: djDefault,\n  });\n\n  return (\n    <div\n      data-slot=\"date-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={isOpen ? [tempStart, tempEnd] : djValue}\n            format={format}\n            placeholder={placeholder}\n            isOpen={isOpen}\n            variant=\"date\"\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 data-slot=\"date-range-picker-content\" className=\"flex flex-row\">\n            {djShortcuts && djShortcuts.length > 0 && (\n              <ShortcutsPanel\n                shortcuts={djShortcuts}\n                onShortcutClick={handleApplyShortcut}\n              />\n            )}\n            <div className=\"p-3\">\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          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"names":["cn","Calendar","Popover","PopoverContent","PopoverTrigger","DateTimeInput","ShortcutsPanel","normalizeIn","normalizeOutRange","normalizeShortcutValue","resolveValueType","useDateRangePicker","DateRangePicker","value","onChange","format","placeholder","displayWeekNumber","shortcuts","defaultDate","valueType","className","resolvedType","djValue","djDefault","undefined","handleChange","range","djShortcuts","map","shortcut","getValue","isOpen","step","displayedMonth","tempStart","tempEnd","hoverDate","handleOpenChange","handleDateClick","handleMonthChange","handleDateHover","handleSetStep","handleApplyShortcut","inputRef","popoverRef","div","data-slot","open","onOpenChange","render","ref","variant","activeRangePart","onRangePartClick","side","align","length","onShortcutClick","selectedRange","onDateClick","onMonthChange","onDateHover"],"mappings":";AAIA,SAASA,EAAE,QAAQ,8BAA2B;AAC9C,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,SAASC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,2BAAwB;AAChF,SAASC,aAAa,QAAQ,+CAA4C;AAC1E,SAASC,cAAc,QAAQ,+CAA4C;AAE3E,SAGEC,WAAW,EACXC,iBAAiB,EACjBC,sBAAsB,EACtBC,gBAAgB,QACX,yBAAsB;AAE7B,SAASC,kBAAkB,QAAQ,6BAA0B;AAc7D,OAAO,SAASC,gBAA6C,EAC3DC,KAAK,EACLC,QAAQ,EACRC,SAAS,YAAY,EACrBC,WAAW,EACXC,oBAAoB,KAAK,EACzBC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,SAAS,EACe;IACxB,MAAMC,eAAeZ,iBACnBG,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,EACpBM,aACAC;IAEF,MAAMG,UAAwC;QAC5ChB,YAAYM,KAAK,CAAC,EAAE;QACpBN,YAAYM,KAAK,CAAC,EAAE;KACrB;IACD,MAAMW,YACJL,eAAe,OAAQZ,YAAYY,gBAAgBM,YAAaA;IAElE,MAAMC,eAAe,CAACC;QACpBb,SAASN,kBAAqBmB,OAAOL;IACvC;IAEA,MAAMM,cAAcV,WAAWW,IAAI,CAACC,WAAc,CAAA;YAChD,GAAGA,QAAQ;YACXC,UAAU,IAAMtB,uBAAuBqB,SAASC,QAAQ;QAC1D,CAAA;IAEA,MAAM,EACJC,MAAM,EACNC,IAAI,EACJC,cAAc,EACdC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,gBAAgB,EAChBC,eAAe,EACfC,iBAAiB,EACjBC,eAAe,EACfC,aAAa,EACbC,mBAAmB,EACnBC,QAAQ,EACRC,UAAU,EACX,GAAGlC,mBAAmB;QACrBE,OAAOU;QACPT,UAAUY;QACVP,aAAaK;IACf;IAEA,qBACE,KAACsB;QACCC,aAAU;QACV1B,WAAWrB,GAAG,mBAAmBqB;kBAEjC,cAAA,MAACnB;YAAQ8C,MAAMhB;YAAQiB,cAAcX;;8BACnC,KAAClC;oBAAe8C,sBAAQ,KAACJ;wBAAIK,KAAKP;wBAAUvB,WAAU;;8BACpD,cAAA,KAAChB;wBACCQ,OAAOmB,SAAS;4BAACG;4BAAWC;yBAAQ,GAAGb;wBACvCR,QAAQA;wBACRC,aAAaA;wBACbgB,QAAQA;wBACRoB,SAAQ;wBACRC,iBAAiBrB,SAASC,OAAOR;wBACjC6B,kBAAkBtB,SAASU,gBAAgBjB;;;8BAG/C,KAACtB;oBACCgD,KAAKN;oBACLxB,WAAU;oBACVkC,MAAK;oBACLC,OAAM;8BAEN,cAAA,MAACV;wBAAIC,aAAU;wBAA4B1B,WAAU;;4BAClDO,eAAeA,YAAY6B,MAAM,GAAG,mBACnC,KAACnD;gCACCY,WAAWU;gCACX8B,iBAAiBf;;0CAGrB,KAACG;gCAAIzB,WAAU;0CACb,cAAA,KAACpB;oCACCiC,gBAAgBA;oCAChByB,eAAe;wCAACxB;wCAAWC;qCAAQ;oCACnCC,WAAWJ,SAAS,QAAQI,YAAY;oCACxCpB,mBAAmBA;oCACnB2C,aAAarB;oCACbsB,eAAerB;oCACfsB,aAAarB;;;;;;;;;AAQ7B"}

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

@@ -1,3 +1,3 @@
-export { DateRangePicker } from './date-range-picker';
-export type { DateRangePickerProps, ShortcutItem } from './date-range-picker';
-export type { UseDateRangePickerProps, UseDateRangePickerReturn, } from './types';
+export { DateRangePicker } from "./date-range-picker";
+export type { DateRangePickerProps, ShortcutItem } from "./date-range-picker";
+export type { UseDateRangePickerProps, UseDateRangePickerReturn } from "./types";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-range-picker/index.ts"],"sourcesContent":["export { DateRangePicker } from './date-range-picker';\nexport type { DateRangePickerProps, ShortcutItem } from './date-range-picker';\nexport type {\n  UseDateRangePickerProps,\n  UseDateRangePickerReturn,\n} from './types';\n"],"names":["DateRangePicker"],"mappings":"AAAA,SAASA,eAAe,QAAQ,yBAAsB"}

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

@@ -1,25 +1,25 @@
-import { Dayjs } from 'dayjs';
-import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
-import { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import type { Dayjs } from "dayjs";
+import type { RangeSelectionStep } from "../shared/hooks/use-range-step-manager";
+import type { ShortcutValueDayjs } from "../shared/shortcuts-panel/shortcuts-panel";
 export type { RangeSelectionStep };
 export interface UseDateRangePickerProps {
-    value: [Dayjs | null, Dayjs | null];
-    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
-    defaultDate?: Dayjs;
+	value: [Dayjs | null, Dayjs | null];
+	onChange: (range: [Dayjs | null, Dayjs | null]) => void;
+	defaultDate?: Dayjs;
 }
 export interface UseDateRangePickerReturn {
-    isOpen: boolean;
-    step: RangeSelectionStep;
-    displayedMonth: Dayjs;
-    tempStart: Dayjs | null;
-    tempEnd: Dayjs | null;
-    hoverDate: Dayjs | null;
-    handleOpenChange: (open: boolean) => void;
-    handleDateClick: (date: Dayjs) => void;
-    handleMonthChange: (month: Dayjs) => void;
-    handleDateHover: (date: Dayjs | null) => void;
-    handleSetStep: (step: RangeSelectionStep) => void;
-    handleApplyShortcut: (range: ShortcutValueDayjs) => void;
-    inputRef: React.RefObject<HTMLDivElement>;
-    popoverRef: React.RefObject<HTMLDivElement>;
+	isOpen: boolean;
+	step: RangeSelectionStep;
+	displayedMonth: Dayjs;
+	tempStart: Dayjs | null;
+	tempEnd: Dayjs | null;
+	hoverDate: Dayjs | null;
+	handleOpenChange: (open: boolean) => void;
+	handleDateClick: (date: Dayjs) => void;
+	handleMonthChange: (month: Dayjs) => void;
+	handleDateHover: (date: Dayjs | null) => void;
+	handleSetStep: (step: RangeSelectionStep) => void;
+	handleApplyShortcut: (range: ShortcutValueDayjs) => void;
+	inputRef: React.RefObject<HTMLDivElement>;
+	popoverRef: React.RefObject<HTMLDivElement>;
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-range-picker/types.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\n\nimport type { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\n\nexport type { RangeSelectionStep };\n\nexport interface UseDateRangePickerProps {\n  value: [Dayjs | null, Dayjs | null];\n  onChange: (range: [Dayjs | null, Dayjs | null]) => void;\n  defaultDate?: Dayjs;\n}\n\nexport interface UseDateRangePickerReturn {\n  isOpen: boolean;\n  step: RangeSelectionStep;\n  displayedMonth: Dayjs;\n  tempStart: Dayjs | null;\n  tempEnd: Dayjs | null;\n  hoverDate: Dayjs | null;\n  handleOpenChange: (open: boolean) => void;\n  handleDateClick: (date: Dayjs) => void;\n  handleMonthChange: (month: Dayjs) => void;\n  handleDateHover: (date: Dayjs | null) => void;\n  handleSetStep: (step: RangeSelectionStep) => void;\n  handleApplyShortcut: (range: ShortcutValueDayjs) => void;\n  inputRef: React.RefObject<HTMLDivElement>;\n  popoverRef: React.RefObject<HTMLDivElement>;\n}\n"],"names":[],"mappings":"AAaA,WAeC"}

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

@@ -1,4 +1,4 @@
-import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
-import { UseDateRangePickerProps, UseDateRangePickerReturn } from './types';
-export type { RangeSelectionStep, UseDateRangePickerProps, UseDateRangePickerReturn, };
-export declare const useDateRangePicker: ({ value, onChange, defaultDate, }: UseDateRangePickerProps) => UseDateRangePickerReturn;
+import type { RangeSelectionStep } from "../shared/hooks/use-range-step-manager";
+import type { UseDateRangePickerProps, UseDateRangePickerReturn } from "./types";
+export type { RangeSelectionStep, UseDateRangePickerProps, UseDateRangePickerReturn };
+export declare const useDateRangePicker: ({ value, onChange, defaultDate }: UseDateRangePickerProps) => UseDateRangePickerReturn;

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

@@ -1,61 +1,96 @@
-import { usePopoverState as e } from "../shared/hooks/use-popover-state.js";
-import { useRangeDateState as t } from "../shared/hooks/use-range-date-state.js";
-import { useRangeStepManager as n } from "../shared/hooks/use-range-step-manager.js";
-import { useCallback as r, useEffect as i, useRef as a } from "react";
-import o from "dayjs";
-//#region libs/aura/src/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.ts
-var s = ({ value: s, onChange: c, defaultDate: l = o() }) => {
-	let u = a(() => {}), { isOpen: d, setIsOpen: f, popoverRef: p, inputRef: m } = e({ onBackspace: r(() => u.current(), []) }), { step: h, handleBack: g, handleNext: _, resetStep: v } = n(), { tempStart: y, tempEnd: b, displayedMonth: x, hoverDate: S, handleDateClick: C, handleDateHover: w, handleMonthChange: T, clearActiveSegment: E, resetDates: D } = t({
-		value: s,
-		defaultDate: l,
-		onEndDateSelected: r((e, t) => {
-			c([e, t]), f(!1), v();
-		}, [
-			c,
-			f,
-			v
-		])
-	}), O = r(() => {
-		D(s), v();
-	}, [
-		D,
-		v,
-		s
-	]), k = r(() => {
-		let e = E(h);
-		e === null ? g() : e[0] === null && e[1] === null && c(e);
-	}, [
-		E,
-		h,
-		g,
-		c
-	]);
-	return i(() => {
-		u.current = k;
-	}, [k]), {
-		isOpen: d,
-		step: h,
-		displayedMonth: x,
-		tempStart: y,
-		tempEnd: b,
-		hoverDate: S,
-		handleOpenChange: (e) => {
-			O(), f(e);
-		},
-		handleDateClick: (e) => {
-			C(e, h), h === "start" && _();
-		},
-		handleMonthChange: T,
-		handleDateHover: w,
-		handleSetStep: (e) => {
-			e === "start" ? g() : _();
-		},
-		handleApplyShortcut: (e) => {
-			c(Array.isArray(e) ? e : [e, e]), f(!1), v();
-		},
-		inputRef: m,
-		popoverRef: p
-	};
+import { useCallback, useEffect, useRef } from "react";
+import dayjs from "dayjs";
+import { usePopoverState } from "../shared/hooks/use-popover-state.js";
+import { useRangeDateState } from "../shared/hooks/use-range-date-state.js";
+import { useRangeStepManager } from "../shared/hooks/use-range-step-manager.js";
+export const useDateRangePicker = ({ value, onChange, defaultDate = dayjs() })=>{
+    const onBackspaceRef = useRef(()=>{});
+    const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({
+        onBackspace: useCallback(()=>onBackspaceRef.current(), [])
+    });
+    const stepMgr = useRangeStepManager();
+    const { step, handleBack, handleNext, resetStep } = stepMgr;
+    const dateState = useRangeDateState({
+        value,
+        defaultDate,
+        onEndDateSelected: useCallback((start, end)=>{
+            onChange([
+                start,
+                end
+            ]);
+            setIsOpen(false);
+            resetStep();
+        }, [
+            onChange,
+            setIsOpen,
+            resetStep
+        ])
+    });
+    const { tempStart, tempEnd, displayedMonth, hoverDate, handleDateClick: dateClick, handleDateHover, handleMonthChange, clearActiveSegment, resetDates } = dateState;
+    const resetAll = useCallback(()=>{
+        resetDates(value);
+        resetStep();
+    }, [
+        resetDates,
+        resetStep,
+        value
+    ]);
+    const handleBackspace = useCallback(()=>{
+        const result = clearActiveSegment(step);
+        if (result === null) {
+            handleBack();
+        } else if (result[0] === null && result[1] === null) {
+            // Only apply the change if the result is [null, null]
+            onChange(result);
+        }
+    }, [
+        clearActiveSegment,
+        step,
+        handleBack,
+        onChange
+    ]);
+    useEffect(()=>{
+        onBackspaceRef.current = handleBackspace;
+    }, [
+        handleBackspace
+    ]);
+    const handleOpenChange = (open)=>{
+        resetAll();
+        setIsOpen(open);
+    };
+    const handleSetStep = (s)=>{
+        if (s === 'start') handleBack();
+        else handleNext();
+    };
+    const handleDateClick = (date)=>{
+        dateClick(date, step);
+        if (step === 'start') handleNext();
+    };
+    const handleApplyShortcut = (rangeValue)=>{
+        const range = Array.isArray(rangeValue) ? rangeValue : [
+            rangeValue,
+            rangeValue
+        ];
+        onChange(range);
+        setIsOpen(false);
+        resetStep();
+    };
+    return {
+        isOpen,
+        step,
+        displayedMonth,
+        tempStart,
+        tempEnd,
+        hoverDate,
+        handleOpenChange,
+        handleDateClick,
+        handleMonthChange,
+        handleDateHover,
+        handleSetStep,
+        handleApplyShortcut,
+        inputRef,
+        popoverRef
+    };
 };
-//#endregion
-export { s as useDateRangePicker };
+
+//# sourceMappingURL=use-date-range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\n\nimport { usePopoverState } from '../shared/hooks/use-popover-state';\nimport { useRangeDateState } from '../shared/hooks/use-range-date-state';\nimport type { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';\nimport { useRangeStepManager } from '../shared/hooks/use-range-step-manager';\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\n\nimport type {\n  UseDateRangePickerProps,\n  UseDateRangePickerReturn,\n} from './types';\n\nexport type {\n  RangeSelectionStep,\n  UseDateRangePickerProps,\n  UseDateRangePickerReturn,\n};\n\nexport const useDateRangePicker = ({\n  value,\n  onChange,\n  defaultDate = dayjs(),\n}: UseDateRangePickerProps): UseDateRangePickerReturn => {\n  const onBackspaceRef = useRef<() => void>(() => {});\n\n  const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({\n    onBackspace: useCallback(() => onBackspaceRef.current(), []),\n  });\n\n  const stepMgr = useRangeStepManager();\n  const { step, handleBack, handleNext, resetStep } = stepMgr;\n\n  const dateState = useRangeDateState({\n    value,\n    defaultDate,\n    onEndDateSelected: useCallback(\n      (start: Dayjs | null, end: Dayjs) => {\n        onChange([start, end]);\n        setIsOpen(false);\n        resetStep();\n      },\n      [onChange, setIsOpen, resetStep]\n    ),\n  });\n  const {\n    tempStart,\n    tempEnd,\n    displayedMonth,\n    hoverDate,\n    handleDateClick: dateClick,\n    handleDateHover,\n    handleMonthChange,\n    clearActiveSegment,\n    resetDates,\n  } = dateState;\n\n  const resetAll = useCallback(() => {\n    resetDates(value);\n    resetStep();\n  }, [resetDates, resetStep, value]);\n\n  const handleBackspace = useCallback(() => {\n    const result = clearActiveSegment(step);\n    if (result === null) {\n      handleBack();\n    } else if (result[0] === null && result[1] === null) {\n      // Only apply the change if the result is [null, null]\n      onChange(result);\n    }\n  }, [clearActiveSegment, step, handleBack, onChange]);\n\n  useEffect(() => {\n    onBackspaceRef.current = handleBackspace;\n  }, [handleBackspace]);\n\n  const handleOpenChange = (open: boolean) => {\n    resetAll();\n    setIsOpen(open);\n  };\n\n  const handleSetStep = (s: RangeSelectionStep) => {\n    if (s === 'start') handleBack();\n    else handleNext();\n  };\n\n  const handleDateClick = (date: Dayjs) => {\n    dateClick(date, step);\n    if (step === 'start') handleNext();\n  };\n\n  const handleApplyShortcut = (rangeValue: ShortcutValueDayjs) => {\n    const range: [Dayjs | null, Dayjs | null] = Array.isArray(rangeValue)\n      ? rangeValue\n      : [rangeValue, rangeValue];\n    onChange(range);\n    setIsOpen(false);\n    resetStep();\n  };\n\n  return {\n    isOpen,\n    step,\n    displayedMonth,\n    tempStart,\n    tempEnd,\n    hoverDate,\n    handleOpenChange,\n    handleDateClick,\n    handleMonthChange,\n    handleDateHover,\n    handleSetStep,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  };\n};\n"],"names":["useCallback","useEffect","useRef","dayjs","usePopoverState","useRangeDateState","useRangeStepManager","useDateRangePicker","value","onChange","defaultDate","onBackspaceRef","isOpen","setIsOpen","popoverRef","inputRef","onBackspace","current","stepMgr","step","handleBack","handleNext","resetStep","dateState","onEndDateSelected","start","end","tempStart","tempEnd","displayedMonth","hoverDate","handleDateClick","dateClick","handleDateHover","handleMonthChange","clearActiveSegment","resetDates","resetAll","handleBackspace","result","handleOpenChange","open","handleSetStep","s","date","handleApplyShortcut","rangeValue","range","Array","isArray"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAGvD,OAAOC,WAAW,QAAQ;AAE1B,SAASC,eAAe,QAAQ,uCAAoC;AACpE,SAASC,iBAAiB,QAAQ,0CAAuC;AAEzE,SAASC,mBAAmB,QAAQ,4CAAyC;AAc7E,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,cAAcP,OAAO,EACG;IACxB,MAAMQ,iBAAiBT,OAAmB,KAAO;IAEjD,MAAM,EAAEU,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGX,gBAAgB;QAClEY,aAAahB,YAAY,IAAMW,eAAeM,OAAO,IAAI,EAAE;IAC7D;IAEA,MAAMC,UAAUZ;IAChB,MAAM,EAAEa,IAAI,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGJ;IAEpD,MAAMK,YAAYlB,kBAAkB;QAClCG;QACAE;QACAc,mBAAmBxB,YACjB,CAACyB,OAAqBC;YACpBjB,SAAS;gBAACgB;gBAAOC;aAAI;YACrBb,UAAU;YACVS;QACF,GACA;YAACb;YAAUI;YAAWS;SAAU;IAEpC;IACA,MAAM,EACJK,SAAS,EACTC,OAAO,EACPC,cAAc,EACdC,SAAS,EACTC,iBAAiBC,SAAS,EAC1BC,eAAe,EACfC,iBAAiB,EACjBC,kBAAkB,EAClBC,UAAU,EACX,GAAGb;IAEJ,MAAMc,WAAWrC,YAAY;QAC3BoC,WAAW5B;QACXc;IACF,GAAG;QAACc;QAAYd;QAAWd;KAAM;IAEjC,MAAM8B,kBAAkBtC,YAAY;QAClC,MAAMuC,SAASJ,mBAAmBhB;QAClC,IAAIoB,WAAW,MAAM;YACnBnB;QACF,OAAO,IAAImB,MAAM,CAAC,EAAE,KAAK,QAAQA,MAAM,CAAC,EAAE,KAAK,MAAM;YACnD,sDAAsD;YACtD9B,SAAS8B;QACX;IACF,GAAG;QAACJ;QAAoBhB;QAAMC;QAAYX;KAAS;IAEnDR,UAAU;QACRU,eAAeM,OAAO,GAAGqB;IAC3B,GAAG;QAACA;KAAgB;IAEpB,MAAME,mBAAmB,CAACC;QACxBJ;QACAxB,UAAU4B;IACZ;IAEA,MAAMC,gBAAgB,CAACC;QACrB,IAAIA,MAAM,SAASvB;aACdC;IACP;IAEA,MAAMU,kBAAkB,CAACa;QACvBZ,UAAUY,MAAMzB;QAChB,IAAIA,SAAS,SAASE;IACxB;IAEA,MAAMwB,sBAAsB,CAACC;QAC3B,MAAMC,QAAsCC,MAAMC,OAAO,CAACH,cACtDA,aACA;YAACA;YAAYA;SAAW;QAC5BrC,SAASsC;QACTlC,UAAU;QACVS;IACF;IAEA,OAAO;QACLV;QACAO;QACAU;QACAF;QACAC;QACAE;QACAU;QACAT;QACAG;QACAD;QACAS;QACAG;QACA9B;QACAD;IACF;AACF,EAAE"}

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

@@ -0,0 +1,15 @@
+import type { JSX } from "react";
+import type { Dayjs } from "dayjs";
+import type { ShortcutItem } from "../shared/shortcuts-panel/shortcuts-panel";
+import { type DateInput, type DateValueProps } from "../utils/date-input";
+import { type TimeFormat } from "../utils/format-utils";
+export type { ShortcutItem };
+export interface DateTimePickerProps<T extends DateInput = Dayjs> extends DateValueProps<T> {
+	timeFormat?: TimeFormat;
+	format?: string;
+	placeholder?: string;
+	displayWeekNumber?: boolean;
+	shortcuts?: ShortcutItem[];
+	className?: string;
+}
+export declare function DateTimePicker<T extends DateInput = Dayjs>({ value, onChange, timeFormat, format, placeholder, displayWeekNumber, shortcuts, defaultDate, valueType, className }: DateTimePickerProps<T>): JSX.Element;

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

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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, normalizeOut, normalizeShortcutValue, resolveValueType } from "../utils/date-input.js";
+import { getDateTimeDisplayFormat } from "../utils/format-utils.js";
+import { useDateTimePicker } from "./use-date-time-picker.js";
+const toSelectedRange = (date)=>date ? [
+        date,
+        date
+    ] : [
+        null,
+        null
+    ];
+export function DateTimePicker({ value, onChange, timeFormat = '24h', format, placeholder, displayWeekNumber = false, shortcuts, defaultDate, valueType, className }) {
+    const resolvedType = resolveValueType(value, defaultDate, valueType);
+    const djValue = normalizeIn(value);
+    const djDefault = defaultDate != null ? normalizeIn(defaultDate) ?? undefined : undefined;
+    const handleChange = (datetime)=>{
+        onChange(normalizeOut(datetime, resolvedType));
+    };
+    const djShortcuts = shortcuts?.map((shortcut)=>({
+            ...shortcut,
+            getValue: ()=>normalizeShortcutValue(shortcut.getValue())
+        }));
+    const { isOpen, displayedMonth, tempDate, hour, minute, amPm, displayValue, canApply, handleOpenChange, handleApply, handleDateClick, handleMonthChange, handleHourChange, handleMinuteChange, handleAmPmChange, handleApplyShortcut, inputRef, popoverRef } = useDateTimePicker({
+        value: djValue,
+        onChange: handleChange,
+        timeFormat,
+        defaultDate: djDefault
+    });
+    const displayFormat = getDateTimeDisplayFormat(timeFormat, format);
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "date-time-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",
+                        ariaLabel: "Date time picker"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(PopoverContent, {
+                    ref: popoverRef,
+                    className: "rounded-xl w-auto p-0",
+                    side: "bottom",
+                    align: "start",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        "data-slot": "date-time-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: toSelectedRange(tempDate),
+                                            hoverDate: null,
+                                            displayWeekNumber: displayWeekNumber,
+                                            onDateClick: handleDateClick,
+                                            onMonthChange: handleMonthChange
+                                        })
+                                    }),
+                                    timeFormat === '12h' ? /*#__PURE__*/ _jsx(TimePickerPanel, {
+                                        hour: hour,
+                                        minute: minute,
+                                        amPm: amPm,
+                                        timeFormat: "12h",
+                                        onHourChange: handleHourChange,
+                                        onMinuteChange: handleMinuteChange,
+                                        onAmPmChange: handleAmPmChange
+                                    }) : /*#__PURE__*/ _jsx(TimePickerPanel, {
+                                        hour: hour,
+                                        minute: minute,
+                                        timeFormat: "24h",
+                                        onHourChange: handleHourChange,
+                                        onMinuteChange: handleMinuteChange
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "flex p-2 border-t border-default",
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    variant: "secondary",
+                                    className: "w-full",
+                                    onClick: handleApply,
+                                    disabled: !canApply,
+                                    children: "Apply"
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=date-time-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import type { JSX } 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 DateValueProps,\n  normalizeIn,\n  normalizeOut,\n  normalizeShortcutValue,\n  resolveValueType,\n} from '../utils/date-input';\nimport {\n  getDateTimeDisplayFormat,\n  type TimeFormat,\n} from '../utils/format-utils';\n\nimport { useDateTimePicker } from './use-date-time-picker';\n\nexport type { ShortcutItem };\n\nexport interface DateTimePickerProps<\n  T extends DateInput = Dayjs,\n> extends DateValueProps<T> {\n  timeFormat?: TimeFormat;\n  format?: string;\n  placeholder?: string;\n  displayWeekNumber?: boolean;\n  shortcuts?: ShortcutItem[];\n  className?: string;\n}\n\nconst toSelectedRange = (date: Dayjs | null): [Dayjs | null, Dayjs | null] =>\n  date ? [date, date] : [null, null];\n\nexport function DateTimePicker<T extends DateInput = Dayjs>({\n  value,\n  onChange,\n  timeFormat = '24h',\n  format,\n  placeholder,\n  displayWeekNumber = false,\n  shortcuts,\n  defaultDate,\n  valueType,\n  className,\n}: DateTimePickerProps<T>): JSX.Element {\n  const resolvedType = resolveValueType(value, defaultDate, valueType);\n  const djValue = normalizeIn(value);\n  const djDefault =\n    defaultDate != null ? (normalizeIn(defaultDate) ?? undefined) : undefined;\n\n  const handleChange = (datetime: Dayjs | null) => {\n    onChange(normalizeOut<T>(datetime, resolvedType));\n  };\n\n  const djShortcuts = shortcuts?.map((shortcut) => ({\n    ...shortcut,\n    getValue: () => normalizeShortcutValue(shortcut.getValue()),\n  }));\n\n  const {\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  } = useDateTimePicker({\n    value: djValue,\n    onChange: handleChange,\n    timeFormat,\n    defaultDate: djDefault,\n  });\n\n  const displayFormat = getDateTimeDisplayFormat(timeFormat, format);\n\n  return (\n    <div\n      data-slot=\"date-time-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            ariaLabel=\"Date time picker\"\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 data-slot=\"date-time-picker-content\" className=\"flex flex-col\">\n            <div className=\"flex flex-row\">\n              {djShortcuts && djShortcuts.length > 0 && (\n                <ShortcutsPanel\n                  shortcuts={djShortcuts}\n                  onShortcutClick={handleApplyShortcut}\n                />\n              )}\n              <div className=\"p-3 border-r border-default\">\n                <Calendar\n                  displayedMonth={displayedMonth}\n                  selectedRange={toSelectedRange(tempDate)}\n                  hoverDate={null}\n                  displayWeekNumber={displayWeekNumber}\n                  onDateClick={handleDateClick}\n                  onMonthChange={handleMonthChange}\n                />\n              </div>\n              {timeFormat === '12h' ? (\n                <TimePickerPanel\n                  hour={hour}\n                  minute={minute}\n                  amPm={amPm}\n                  timeFormat=\"12h\"\n                  onHourChange={handleHourChange}\n                  onMinuteChange={handleMinuteChange}\n                  onAmPmChange={handleAmPmChange}\n                />\n              ) : (\n                <TimePickerPanel\n                  hour={hour}\n                  minute={minute}\n                  timeFormat=\"24h\"\n                  onHourChange={handleHourChange}\n                  onMinuteChange={handleMinuteChange}\n                />\n              )}\n            </div>\n            <div className=\"flex p-2 border-t border-default\">\n              <Button\n                variant=\"secondary\"\n                className=\"w-full\"\n                onClick={handleApply}\n                disabled={!canApply}\n              >\n                Apply\n              </Button>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"names":["cn","Button","Calendar","Popover","PopoverContent","PopoverTrigger","DateTimeInput","ShortcutsPanel","TimePickerPanel","normalizeIn","normalizeOut","normalizeShortcutValue","resolveValueType","getDateTimeDisplayFormat","useDateTimePicker","toSelectedRange","date","DateTimePicker","value","onChange","timeFormat","format","placeholder","displayWeekNumber","shortcuts","defaultDate","valueType","className","resolvedType","djValue","djDefault","undefined","handleChange","datetime","djShortcuts","map","shortcut","getValue","isOpen","displayedMonth","tempDate","hour","minute","amPm","displayValue","canApply","handleOpenChange","handleApply","handleDateClick","handleMonthChange","handleHourChange","handleMinuteChange","handleAmPmChange","handleApplyShortcut","inputRef","popoverRef","displayFormat","div","data-slot","open","onOpenChange","render","ref","variant","ariaLabel","side","align","length","onShortcutClick","selectedRange","hoverDate","onDateClick","onMonthChange","onHourChange","onMinuteChange","onAmPmChange","onClick","disabled"],"mappings":"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"}

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

@@ -1 +1,3 @@
-export type { DateTimePickerProps, UseDateTimePickerProps, UseDateTimePickerReturn, } from './types';
+export { DateTimePicker } from "./date-time-picker";
+export type { DateTimePickerProps } from "./date-time-picker";
+export type { UseDateTimePickerProps, UseDateTimePickerReturn } from "./types";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-time-picker/index.ts"],"sourcesContent":["export { DateTimePicker } from './date-time-picker';\nexport type { DateTimePickerProps } from './date-time-picker';\nexport type { UseDateTimePickerProps, UseDateTimePickerReturn } from './types';\n"],"names":["DateTimePicker"],"mappings":"AAAA,SAASA,cAAc,QAAQ,wBAAqB"}