@cognite/aura 0.3.5 → 1.46105.0

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

@@ -1,42 +1,64 @@
-import { usePopoverState as e } from "../shared/hooks/use-popover-state.js";
-import { useTimeState as t } from "../shared/hooks/use-time-state.js";
-import { useCallback as n, useEffect as r, useRef as i } from "react";
-import a from "dayjs";
-//#region libs/aura/src/components/ui/core/date-time-pickers/time-picker/use-time-picker.ts
-var o = ({ value: o, onChange: s, timeFormat: c = "24h", defaultDate: l = a() }) => {
-	let u = i(() => {}), { isOpen: d, setIsOpen: f, popoverRef: p, inputRef: m } = e({ onBackspace: n(() => u.current(), []) }), { hour: h, minute: g, amPm: _, hour24: v, handleHourChange: y, handleMinuteChange: b, handleAmPmChange: x, resetTime: S } = t({
-		initialHour: o?.hour() ?? 9,
-		initialMinute: o?.minute() ?? 0,
-		timeFormat: c
-	}), C = o ?? l, w = (e) => e.hour(v).minute(g).second(0).millisecond(0), T = (e) => C.hour(e.hour()).minute(e.minute()).second(0).millisecond(0), E = d ? w(C) : o, D = () => {
-		S(o?.hour() ?? 9, o?.minute() ?? 0);
-	}, O = () => {
-		o !== null && (s(null), D());
-	};
-	return r(() => {
-		u.current = O;
-	}), {
-		isOpen: d,
-		hour: h,
-		minute: g,
-		amPm: _,
-		displayValue: E,
-		handleOpenChange: (e) => {
-			D(), f(e);
-		},
-		handleApply: () => {
-			s(w(C)), f(!1);
-		},
-		handleHourChange: y,
-		handleMinuteChange: b,
-		handleAmPmChange: x,
-		handleApplyShortcut: (e) => {
-			let t = Array.isArray(e) ? e[0] : e;
-			s(t ? T(t) : null), f(!1);
-		},
-		inputRef: m,
-		popoverRef: p
-	};
+import { useCallback, 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 { useTimeState } from "../shared/hooks/use-time-state.js";
+export const useTimePicker = ({ value, onChange, timeFormat = '24h', defaultDate = dayjs() })=>{
+    const onBackspaceRef = useRef(()=>{});
+    const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({
+        onBackspace: useCallback(()=>onBackspaceRef.current(), [])
+    });
+    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 buildDisplayTime = (base)=>base.hour(hour24).minute(minute).second(0).millisecond(0);
+    const buildTimeOnAnchor = (time)=>anchor.hour(time.hour()).minute(time.minute()).second(0).millisecond(0);
+    const displayValue = isOpen ? buildDisplayTime(anchor) : value;
+    const resetAll = ()=>{
+        resetTime(value?.hour() ?? DEFAULT_START_HOUR, value?.minute() ?? DEFAULT_MINUTE);
+    };
+    const handleBackspace = ()=>{
+        if (value !== null) {
+            onChange(null);
+            resetAll();
+        }
+    };
+    useEffect(()=>{
+        onBackspaceRef.current = handleBackspace;
+    });
+    const handleOpenChange = (open)=>{
+        resetAll();
+        setIsOpen(open);
+    };
+    const handleApply = ()=>{
+        const next = buildDisplayTime(anchor);
+        onChange(next);
+        setIsOpen(false);
+    };
+    const handleApplyShortcut = (shortcutValue)=>{
+        const time = Array.isArray(shortcutValue) ? shortcutValue[0] : shortcutValue;
+        onChange(time ? buildTimeOnAnchor(time) : null);
+        setIsOpen(false);
+    };
+    return {
+        isOpen,
+        hour,
+        minute,
+        amPm,
+        displayValue,
+        handleOpenChange,
+        handleApply,
+        handleHourChange,
+        handleMinuteChange,
+        handleAmPmChange,
+        handleApplyShortcut,
+        inputRef,
+        popoverRef
+    };
 };
-//#endregion
-export { o as useTimePicker };
+
+//# sourceMappingURL=use-time-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/time-picker/use-time-picker.ts"],"sourcesContent":["import { useCallback, 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 { useTimeState } from '../shared/hooks/use-time-state';\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\n\nimport type { UseTimePickerProps, UseTimePickerReturn } from './types';\n\nexport type { UseTimePickerProps, UseTimePickerReturn };\n\nexport const useTimePicker = ({\n  value,\n  onChange,\n  timeFormat = '24h',\n  defaultDate = dayjs(),\n}: UseTimePickerProps): UseTimePickerReturn => {\n  const onBackspaceRef = useRef<() => void>(() => {});\n\n  const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({\n    onBackspace: useCallback(() => onBackspaceRef.current(), []),\n  });\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 buildDisplayTime = (base: Dayjs): Dayjs =>\n    base.hour(hour24).minute(minute).second(0).millisecond(0);\n\n  const buildTimeOnAnchor = (time: Dayjs): Dayjs =>\n    anchor.hour(time.hour()).minute(time.minute()).second(0).millisecond(0);\n\n  const displayValue = isOpen ? buildDisplayTime(anchor) : value;\n\n  const resetAll = () => {\n    resetTime(\n      value?.hour() ?? DEFAULT_START_HOUR,\n      value?.minute() ?? DEFAULT_MINUTE\n    );\n  };\n\n  const handleBackspace = () => {\n    if (value !== null) {\n      onChange(null);\n      resetAll();\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 next = buildDisplayTime(anchor);\n    onChange(next);\n    setIsOpen(false);\n  };\n\n  const handleApplyShortcut = (shortcutValue: ShortcutValueDayjs) => {\n    const time: Dayjs | null = Array.isArray(shortcutValue)\n      ? shortcutValue[0]\n      : shortcutValue;\n    onChange(time ? buildTimeOnAnchor(time) : null);\n    setIsOpen(false);\n  };\n\n  return {\n    isOpen,\n    hour,\n    minute,\n    amPm,\n    displayValue,\n    handleOpenChange,\n    handleApply,\n    handleHourChange,\n    handleMinuteChange,\n    handleAmPmChange,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  };\n};\n"],"names":["useCallback","useEffect","useRef","dayjs","DEFAULT_MINUTE","DEFAULT_START_HOUR","usePopoverState","useTimeState","useTimePicker","value","onChange","timeFormat","defaultDate","onBackspaceRef","isOpen","setIsOpen","popoverRef","inputRef","onBackspace","current","timeState","initialHour","hour","initialMinute","minute","amPm","hour24","handleHourChange","handleMinuteChange","handleAmPmChange","resetTime","anchor","buildDisplayTime","base","second","millisecond","buildTimeOnAnchor","time","displayValue","resetAll","handleBackspace","handleOpenChange","open","handleApply","next","handleApplyShortcut","shortcutValue","Array","isArray"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAGvD,OAAOC,WAAW,QAAQ;AAE1B,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,yBAAsB;AACzE,SAASC,eAAe,QAAQ,uCAAoC;AACpE,SAASC,YAAY,QAAQ,oCAAiC;AAO9D,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,KAAK,EACLC,QAAQ,EACRC,aAAa,KAAK,EAClBC,cAAcT,OAAO,EACF;IACnB,MAAMU,iBAAiBX,OAAmB,KAAO;IAEjD,MAAM,EAAEY,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGX,gBAAgB;QAClEY,aAAalB,YAAY,IAAMa,eAAeM,OAAO,IAAI,EAAE;IAC7D;IAEA,MAAMC,YAAYb,aAAa;QAC7Bc,aAAaZ,OAAOa,UAAUjB;QAC9BkB,eAAed,OAAOe,YAAYpB;QAClCO;IACF;IACA,MAAM,EACJW,IAAI,EACJE,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,gBAAgB,EAChBC,kBAAkB,EAClBC,gBAAgB,EAChBC,SAAS,EACV,GAAGV;IAEJ,MAAMW,SAAStB,SAASG;IAExB,MAAMoB,mBAAmB,CAACC,OACxBA,KAAKX,IAAI,CAACI,QAAQF,MAAM,CAACA,QAAQU,MAAM,CAAC,GAAGC,WAAW,CAAC;IAEzD,MAAMC,oBAAoB,CAACC,OACzBN,OAAOT,IAAI,CAACe,KAAKf,IAAI,IAAIE,MAAM,CAACa,KAAKb,MAAM,IAAIU,MAAM,CAAC,GAAGC,WAAW,CAAC;IAEvE,MAAMG,eAAexB,SAASkB,iBAAiBD,UAAUtB;IAEzD,MAAM8B,WAAW;QACfT,UACErB,OAAOa,UAAUjB,oBACjBI,OAAOe,YAAYpB;IAEvB;IAEA,MAAMoC,kBAAkB;QACtB,IAAI/B,UAAU,MAAM;YAClBC,SAAS;YACT6B;QACF;IACF;IAEAtC,UAAU;QACRY,eAAeM,OAAO,GAAGqB;IAC3B;IAEA,MAAMC,mBAAmB,CAACC;QACxBH;QACAxB,UAAU2B;IACZ;IAEA,MAAMC,cAAc;QAClB,MAAMC,OAAOZ,iBAAiBD;QAC9BrB,SAASkC;QACT7B,UAAU;IACZ;IAEA,MAAM8B,sBAAsB,CAACC;QAC3B,MAAMT,OAAqBU,MAAMC,OAAO,CAACF,iBACrCA,aAAa,CAAC,EAAE,GAChBA;QACJpC,SAAS2B,OAAOD,kBAAkBC,QAAQ;QAC1CtB,UAAU;IACZ;IAEA,OAAO;QACLD;QACAQ;QACAE;QACAC;QACAa;QACAG;QACAE;QACAhB;QACAC;QACAC;QACAgB;QACA5B;QACAD;IACF;AACF,EAAE"}

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

@@ -1 +1,3 @@
-export type { TimeRangePickerProps, UseTimeRangePickerProps, UseTimeRangePickerReturn, } from './types';
+export { TimeRangePicker } from "./time-range-picker";
+export type { TimeRangePickerProps, ShortcutItem } from "./time-range-picker";
+export type { UseTimeRangePickerProps, UseTimeRangePickerReturn } from "./types";

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

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

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

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

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

@@ -0,0 +1,14 @@
+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 TimeRangePickerProps<T extends DateInput = Dayjs> extends DateRangeValueProps<T> {
+	timeFormat?: TimeFormat;
+	format?: string;
+	placeholder?: string;
+	shortcuts?: ShortcutItem[];
+	className?: string;
+}
+export declare function TimeRangePicker<T extends DateInput = Dayjs>({ value, onChange, timeFormat, format, placeholder, shortcuts, defaultDate, valueType, className }: TimeRangePickerProps<T>): JSX.Element;

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

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../../lib/utils.js";
+import { Button } from "../../button/button.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 { useTimeRangePicker } from "./use-time-range-picker.js";
+export function TimeRangePicker({ value, onChange, timeFormat = '24h', format, placeholder, shortcuts, defaultDate, valueType, className }) {
+    const displayFormat = format ?? (timeFormat === '12h' ? 'h:mm A' : 'HH:mm');
+    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, tempStartHour, tempStartMinute, tempEndHour, tempEndMinute, startAmPm, endAmPm, displayValue, handleOpenChange, handleSetStep, handleStartHourChange, handleStartMinuteChange, handleEndHourChange, handleEndMinuteChange, handleStartAmPmChange, handleEndAmPmChange, handleNext, handleApply, handleApplyShortcut, inputRef, popoverRef } = useTimeRangePicker({
+        value: djValue,
+        onChange: handleChange,
+        timeFormat,
+        defaultDate: djDefault
+    });
+    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;
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "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: "time",
+                        ariaLabel: "Time range picker",
+                        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": "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
+                                    }),
+                                    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__*/ _jsx("div", {
+                                className: "flex p-2 border-t border-border",
+                                children: step === 'start' ? /*#__PURE__*/ _jsx(Button, {
+                                    variant: "secondary",
+                                    className: "w-full",
+                                    onClick: handleNext,
+                                    children: "Next"
+                                }) : /*#__PURE__*/ _jsx(Button, {
+                                    variant: "secondary",
+                                    className: "w-full",
+                                    onClick: handleApply,
+                                    children: "Apply"
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=time-range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/time-range-picker/time-range-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 { 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';\n\nimport { useTimeRangePicker } from './use-time-range-picker';\n\nexport type { ShortcutItem };\n\nexport interface TimeRangePickerProps<\n  T extends DateInput = Dayjs,\n> extends DateRangeValueProps<T> {\n  timeFormat?: TimeFormat;\n  format?: string;\n  placeholder?: string;\n  shortcuts?: ShortcutItem[];\n  className?: string;\n}\n\nexport function TimeRangePicker<T extends DateInput = Dayjs>({\n  value,\n  onChange,\n  timeFormat = '24h',\n  format,\n  placeholder,\n  shortcuts,\n  defaultDate,\n  valueType,\n  className,\n}: TimeRangePickerProps<T>): JSX.Element {\n  const displayFormat = format ?? (timeFormat === '12h' ? 'h:mm A' : 'HH:mm');\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    tempStartHour,\n    tempStartMinute,\n    tempEndHour,\n    tempEndMinute,\n    startAmPm,\n    endAmPm,\n    displayValue,\n    handleOpenChange,\n    handleSetStep,\n    handleStartHourChange,\n    handleStartMinuteChange,\n    handleEndHourChange,\n    handleEndMinuteChange,\n    handleStartAmPmChange,\n    handleEndAmPmChange,\n    handleNext,\n    handleApply,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  } = useTimeRangePicker({\n    value: djValue,\n    onChange: handleChange,\n    timeFormat,\n    defaultDate: djDefault,\n  });\n\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  return (\n    <div\n      data-slot=\"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=\"time\"\n            ariaLabel=\"Time range picker\"\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=\"time-range-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              {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            <div className=\"flex p-2 border-t border-border\">\n              {step === 'start' ? (\n                <Button\n                  variant=\"secondary\"\n                  className=\"w-full\"\n                  onClick={handleNext}\n                >\n                  Next\n                </Button>\n              ) : (\n                <Button\n                  variant=\"secondary\"\n                  className=\"w-full\"\n                  onClick={handleApply}\n                >\n                  Apply\n                </Button>\n              )}\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"names":["cn","Button","Popover","PopoverContent","PopoverTrigger","DateTimeInput","ShortcutsPanel","TimePickerPanel","normalizeIn","normalizeOutRange","normalizeShortcutValue","resolveValueType","useTimeRangePicker","TimeRangePicker","value","onChange","timeFormat","format","placeholder","shortcuts","defaultDate","valueType","className","displayFormat","resolvedType","djValue","djDefault","undefined","handleChange","range","djShortcuts","map","shortcut","getValue","isOpen","step","tempStartHour","tempStartMinute","tempEndHour","tempEndMinute","startAmPm","endAmPm","displayValue","handleOpenChange","handleSetStep","handleStartHourChange","handleStartMinuteChange","handleEndHourChange","handleEndMinuteChange","handleStartAmPmChange","handleEndAmPmChange","handleNext","handleApply","handleApplyShortcut","inputRef","popoverRef","currentHour","currentMinute","currentAmPm","onHourChange","onMinuteChange","onAmPmChange","div","data-slot","open","onOpenChange","render","ref","variant","ariaLabel","activeRangePart","onRangePartClick","side","align","length","onShortcutClick","hour","minute","amPm","onClick"],"mappings":"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"}

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

@@ -1,40 +1,34 @@
-import { Dayjs } from 'dayjs';
-import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
-import { ShortcutItem, ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
-import { AmPm, TimeFormat } from '../utils/format-utils';
+import type { Dayjs } from "dayjs";
+import type { RangeSelectionStep } from "../shared/hooks/use-range-step-manager";
+import type { ShortcutValueDayjs } from "../shared/shortcuts-panel/shortcuts-panel";
+import type { AmPm, TimeFormat } from "../utils/format-utils";
 export interface UseTimeRangePickerProps {
-    value: [Dayjs | null, Dayjs | null];
-    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
-    timeFormat?: TimeFormat;
-    defaultDate?: Dayjs;
+	value: [Dayjs | null, Dayjs | null];
+	onChange: (range: [Dayjs | null, Dayjs | null]) => void;
+	timeFormat?: TimeFormat;
+	defaultDate?: Dayjs;
 }
 export interface UseTimeRangePickerReturn {
-    isOpen: boolean;
-    step: RangeSelectionStep;
-    tempStartHour: number;
-    tempStartMinute: number;
-    tempEndHour: number;
-    tempEndMinute: number;
-    startAmPm: AmPm;
-    endAmPm: AmPm;
-    displayValue: [Dayjs | null, Dayjs | null];
-    handleOpenChange: (open: boolean) => void;
-    handleSetStep: (step: RangeSelectionStep) => void;
-    handleStartHourChange: (hour: number) => void;
-    handleStartMinuteChange: (minute: number) => void;
-    handleEndHourChange: (hour: number) => void;
-    handleEndMinuteChange: (minute: number) => void;
-    handleStartAmPmChange: (amPm: AmPm) => void;
-    handleEndAmPmChange: (amPm: AmPm) => void;
-    handleNext: () => void;
-    handleApply: () => void;
-    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
-    inputRef: React.RefObject<HTMLDivElement>;
-    popoverRef: React.RefObject<HTMLDivElement>;
-}
-export interface TimeRangePickerProps extends UseTimeRangePickerProps {
-    format?: string;
-    placeholder?: string;
-    shortcuts?: ShortcutItem[];
-    className?: string;
+	isOpen: boolean;
+	step: RangeSelectionStep;
+	tempStartHour: number;
+	tempStartMinute: number;
+	tempEndHour: number;
+	tempEndMinute: number;
+	startAmPm: AmPm;
+	endAmPm: AmPm;
+	displayValue: [Dayjs | null, Dayjs | null];
+	handleOpenChange: (open: boolean) => void;
+	handleSetStep: (step: RangeSelectionStep) => void;
+	handleStartHourChange: (hour: number) => void;
+	handleStartMinuteChange: (minute: number) => void;
+	handleEndHourChange: (hour: number) => void;
+	handleEndMinuteChange: (minute: number) => void;
+	handleStartAmPmChange: (amPm: AmPm) => void;
+	handleEndAmPmChange: (amPm: AmPm) => void;
+	handleNext: () => void;
+	handleApply: () => void;
+	handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+	inputRef: React.RefObject<HTMLDivElement>;
+	popoverRef: React.RefObject<HTMLDivElement>;
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/time-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';\nimport type { AmPm, TimeFormat } from '../utils/format-utils';\n\nexport interface UseTimeRangePickerProps {\n  value: [Dayjs | null, Dayjs | null];\n  onChange: (range: [Dayjs | null, Dayjs | null]) => void;\n  timeFormat?: TimeFormat;\n  defaultDate?: Dayjs;\n}\n\nexport interface UseTimeRangePickerReturn {\n  isOpen: boolean;\n  step: RangeSelectionStep;\n  tempStartHour: number;\n  tempStartMinute: number;\n  tempEndHour: number;\n  tempEndMinute: number;\n  startAmPm: AmPm;\n  endAmPm: AmPm;\n  displayValue: [Dayjs | null, Dayjs | null];\n  handleOpenChange: (open: boolean) => void;\n  handleSetStep: (step: RangeSelectionStep) => void;\n  handleStartHourChange: (hour: number) => void;\n  handleStartMinuteChange: (minute: number) => void;\n  handleEndHourChange: (hour: number) => void;\n  handleEndMinuteChange: (minute: number) => void;\n  handleStartAmPmChange: (amPm: AmPm) => void;\n  handleEndAmPmChange: (amPm: AmPm) => void;\n  handleNext: () => void;\n  handleApply: () => void;\n  handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;\n  inputRef: React.RefObject<HTMLDivElement>;\n  popoverRef: React.RefObject<HTMLDivElement>;\n}\n"],"names":[],"mappings":"AAaA,WAuBC"}

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

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

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

@@ -0,0 +1,145 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import dayjs from "dayjs";
+import { DEFAULT_MINUTE, DEFAULT_START_HOUR, END_OF_DAY_HOUR, END_OF_DAY_MINUTE } from "../shared/constants.js";
+import { usePopoverState } from "../shared/hooks/use-popover-state.js";
+import { useRangeStepManager } from "../shared/hooks/use-range-step-manager.js";
+import { useTimeState } from "../shared/hooks/use-time-state.js";
+const buildTimeOnAnchor = (base, hour24, minute)=>base.hour(hour24).minute(minute).second(0).millisecond(0);
+export const useTimeRangePicker = ({ value, onChange, timeFormat = '24h', defaultDate = dayjs() })=>{
+    const onBackspaceRef = useRef(()=>{});
+    const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({
+        onBackspace: useCallback(()=>onBackspaceRef.current(), [])
+    });
+    const stepMgr = useRangeStepManager();
+    const { step, handleNext, handleBack: stepBack, resetStep } = stepMgr;
+    const startAnchor = value[0] ?? value[1] ?? defaultDate;
+    const endAnchor = value[1] ?? value[0] ?? defaultDate;
+    const startTime = useTimeState({
+        initialHour: value[0]?.hour() ?? DEFAULT_START_HOUR,
+        initialMinute: value[0]?.minute() ?? DEFAULT_MINUTE,
+        timeFormat
+    });
+    const { hour: tempStartHour, minute: tempStartMinute, amPm: startAmPm, hour24: startHour24, handleHourChange: handleStartHourChange, handleMinuteChange: handleStartMinuteChange, handleAmPmChange: handleStartAmPmChange, resetTime: resetStartTime } = startTime;
+    const endTime = useTimeState({
+        initialHour: value[1]?.hour() ?? END_OF_DAY_HOUR,
+        initialMinute: value[1]?.minute() ?? END_OF_DAY_MINUTE,
+        timeFormat
+    });
+    const { hour: tempEndHour, minute: tempEndMinute, amPm: endAmPm, hour24: endHour24, handleHourChange: handleEndHourChange, handleMinuteChange: handleEndMinuteChange, handleAmPmChange: handleEndAmPmChange, resetTime: resetEndTime } = endTime;
+    const resetAll = useCallback(()=>{
+        resetStep();
+        resetStartTime(value[0]?.hour() ?? DEFAULT_START_HOUR, value[0]?.minute() ?? DEFAULT_MINUTE);
+        resetEndTime(value[1]?.hour() ?? END_OF_DAY_HOUR, value[1]?.minute() ?? END_OF_DAY_MINUTE);
+    }, [
+        value,
+        resetStep,
+        resetStartTime,
+        resetEndTime
+    ]);
+    const handleBackspace = useCallback(()=>{
+        if (step === 'end') {
+            stepBack();
+            resetEndTime(value[1]?.hour() ?? END_OF_DAY_HOUR, value[1]?.minute() ?? END_OF_DAY_MINUTE);
+            return;
+        }
+        if (value[0] !== null || value[1] !== null) {
+            onChange([
+                null,
+                null
+            ]);
+            resetAll();
+        }
+    }, [
+        step,
+        stepBack,
+        value,
+        onChange,
+        resetAll,
+        resetEndTime
+    ]);
+    useEffect(()=>{
+        onBackspaceRef.current = handleBackspace;
+    }, [
+        handleBackspace
+    ]);
+    const handleOpenChange = (open)=>{
+        resetAll();
+        setIsOpen(open);
+    };
+    const handleSetStep = (s)=>{
+        if (s === 'start') {
+            stepBack();
+        } else {
+            handleNext();
+        }
+    };
+    const handleApply = ()=>{
+        const start = buildTimeOnAnchor(startAnchor, startHour24, tempStartMinute);
+        const end = buildTimeOnAnchor(endAnchor, endHour24, tempEndMinute);
+        const ordered = start.isAfter(end) ? [
+            end,
+            start
+        ] : [
+            start,
+            end
+        ];
+        onChange(ordered);
+        setIsOpen(false);
+        resetStep();
+    };
+    const handleApplyShortcut = (shortcutValue)=>{
+        const range = Array.isArray(shortcutValue) ? shortcutValue : [
+            shortcutValue,
+            shortcutValue
+        ];
+        onChange([
+            range[0] ? buildTimeOnAnchor(startAnchor, range[0].hour(), range[0].minute()) : null,
+            range[1] ? buildTimeOnAnchor(endAnchor, range[1].hour(), range[1].minute()) : null
+        ]);
+        setIsOpen(false);
+        resetStep();
+    };
+    const displayValue = useMemo(()=>{
+        const startWithTime = buildTimeOnAnchor(startAnchor, startHour24, tempStartMinute);
+        const endWithTime = buildTimeOnAnchor(endAnchor, endHour24, tempEndMinute);
+        return isOpen ? [
+            startWithTime,
+            endWithTime
+        ] : value;
+    }, [
+        isOpen,
+        value,
+        startAnchor,
+        endAnchor,
+        startHour24,
+        tempStartMinute,
+        endHour24,
+        tempEndMinute
+    ]);
+    return {
+        isOpen,
+        step,
+        tempStartHour,
+        tempStartMinute,
+        tempEndHour,
+        tempEndMinute,
+        startAmPm,
+        endAmPm,
+        displayValue,
+        handleOpenChange,
+        handleSetStep,
+        handleStartHourChange,
+        handleStartMinuteChange,
+        handleEndHourChange,
+        handleEndMinuteChange,
+        handleStartAmPmChange,
+        handleEndAmPmChange,
+        handleNext,
+        handleApply,
+        handleApplyShortcut,
+        inputRef,
+        popoverRef
+    };
+};
+
+//# sourceMappingURL=use-time-range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\n\nimport {\n  DEFAULT_MINUTE,\n  DEFAULT_START_HOUR,\n  END_OF_DAY_HOUR,\n  END_OF_DAY_MINUTE,\n} from '../shared/constants';\nimport { usePopoverState } from '../shared/hooks/use-popover-state';\nimport type { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';\nimport { useRangeStepManager } from '../shared/hooks/use-range-step-manager';\nimport { useTimeState } from '../shared/hooks/use-time-state';\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\n\nimport type {\n  UseTimeRangePickerProps,\n  UseTimeRangePickerReturn,\n} from './types';\n\nexport type { UseTimeRangePickerProps, UseTimeRangePickerReturn };\n\nconst buildTimeOnAnchor = (\n  base: Dayjs,\n  hour24: number,\n  minute: number\n): Dayjs => base.hour(hour24).minute(minute).second(0).millisecond(0);\n\nexport const useTimeRangePicker = ({\n  value,\n  onChange,\n  timeFormat = '24h',\n  defaultDate = dayjs(),\n}: UseTimeRangePickerProps): UseTimeRangePickerReturn => {\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, handleNext, handleBack: stepBack, resetStep } = stepMgr;\n\n  const startAnchor = value[0] ?? value[1] ?? defaultDate;\n  const endAnchor = value[1] ?? value[0] ?? defaultDate;\n\n  const startTime = useTimeState({\n    initialHour: value[0]?.hour() ?? DEFAULT_START_HOUR,\n    initialMinute: value[0]?.minute() ?? DEFAULT_MINUTE,\n    timeFormat,\n  });\n  const {\n    hour: tempStartHour,\n    minute: tempStartMinute,\n    amPm: startAmPm,\n    hour24: startHour24,\n    handleHourChange: handleStartHourChange,\n    handleMinuteChange: handleStartMinuteChange,\n    handleAmPmChange: handleStartAmPmChange,\n    resetTime: resetStartTime,\n  } = startTime;\n\n  const endTime = useTimeState({\n    initialHour: value[1]?.hour() ?? END_OF_DAY_HOUR,\n    initialMinute: value[1]?.minute() ?? END_OF_DAY_MINUTE,\n    timeFormat,\n  });\n  const {\n    hour: tempEndHour,\n    minute: tempEndMinute,\n    amPm: endAmPm,\n    hour24: endHour24,\n    handleHourChange: handleEndHourChange,\n    handleMinuteChange: handleEndMinuteChange,\n    handleAmPmChange: handleEndAmPmChange,\n    resetTime: resetEndTime,\n  } = endTime;\n\n  const resetAll = useCallback(() => {\n    resetStep();\n    resetStartTime(\n      value[0]?.hour() ?? DEFAULT_START_HOUR,\n      value[0]?.minute() ?? DEFAULT_MINUTE\n    );\n    resetEndTime(\n      value[1]?.hour() ?? END_OF_DAY_HOUR,\n      value[1]?.minute() ?? END_OF_DAY_MINUTE\n    );\n  }, [value, resetStep, resetStartTime, resetEndTime]);\n\n  const handleBackspace = useCallback(() => {\n    if (step === 'end') {\n      stepBack();\n      resetEndTime(\n        value[1]?.hour() ?? END_OF_DAY_HOUR,\n        value[1]?.minute() ?? END_OF_DAY_MINUTE\n      );\n      return;\n    }\n    if (value[0] !== null || value[1] !== null) {\n      onChange([null, null]);\n      resetAll();\n    }\n  }, [step, stepBack, value, onChange, resetAll, resetEndTime]);\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') {\n      stepBack();\n    } else {\n      handleNext();\n    }\n  };\n\n  const handleApply = () => {\n    const start = buildTimeOnAnchor(startAnchor, startHour24, tempStartMinute);\n    const end = buildTimeOnAnchor(endAnchor, endHour24, tempEndMinute);\n    const ordered: [Dayjs, Dayjs] = start.isAfter(end)\n      ? [end, start]\n      : [start, end];\n    onChange(ordered);\n    setIsOpen(false);\n    resetStep();\n  };\n\n  const handleApplyShortcut = (shortcutValue: ShortcutValueDayjs) => {\n    const range: [Dayjs | null, Dayjs | null] = Array.isArray(shortcutValue)\n      ? shortcutValue\n      : [shortcutValue, shortcutValue];\n\n    onChange([\n      range[0]\n        ? buildTimeOnAnchor(startAnchor, range[0].hour(), range[0].minute())\n        : null,\n      range[1]\n        ? buildTimeOnAnchor(endAnchor, range[1].hour(), range[1].minute())\n        : null,\n    ]);\n    setIsOpen(false);\n    resetStep();\n  };\n\n  const displayValue: [Dayjs | null, Dayjs | null] = useMemo(() => {\n    const startWithTime = buildTimeOnAnchor(\n      startAnchor,\n      startHour24,\n      tempStartMinute\n    );\n    const endWithTime = buildTimeOnAnchor(endAnchor, endHour24, tempEndMinute);\n    return isOpen ? [startWithTime, endWithTime] : value;\n  }, [\n    isOpen,\n    value,\n    startAnchor,\n    endAnchor,\n    startHour24,\n    tempStartMinute,\n    endHour24,\n    tempEndMinute,\n  ]);\n\n  return {\n    isOpen,\n    step,\n    tempStartHour,\n    tempStartMinute,\n    tempEndHour,\n    tempEndMinute,\n    startAmPm,\n    endAmPm,\n    displayValue,\n    handleOpenChange,\n    handleSetStep,\n    handleStartHourChange,\n    handleStartMinuteChange,\n    handleEndHourChange,\n    handleEndMinuteChange,\n    handleStartAmPmChange,\n    handleEndAmPmChange,\n    handleNext,\n    handleApply,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  };\n};\n"],"names":["useCallback","useEffect","useMemo","useRef","dayjs","DEFAULT_MINUTE","DEFAULT_START_HOUR","END_OF_DAY_HOUR","END_OF_DAY_MINUTE","usePopoverState","useRangeStepManager","useTimeState","buildTimeOnAnchor","base","hour24","minute","hour","second","millisecond","useTimeRangePicker","value","onChange","timeFormat","defaultDate","onBackspaceRef","isOpen","setIsOpen","popoverRef","inputRef","onBackspace","current","stepMgr","step","handleNext","handleBack","stepBack","resetStep","startAnchor","endAnchor","startTime","initialHour","initialMinute","tempStartHour","tempStartMinute","amPm","startAmPm","startHour24","handleHourChange","handleStartHourChange","handleMinuteChange","handleStartMinuteChange","handleAmPmChange","handleStartAmPmChange","resetTime","resetStartTime","endTime","tempEndHour","tempEndMinute","endAmPm","endHour24","handleEndHourChange","handleEndMinuteChange","handleEndAmPmChange","resetEndTime","resetAll","handleBackspace","handleOpenChange","open","handleSetStep","s","handleApply","start","end","ordered","isAfter","handleApplyShortcut","shortcutValue","range","Array","isArray","displayValue","startWithTime","endWithTime"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import type { Dayjs } from "dayjs";
+/** A date value accepted by picker public APIs. */
+export type DateInput = Date | Dayjs;
+/** Resolved output type for picker value binding. */
+export type DateValueType = "date" | "dayjs";
+export type ShortcutValueInput = DateInput | null | [DateInput, DateInput] | [DateInput | null, DateInput | null];
+export type ShortcutValueDayjs = Dayjs | null | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null];
+/**
+* Converts a consumer date value to an internal Dayjs instance.
+*/
+export declare const normalizeIn: (input: DateInput | null | undefined) => Dayjs | null;
+/**
+* Infers the consumer value type from the current value or default date.
+*
+* When both `value` and `defaultDate` are null on first render, falls back to
+* `explicit` or `'dayjs'` for backwards compatibility.
+*/
+export declare const resolveValueType: (value: DateInput | null | undefined, defaultDate?: DateInput | null, explicit?: DateValueType) => DateValueType;
+/**
+* Converts an internal Dayjs value back to Date or Dayjs, preserving the instant.
+*/
+export declare const normalizeOut: <T extends DateInput>(d: Dayjs | null, type: DateValueType) => T | null;
+/** Converts a Dayjs range back to the consumer's value type. */
+export declare const normalizeOutRange: <T extends DateInput>(range: [Dayjs | null, Dayjs | null], type: DateValueType) => [T | null, T | null];
+/** Normalizes shortcut values to internal Dayjs before passing to picker hooks. */
+export declare const normalizeShortcutValue: (value: ShortcutValueInput) => ShortcutValueDayjs;
+/** Shared value-binding props for single-value pickers. */
+export interface DateValueProps<T extends DateInput = Dayjs> {
+	/** Current value. Accepts Dayjs or native Date. */
+	value: T | null;
+	/** Called when the value changes. Returns the same type as `value`. */
+	onChange: (date: T | null) => void;
+	/** Fallback date when value is empty. Same type as `value`. */
+	defaultDate?: T;
+	/**
+	* Output type when `value` and `defaultDate` are both null on first render.
+	* @default 'dayjs'
+	*/
+	valueType?: DateValueType;
+}
+/** Shared value-binding props for range pickers. */
+export interface DateRangeValueProps<T extends DateInput = Dayjs> {
+	/** Current range. Each bound accepts Dayjs or native Date. */
+	value: [T | null, T | null];
+	/**
+	* Called when the range changes. Returns the same element type as `value`.
+	*/
+	onChange: (range: [T | null, T | null]) => void;
+	/** Fallback date when a bound is empty. Same type as range elements. */
+	defaultDate?: T;
+	/**
+	* Output type when range values and `defaultDate` are all null on first render.
+	* @default 'dayjs'
+	*/
+	valueType?: DateValueType;
+}