@cognite/aura 0.2.0 → 0.3.1

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

@@ -0,0 +1,84 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { cn as x } from "../../../../../lib/utils.js";
+import { Popover as M, PopoverTrigger as N, PopoverContent as w } from "../../popover/popover.js";
+import { Calendar as R } from "../shared/calendar/calendar.js";
+import { DateTimeInput as S } from "../shared/date-time-input/date-time-input.js";
+import { ShortcutsPanel as Y } from "../shared/shortcuts-panel/shortcuts-panel.js";
+import { useDatePicker as y } from "./use-date-picker.js";
+const T = (o) => o ? [o, o] : [null, null], z = ({
+  value: o,
+  onChange: r,
+  format: i = "DD/MM/YYYY",
+  placeholder: c,
+  displayWeekNumber: d = !1,
+  shortcuts: n,
+  defaultDate: p,
+  className: s
+}) => {
+  const {
+    isOpen: l,
+    displayedMonth: m,
+    tempDate: t,
+    handleTogglePopover: h,
+    handleCancel: f,
+    handleDateClick: u,
+    handleMonthChange: v,
+    handleApplyShortcut: g,
+    inputRef: C,
+    popoverRef: D
+  } = y({ value: o, onChange: r, defaultDate: p }), k = l ? t : o;
+  return /* @__PURE__ */ e("div", { "data-slot": "date-picker", className: x("relative w-full", s), children: /* @__PURE__ */ a(
+    M,
+    {
+      open: l,
+      onOpenChange: (P) => {
+        P || f();
+      },
+      children: [
+        /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e("div", { ref: C, className: "w-full" }), children: /* @__PURE__ */ e(
+          S,
+          {
+            value: k,
+            format: i,
+            placeholder: c,
+            onClick: h,
+            isOpen: l,
+            variant: "date"
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          w,
+          {
+            ref: D,
+            className: "rounded-xl w-auto p-0",
+            side: "bottom",
+            align: "start",
+            children: /* @__PURE__ */ a("div", { "data-slot": "date-picker-content", className: "flex flex-row", children: [
+              n && n.length > 0 && /* @__PURE__ */ e(
+                Y,
+                {
+                  shortcuts: n,
+                  onShortcutClick: g
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(
+                R,
+                {
+                  displayedMonth: m,
+                  selectedRange: T(t),
+                  hoverDate: null,
+                  displayWeekNumber: d,
+                  onDateClick: u,
+                  onMonthChange: v
+                }
+              ) })
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  z as DatePicker
+};

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

@@ -0,0 +1,3 @@
+export { DatePicker } from './date-picker';
+export type { DatePickerProps, ShortcutItem } from './date-picker';
+export type { UseDatePickerProps, UseDatePickerReturn } from './types';

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

@@ -0,0 +1,18 @@
+import { Dayjs } from 'dayjs';
+export interface UseDatePickerProps {
+    value: Dayjs | null;
+    onChange: (date: Dayjs | null) => void;
+    defaultDate?: Dayjs;
+}
+export interface UseDatePickerReturn {
+    isOpen: boolean;
+    displayedMonth: Dayjs;
+    tempDate: Dayjs | null;
+    handleTogglePopover: () => void;
+    handleCancel: () => void;
+    handleDateClick: (date: Dayjs) => void;
+    handleMonthChange: (month: Dayjs) => void;
+    handleApplyShortcut: (shortcutValue: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    inputRef: React.RefObject<HTMLDivElement>;
+    popoverRef: React.RefObject<HTMLDivElement>;
+}

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

@@ -0,0 +1,3 @@
+import { UseDatePickerProps, UseDatePickerReturn } from './types';
+export type { UseDatePickerProps, UseDatePickerReturn };
+export declare const useDatePicker: ({ value, onChange, defaultDate, }: UseDatePickerProps) => UseDatePickerReturn;

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

@@ -0,0 +1,63 @@
+import { useRef as c, useCallback as p, useEffect as A } from "react";
+import C from "dayjs";
+import { usePopoverState as R } from "../shared/hooks/use-popover-state.js";
+import { useSingleDateState as B } from "../shared/hooks/use-single-date-state.js";
+const I = ({
+  value: a,
+  onChange: t,
+  defaultDate: d = C()
+}) => {
+  const r = c(() => {
+  }), s = c(() => {
+  }), {
+    isOpen: l,
+    setIsOpen: o,
+    popoverRef: f,
+    inputRef: i,
+    handleTogglePopover: h
+  } = R({
+    onClose: p(() => r.current(), []),
+    onBackspace: p(() => s.current(), [])
+  }), u = B({
+    value: a,
+    defaultDate: d,
+    onDateSelected: (e) => {
+      t(e), o(!1);
+    }
+  }), {
+    tempDate: m,
+    displayedMonth: g,
+    handleDateClick: D,
+    handleMonthChange: S,
+    clearDate: k,
+    resetDate: y
+  } = u, n = () => {
+    y(a);
+  }, P = () => {
+    k() && t(null);
+  };
+  return A(() => {
+    r.current = n, s.current = P;
+  }), {
+    isOpen: l,
+    displayedMonth: g,
+    tempDate: m,
+    handleTogglePopover: () => {
+      l || n(), h();
+    },
+    handleCancel: () => {
+      n(), o(!1);
+    },
+    handleDateClick: D,
+    handleMonthChange: S,
+    handleApplyShortcut: (e) => {
+      const v = Array.isArray(e) ? e[0] : e;
+      t(v), o(!1);
+    },
+    inputRef: i,
+    popoverRef: f
+  };
+};
+export {
+  I as useDatePicker
+};

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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { Dayjs } from 'dayjs';
+import { ShortcutItem } from '../shared/shortcuts-panel/shortcuts-panel';
+export type { ShortcutItem };
+export interface DateRangePickerProps {
+    value: [Dayjs | null, Dayjs | null];
+    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
+    format?: string;
+    placeholder?: string;
+    displayWeekNumber?: boolean;
+    shortcuts?: ShortcutItem[];
+    defaultDate?: Dayjs;
+    className?: string;
+}
+export declare const DateRangePicker: FC<DateRangePickerProps>;

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

@@ -0,0 +1,99 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { cn as N } from "../../../../../lib/utils.js";
+import { Popover as w, PopoverTrigger as Y, PopoverContent as T } from "../../popover/popover.js";
+import { Calendar as j } from "../shared/calendar/calendar.js";
+import { DateTimeInput as y } from "../shared/date-time-input/date-time-input.js";
+import { ShortcutsPanel as H } from "../shared/shortcuts-panel/shortcuts-panel.js";
+import { useDateRangePicker as O } from "./use-date-range-picker.js";
+const F = ({
+  value: t,
+  onChange: d,
+  format: p = "DD/MM/YYYY",
+  placeholder: c,
+  displayWeekNumber: h = !1,
+  shortcuts: n,
+  defaultDate: m,
+  className: s
+}) => {
+  const {
+    isOpen: a,
+    step: o,
+    displayedMonth: v,
+    tempStart: r,
+    tempEnd: l,
+    hoverDate: f,
+    handleTogglePopover: g,
+    handleCancel: C,
+    handleDateClick: D,
+    handleMonthChange: u,
+    handleDateHover: k,
+    handleSetStep: P,
+    handleApplyShortcut: R,
+    inputRef: x,
+    popoverRef: S
+  } = O({ value: t, onChange: d, defaultDate: m });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "date-range-picker",
+      className: N("relative w-full", s),
+      children: /* @__PURE__ */ i(
+        w,
+        {
+          open: a,
+          onOpenChange: (M) => {
+            M || C();
+          },
+          children: [
+            /* @__PURE__ */ e(Y, { render: /* @__PURE__ */ e("div", { ref: x, className: "w-full" }), children: /* @__PURE__ */ e(
+              y,
+              {
+                value: a ? [r, l] : t,
+                format: p,
+                placeholder: c,
+                onClick: g,
+                isOpen: a,
+                variant: "date",
+                activeRangePart: a ? o : void 0,
+                onRangePartClick: a ? P : void 0
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              T,
+              {
+                ref: S,
+                className: "rounded-xl w-auto p-0",
+                side: "bottom",
+                align: "start",
+                children: /* @__PURE__ */ i("div", { "data-slot": "date-range-picker-content", className: "flex flex-row", children: [
+                  n && n.length > 0 && /* @__PURE__ */ e(
+                    H,
+                    {
+                      shortcuts: n,
+                      onShortcutClick: R
+                    }
+                  ),
+                  /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(
+                    j,
+                    {
+                      displayedMonth: v,
+                      selectedRange: [r, l],
+                      hoverDate: o === "end" ? f : null,
+                      displayWeekNumber: h,
+                      onDateClick: D,
+                      onMonthChange: u,
+                      onDateHover: k
+                    }
+                  ) })
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  F as DateRangePicker
+};

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

@@ -0,0 +1,3 @@
+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/types.d.ts

@@ -0,0 +1,25 @@
+import { Dayjs } from 'dayjs';
+import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
+export type { RangeSelectionStep };
+export interface UseDateRangePickerProps {
+    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;
+    handleTogglePopover: () => void;
+    handleCancel: () => void;
+    handleDateClick: (date: Dayjs) => void;
+    handleMonthChange: (month: Dayjs) => void;
+    handleDateHover: (date: Dayjs | null) => void;
+    handleSetStep: (step: RangeSelectionStep) => void;
+    handleApplyShortcut: (range: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    inputRef: React.RefObject<HTMLDivElement>;
+    popoverRef: React.RefObject<HTMLDivElement>;
+}

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

@@ -0,0 +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;

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

@@ -0,0 +1,82 @@
+import { useRef as k, useCallback as s, useEffect as g } from "react";
+import b from "dayjs";
+import { usePopoverState as j } from "../shared/hooks/use-popover-state.js";
+import { useRangeDateState as H } from "../shared/hooks/use-range-date-state.js";
+import { useRangeStepManager as I } from "../shared/hooks/use-range-step-manager.js";
+const U = ({
+  value: r,
+  onChange: t,
+  defaultDate: D = b()
+}) => {
+  const d = k(() => {
+  }), f = k(() => {
+  }), {
+    isOpen: i,
+    setIsOpen: a,
+    popoverRef: R,
+    inputRef: v,
+    handleTogglePopover: y
+  } = j({
+    onClose: s(() => d.current(), []),
+    onBackspace: s(() => f.current(), [])
+  }), A = I(), { step: o, handleBack: c, handleNext: h, resetStep: n } = A, C = H({
+    value: r,
+    defaultDate: D,
+    onEndDateSelected: s(
+      (e, p) => {
+        t([e, p]), a(!1), n();
+      },
+      [t, a, n]
+    )
+  }), {
+    tempStart: P,
+    tempEnd: B,
+    displayedMonth: M,
+    hoverDate: E,
+    handleDateClick: T,
+    handleDateHover: x,
+    handleMonthChange: O,
+    clearActiveSegment: u,
+    resetDates: S
+  } = C, l = s(() => {
+    S(r), n();
+  }, [S, n, r]), m = s(() => {
+    const e = u(o);
+    e === null ? c() : e[0] === null && e[1] === null && t(e);
+  }, [u, o, c, t]);
+  return g(() => {
+    d.current = l;
+  }, [l]), g(() => {
+    f.current = m;
+  }, [m]), {
+    isOpen: i,
+    step: o,
+    displayedMonth: M,
+    tempStart: P,
+    tempEnd: B,
+    hoverDate: E,
+    handleTogglePopover: () => {
+      i || l(), y();
+    },
+    handleCancel: () => {
+      l(), a(!1);
+    },
+    handleDateClick: (e) => {
+      T(e, o), o === "start" && h();
+    },
+    handleMonthChange: O,
+    handleDateHover: x,
+    handleSetStep: (e) => {
+      e === "start" ? c() : h();
+    },
+    handleApplyShortcut: (e) => {
+      const p = Array.isArray(e) ? e : [e, e];
+      t(p), a(!1), n();
+    },
+    inputRef: v,
+    popoverRef: R
+  };
+};
+export {
+  U as useDateRangePicker
+};

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

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { Dayjs } from 'dayjs';
+import { ShortcutItem } from '../shared/shortcuts-panel/shortcuts-panel';
+import { 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 declare const DateTimeRangePicker: FC<DateTimeRangePickerProps>;

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

@@ -0,0 +1,190 @@
+import { jsx as e, jsxs as t, Fragment as te } from "react/jsx-runtime";
+import { useMemo as re } from "react";
+import { cn as ae } from "../../../../../lib/utils.js";
+import { Button as v } from "../../button/button.js";
+import { Popover as oe, PopoverTrigger as le, PopoverContent as ie } from "../../popover/popover.js";
+import { AmPmScroll as de } from "../shared/am-pm-scroll/am-pm-scroll.js";
+import { Calendar as ce } from "../shared/calendar/calendar.js";
+import { DateTimeInput as se } from "../shared/date-time-input/date-time-input.js";
+import { ShortcutsPanel as he } from "../shared/shortcuts-panel/shortcuts-panel.js";
+import { TimePickerScroll as f } from "../shared/time-picker-scroll/time-picker-scroll.js";
+import { convert12HourTo24Hour as C } from "../utils/time-utils.js";
+import { useDateTimeRangePicker as me } from "./use-date-time-range-picker.js";
+const He = ({
+  value: x,
+  onChange: P,
+  format: k = "DD/MM/YYYY HH:mm",
+  placeholder: b,
+  displayWeekNumber: N = !1,
+  shortcuts: c,
+  timeFormat: r = "24h",
+  defaultDate: S,
+  className: H
+}) => {
+  const {
+    isOpen: l,
+    step: n,
+    displayedMonth: M,
+    tempStart: a,
+    tempEnd: o,
+    hoverDate: A,
+    tempStartHour: i,
+    tempStartMinute: s,
+    tempEndHour: d,
+    tempEndMinute: h,
+    startAmPm: m,
+    endAmPm: p,
+    handleTogglePopover: D,
+    handleSetStep: y,
+    handleDateClick: T,
+    handleMonthChange: w,
+    handleDateHover: R,
+    handleStartHourChange: E,
+    handleStartMinuteChange: Y,
+    handleEndHourChange: j,
+    handleEndMinuteChange: B,
+    handleStartAmPmChange: O,
+    handleEndAmPmChange: W,
+    handleNext: I,
+    handleApply: L,
+    handleCancel: g,
+    handleBack: V,
+    handleApplyShortcut: q,
+    popoverRef: z,
+    inputRef: G
+  } = me({
+    value: x,
+    onChange: P,
+    timeFormat: r,
+    defaultDate: S
+  }), J = n === "start" ? a !== null : o !== null, K = n === "start" ? "Next" : "Apply", Q = n === "start" ? I : L, U = n === "start" ? i : d, X = n === "start" ? s : h, Z = n === "start" ? m : p, _ = n === "start" ? E : j, $ = n === "start" ? Y : B, F = n === "start" ? O : W, ee = re(() => {
+    const u = a ? a.hour(
+      r === "12h" ? C(i, m) : i
+    ).minute(s) : null, ne = o ? o.hour(
+      r === "12h" ? C(d, p) : d
+    ).minute(h) : null;
+    return [u, ne];
+  }, [
+    a,
+    o,
+    i,
+    s,
+    d,
+    h,
+    m,
+    p,
+    r
+  ]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "date-time-range-picker",
+      className: ae("relative w-full", H),
+      children: /* @__PURE__ */ t(
+        oe,
+        {
+          open: l,
+          onOpenChange: (u) => {
+            u || g();
+          },
+          children: [
+            /* @__PURE__ */ e(le, { render: /* @__PURE__ */ e("div", { ref: G, className: "w-full" }), children: /* @__PURE__ */ e(
+              se,
+              {
+                value: ee,
+                format: k,
+                placeholder: b,
+                onClick: D,
+                isOpen: l,
+                variant: "datetime",
+                activeRangePart: l ? n : void 0,
+                onRangePartClick: l ? y : void 0
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              ie,
+              {
+                ref: z,
+                className: "rounded-xl w-auto p-0",
+                side: "bottom",
+                align: "start",
+                children: /* @__PURE__ */ t(
+                  "div",
+                  {
+                    "data-slot": "date-time-range-picker-content",
+                    className: "flex flex-col",
+                    children: [
+                      /* @__PURE__ */ t("div", { className: "flex flex-row", children: [
+                        c && c.length > 0 && /* @__PURE__ */ e(
+                          he,
+                          {
+                            shortcuts: c,
+                            onShortcutClick: q
+                          }
+                        ),
+                        /* @__PURE__ */ e("div", { className: "p-3 border-r border-border", children: /* @__PURE__ */ e(
+                          ce,
+                          {
+                            displayedMonth: M,
+                            selectedRange: [a, o],
+                            hoverDate: n === "end" ? A : null,
+                            displayWeekNumber: N,
+                            onDateClick: T,
+                            onMonthChange: w,
+                            onDateHover: R
+                          }
+                        ) }),
+                        /* @__PURE__ */ t("div", { className: "flex items-stretch", children: [
+                          /* @__PURE__ */ e("div", { className: "px-3", children: /* @__PURE__ */ e(
+                            f,
+                            {
+                              value: U,
+                              onChange: _,
+                              type: "hour",
+                              timeFormat: r
+                            }
+                          ) }),
+                          /* @__PURE__ */ e("div", { className: "w-px bg-border shrink-0 self-stretch" }),
+                          /* @__PURE__ */ e("div", { className: "px-3", children: /* @__PURE__ */ e(
+                            f,
+                            {
+                              value: X,
+                              onChange: $,
+                              type: "minute"
+                            }
+                          ) }),
+                          r === "12h" && /* @__PURE__ */ t(te, { children: [
+                            /* @__PURE__ */ e("div", { className: "w-px bg-border shrink-0 self-stretch" }),
+                            /* @__PURE__ */ e("div", { className: "px-3", children: /* @__PURE__ */ e(de, { value: Z, onChange: F }) })
+                          ] })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ t("div", { className: "flex p-2 justify-between items-center self-stretch border-t border-border", children: [
+                        /* @__PURE__ */ e(v, { variant: "ghost", onClick: g, children: "Cancel" }),
+                        /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
+                          n === "end" && /* @__PURE__ */ e(v, { variant: "ghost", onClick: V, children: "Back" }),
+                          /* @__PURE__ */ e(
+                            v,
+                            {
+                              variant: "secondary",
+                              onClick: Q,
+                              disabled: !J,
+                              children: K
+                            }
+                          )
+                        ] })
+                      ] })
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  He as DateTimeRangePicker
+};

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

@@ -0,0 +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';

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

@@ -0,0 +1,42 @@
+import { Dayjs } from 'dayjs';
+import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
+import { TimeFormat } from '../utils/format-utils';
+export type { RangeSelectionStep };
+export interface UseDateTimeRangePickerProps {
+    value: [Dayjs | null, Dayjs | null];
+    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
+    timeFormat?: TimeFormat;
+    defaultDate?: Dayjs;
+}
+export interface UseDateTimeRangePickerReturn {
+    isOpen: boolean;
+    step: RangeSelectionStep;
+    displayedMonth: Dayjs;
+    tempStart: Dayjs | null;
+    tempEnd: Dayjs | null;
+    hoverDate: Dayjs | null;
+    tempStartHour: number;
+    tempStartMinute: number;
+    tempEndHour: number;
+    tempEndMinute: number;
+    startAmPm: 'AM' | 'PM';
+    endAmPm: 'AM' | 'PM';
+    handleTogglePopover: () => void;
+    handleSetStep: (step: RangeSelectionStep) => void;
+    handleDateClick: (date: Dayjs) => void;
+    handleMonthChange: (month: Dayjs) => void;
+    handleDateHover: (date: Dayjs | null) => void;
+    handleStartHourChange: (hour: number) => void;
+    handleStartMinuteChange: (minute: number) => void;
+    handleEndHourChange: (hour: number) => void;
+    handleEndMinuteChange: (minute: number) => void;
+    handleStartAmPmChange: (value: 'AM' | 'PM') => void;
+    handleEndAmPmChange: (value: 'AM' | 'PM') => void;
+    handleNext: () => void;
+    handleApply: () => void;
+    handleCancel: () => void;
+    handleBack: () => void;
+    handleApplyShortcut: (range: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    popoverRef: React.RefObject<HTMLDivElement>;
+    inputRef: React.RefObject<HTMLDivElement>;
+}

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

@@ -0,0 +1,3 @@
+import { RangeSelectionStep, UseDateTimeRangePickerProps, UseDateTimeRangePickerReturn } from './types';
+export type { RangeSelectionStep, UseDateTimeRangePickerProps, UseDateTimeRangePickerReturn, };
+export declare const useDateTimeRangePicker: ({ value, onChange, timeFormat, defaultDate, }: UseDateTimeRangePickerProps) => UseDateTimeRangePickerReturn;