@datum-cloud/datum-ui 0.8.0 → 0.9.0

package/dist/components/features/tag-input/tag-input.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { z } from 'zod';
 interface TagsInputProps extends React.HTMLAttributes<HTMLDivElement> {
     value: string[];

package/dist/components/features/tag-input/tag-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../../src/components/features/tag-input/tag-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAqBvB,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC7B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAiBD,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,UAA+B,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,oBAA2B,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAAE,2CAkb9S;yBAlbe,SAAS"}
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../../src/components/features/tag-input/tag-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAqBvB,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC7B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAiBD,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,UAA+B,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,oBAA2B,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAAE,2CAkb9S;yBAlbe,SAAS"}

package/dist/components/features/time-picker/time-picker.d.ts

@@ -1,4 +1,9 @@
 import type { TimePickerProps } from './types';
+/**
+ * @deprecated Use `TimePicker` from `@datum-cloud/datum-ui/picker` instead.
+ * This adapter shim ships through 0.10.x and is removed in 1.0.0. See
+ * `picker-migration.mdx`.
+ */
 export declare function TimePicker({ value, onChange, min, max, step, placeholder, disabled, className, id, name, responsive, sheetTitle, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TimePicker {
     var displayName: string;

package/dist/components/features/time-picker/time-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-picker/time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ9C,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAS,EACT,WAA2B,EAC3B,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,UAAiB,EACjB,UAAU,GACX,EAAE,eAAe,2CA0DjB;yBAvEe,UAAU"}
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-picker/time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAa9C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,UAAiB,EACjB,UAAU,GACX,EAAE,eAAe,2CAuBjB;yBApCe,UAAU"}

package/dist/components/features/time-picker/types.d.ts

@@ -3,6 +3,11 @@
  *
  * Renders a ResponsivePopover with selectable time slots generated
  * from min/max/step. Value format: "HH:mm" (e.g., "14:30").
+ *
+ * @deprecated Use `TimePickerProps` from `@datum-cloud/datum-ui/picker`
+ * instead. Kept for the legacy `@datum-cloud/datum-ui/time-picker` shim,
+ * which ships through 0.10.x and is removed in 1.0.0. See
+ * `picker-migration.mdx`.
  */
 export interface TimePickerProps {
     /** Current time value in HH:mm format (e.g., "14:30") */

package/dist/components/features/time-picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-picker/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-picker/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB"}

package/dist/components/features/time-range-picker/index.d.ts

@@ -1,8 +1,13 @@
+/** @deprecated Use the picker family from `@datum-cloud/datum-ui/picker`. */
 export { AbsoluteRangePanel, CustomRangePanel } from './components/absolute-range-panel';
+/** @deprecated Use the picker family from `@datum-cloud/datum-ui/picker`. */
 export { QuickRangesPanel } from './components/quick-ranges-panel';
+/** @deprecated Use `Picker.TimezoneSelect` from `@datum-cloud/datum-ui/picker`. */
 export { TimezoneSelector } from './components/timezone-selector';
+/** @deprecated Use the new picker's `presets` prop (`PickerPreset[]`). */
 export { DEFAULT_PRESETS, getDefaultPreset, getPresetByKey, getPresetByShortcut, getPresetRange, } from './presets';
 export { TimeRangePicker, type TimeRangePickerProps } from './time-range-picker';
 export type { ApiTimeRange, DateRange, PresetConfig, TimeRangeValue, TimezoneOption, } from './types';
+/** @deprecated Use the timezone / format helpers exported from `@datum-cloud/datum-ui/picker`. */
 export { createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultTimezoneOptions, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString, } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/features/time-range-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-range-picker/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAGxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAGjE,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,GACf,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAEhF,YAAY,EACV,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAA;AAEhB,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EAEvB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EAEvB,iBAAiB,EACjB,qBAAqB,EAErB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-range-picker/index.ts"],"names":[],"mappings":"AAOA,6EAA6E;AAC7E,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAGxF,6EAA6E;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,mFAAmF;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAGjE,0EAA0E;AAC1E,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,GACf,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAEhF,YAAY,EACV,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAA;AAEhB,kGAAkG;AAClG,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EAEvB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,yBAAyB,EACzB,uBAAuB,EAEvB,iBAAiB,EACjB,qBAAqB,EAErB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,SAAS,CAAA"}

package/dist/components/features/time-range-picker/time-range-picker.d.ts

@@ -1,31 +1,36 @@
 import type { PresetConfig, TimeRangeValue } from './types';
+/**
+ * @deprecated Use `DateTimeRangePickerProps` (or `TimeRangePickerProps` for
+ * time-of-day-only ranges) from `@datum-cloud/datum-ui/picker` instead. Kept
+ * for the legacy `@datum-cloud/datum-ui/time-range-picker` shim, which ships
+ * through 0.10.x and is removed in 1.0.0. See `picker-migration.mdx`.
+ */
 export interface TimeRangePickerProps {
-    /** Current value (controlled) - stores UTC timestamps */
     value: TimeRangeValue | null;
-    /** Called when value changes */
     onChange: (value: TimeRangeValue) => void;
-    /** Called when clear button is clicked - clears URL params and resets to default */
     onClear?: () => void;
-    /** User's timezone (for display conversion) */
     timezone?: string;
-    /** Preset configurations */
     presets?: PresetConfig[];
-    /** Disable future dates */
     disableFuture?: boolean;
-    /** Maximum selectable date */
     maxDate?: Date;
-    /** Minimum selectable date */
     minDate?: Date;
-    /** Custom class name */
     className?: string;
-    /** Whether the picker is disabled */
     disabled?: boolean;
-    /** Placeholder text */
     placeholder?: string;
-    /** Popover alignment */
     align?: 'start' | 'center' | 'end';
-    /** Popover side */
     side?: 'top' | 'bottom';
 }
-export declare function TimeRangePicker({ value, onChange, onClear, timezone: timezoneProp, presets, disableFuture, maxDate, minDate, className, disabled, placeholder, align, side, }: TimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Use `DateTimeRangePicker` from `@datum-cloud/datum-ui/picker`
+ * (or `TimeRangePicker` for time-of-day-only ranges). This adapter shim ships
+ * through 0.10.x and is removed in 1.0.0. See `picker-migration.mdx`.
+ *
+ * Notable diff: legacy `TimeRangeValue` envelope had a `type: 'preset' | 'custom'`
+ * discriminator. The shim translates to/from the new wrapper's flatter
+ * `{ from, to, preset? }` shape.
+ */
+export declare function TimeRangePicker({ value, onChange, onClear: _onClear, timezone, presets, disableFuture, maxDate, minDate, className, disabled, placeholder, align: _align, side: _side, }: TimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimeRangePicker {
+    var displayName: string;
+}
 //# sourceMappingURL=time-range-picker.d.ts.map

package/dist/components/features/time-range-picker/time-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-range-picker/time-range-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAqB3D,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,gCAAgC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,8BAA8B;IAC9B,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EAAE,YAAY,EACtB,OAAyB,EACzB,aAAqB,EACrB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAgB,EAChB,WAAiC,EACjC,KAAe,EACf,IAAe,GAChB,EAAE,oBAAoB,2CA0UtB"}
+{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-range-picker/time-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI3D;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,OAAO,EAAE,QAAQ,EACjB,QAAQ,EACR,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAiC,EACjC,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,KAAK,GACZ,EAAE,oBAAoB,2CAiCtB;yBA/Ce,eAAe"}

package/dist/components/features/time-range-picker/types.d.ts

@@ -1,6 +1,11 @@
 /**
  * Time range value - stores UTC timestamps
  * All from/to values are ISO 8601 UTC strings (e.g., '2024-01-15T04:00:00Z')
+ *
+ * @deprecated Use the `{ from, to, preset? }` envelope emitted by
+ * `DateTimeRangePicker` from `@datum-cloud/datum-ui/picker` instead. Kept
+ * for the legacy `@datum-cloud/datum-ui/time-range-picker` shim, removed
+ * in 1.0.0. See `picker-migration.mdx`.
  */
 export interface TimeRangeValue {
     /** Type of range selection */
@@ -14,6 +19,10 @@ export interface TimeRangeValue {
 }
 /**
  * Date range for internal use (actual Date objects)
+ *
+ * @deprecated Use the `{ from: Date, to: Date }` shape from
+ * `@datum-cloud/datum-ui/picker` (or `react-day-picker`'s `DateRange`).
+ * Removed in 1.0.0 alongside the legacy time-range-picker shim.
  */
 export interface DateRange {
     from: Date;
@@ -21,6 +30,10 @@ export interface DateRange {
 }
 /**
  * Preset configuration with dynamic range calculation
+ *
+ * @deprecated Use `PickerPreset` from `@datum-cloud/datum-ui/picker`
+ * instead. The new shape no longer requires a `shortcut` and uses the
+ * picker's standard `{ from: Date, to: Date }` range.
  */
 export interface PresetConfig {
     /** Unique key for the preset */
@@ -37,6 +50,9 @@ export interface PresetConfig {
 }
 /**
  * Timezone option for selector
+ *
+ * @deprecated Use the timezone helpers from `@datum-cloud/datum-ui/picker`
+ * (`getBrowserTimezone`, `formatTimezoneLabel`). Removed in 1.0.0.
  */
 export interface TimezoneOption {
     /** Timezone identifier (e.g., 'Asia/Jakarta') */
@@ -49,6 +65,10 @@ export interface TimezoneOption {
 /**
  * API time range format (what gets sent to the API)
  * Always in UTC ISO format
+ *
+ * @deprecated Project-specific API shape; emit `{ startTime, endTime }`
+ * from your own caller code rather than depending on this picker-internal
+ * type. Removed in 1.0.0.
  */
 export interface ApiTimeRange {
     /** Start time in UTC (e.g., '2024-01-15T04:00:00Z') */

package/dist/components/features/time-range-picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-range-picker/types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAEzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAA;IAEZ,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,CAAA;IACV,EAAE,EAAE,IAAI,CAAA;CACT;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAA;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/time-range-picker/types.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAEzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAA;IAEZ,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,CAAA;IACV,EAAE,EAAE,IAAI,CAAA;CACT;AAED;;;;;;GAMG;AACH,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CAC1C;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAA;CAChB"}

package/dist/data-table/index.mjs

@@ -4,13 +4,13 @@ import { t as Button } from "../button-BllvE9Lm.mjs";
 import { t as Checkbox } from "../checkbox-I5BvrMPe.mjs";
 import { t as Input } from "../input-FKGqZypx.mjs";
 import { t as ResponsiveDropdown } from "../responsive-dropdown-IFroDgKn.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-zxwykvQn.mjs";
-import { t as Skeleton } from "../skeleton-D4HOEiOZ.mjs";
-import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-DWGT4cqh.mjs";
-import { t as Autocomplete } from "../autocomplete-DdbTQe6u.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-BaykEs6j.mjs";
-import { t as ActionRow } from "../action-row-DnhBhMtt.mjs";
-import { t as MultiSelect } from "../multi-select-DM_dxnSV.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-Ck0szhAH.mjs";
+import { t as Skeleton } from "../skeleton-CxAhQT6T.mjs";
+import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-ouGk4Vxe.mjs";
+import { t as Autocomplete } from "../autocomplete-ChuPNldi.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-CchHKodM.mjs";
+import { t as ActionRow } from "../action-row-ZaMsJ8cP.mjs";
+import { t as MultiSelect } from "../multi-select-BHmtkQIi.mjs";
 import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
 import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1228,6 +1228,14 @@ function ClientProvider(props) {
 		}
 		store.setData(data);
 	}, [data, store]);
+	const isPageSizeInitial = useRef(true);
+	useEffect(() => {
+		if (isPageSizeInitial.current) {
+			isPageSizeInitial.current = false;
+			return;
+		}
+		if (pageSize != null) store.setPageSize(pageSize);
+	}, [pageSize, store]);
 	const [tableReady, setTableReady] = useState(false);
 	useEffect(() => setTableReady(true), []);
 	useEffect(() => {
@@ -1494,17 +1502,16 @@ function DatePickerFilter({ column, label, className, datePickerPopoverClassName
 		registerFilter,
 		unregisterFilter
 	]);
-	const dateRange = useMemo(() => {
-		const date = rawValue ? new Date(rawValue) : void 0;
-		return {
-			from: date,
-			to: date
-		};
-	}, [rawValue]);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dt-filter",
 		children: /* @__PURE__ */ jsx(CalendarDatePicker, {
-			date: dateRange,
+			date: useMemo(() => {
+				const date = rawValue ? new Date(rawValue) : void 0;
+				return {
+					from: date,
+					to: date
+				};
+			}, [rawValue]),
 			numberOfMonths: 1,
 			closeOnSelect: true,
 			placeholder: label,

package/dist/date-picker/index.mjs

@@ -1,3 +1,3 @@
-import { t as CalendarDatePicker } from "../calendar-date-picker-BaykEs6j.mjs";
-import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as formatTimeRangeDisplay, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatSingleTimeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as TimeRangePicker, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatDateForInput, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-CgKcC9SK.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-CchHKodM.mjs";
+import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as TimeRangePicker, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-CNqrcrz7.mjs";
 export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };

package/dist/date-range-picker-DNZh06zo.mjs

@@ -0,0 +1,77 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Button } from "./button-Rw1xI-k9.mjs";
+import { S as PickerContent, c as PickerTrigger, l as Picker, s as formatPickerValue, t as DefaultFooter, w as usePickerContext } from "./default-footer-DbpemJVl.mjs";
+import { t as PickerCalendar } from "./calendar-D_DriVHT.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/picker/components/presets.tsx
+function PickerPresets({ className }) {
+	const { presets, state, actions, timezone } = usePickerContext();
+	if (presets.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("border-border hidden flex-col gap-1 border-r p-2 md:flex", className),
+		children: presets.map((preset) => {
+			return /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: state.selectedPresetKey === preset.key ? "default" : "ghost",
+				size: "sm",
+				className: "justify-start font-normal",
+				onClick: () => {
+					const range = preset.getRange(timezone);
+					actions.selectPreset(range, preset.key);
+				},
+				children: [/* @__PURE__ */ jsx("span", { children: preset.label }), preset.shortcut && /* @__PURE__ */ jsx("kbd", {
+					className: "bg-muted ml-auto hidden rounded border px-1.5 font-mono text-[10px] sm:inline-flex",
+					children: preset.shortcut
+				})]
+			}, preset.key);
+		})
+	});
+}
+PickerPresets.displayName = "Picker.Presets";
+//#endregion
+//#region src/components/features/picker/wrappers/date-range-picker.tsx
+function DateRangePicker({ value, onChange, placeholder = "Pick a date range", clearable = true, responsive = true, sheetTitle = "Pick a date range", numberOfMonths = 2, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat }) {
+	return /* @__PURE__ */ jsx(Picker.Root, {
+		mode: "date-range",
+		value,
+		onChange,
+		commit,
+		responsive,
+		presets,
+		excludePresets,
+		disablePast,
+		disableFuture,
+		minDate,
+		maxDate,
+		children: /* @__PURE__ */ jsx(PickerContent, {
+			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
+				placeholder,
+				clearable,
+				disabled,
+				className,
+				triggerClassName,
+				id,
+				icon,
+				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date-range", { dateFormat })
+			}),
+			sheetTitle,
+			sheetDescription,
+			modal,
+			contentClassName: popoverClassName,
+			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col md:flex-row",
+				children: [/* @__PURE__ */ jsx(PickerPresets, {}), /* @__PURE__ */ jsx(PickerCalendar, {
+					numberOfMonths,
+					minDate,
+					maxDate,
+					disablePast,
+					disableFuture
+				})]
+			})
+		})
+	});
+}
+DateRangePicker.displayName = "DateRangePicker";
+//#endregion
+export { PickerPresets as n, DateRangePicker as t };

package/dist/date-time-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../date-time-picker-DKOxrhmc.mjs";
+import { t as DateTimePicker } from "../date-time-picker-BiobghTJ.mjs";
 export { DateTimePicker };

package/dist/date-time-picker-BiobghTJ.mjs

@@ -0,0 +1,43 @@
+import { t as useDeprecationWarning } from "./use-deprecation-warning-Dy_DOyLu.mjs";
+import { t as DateTimePicker$1 } from "./date-time-picker-C0fF7s_e.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/features/date-time-picker/date-time-picker.tsx
+/**
+* @deprecated Use `DateTimePicker` from `@datum-cloud/datum-ui/picker`
+* instead. This adapter shim ships through 0.10.x and is removed in 1.0.0.
+* See `picker-migration.mdx`.
+*
+* Notable diff: legacy `showTimezoneIndicator` (default `false`) is the
+* inverse of the new `hideTimezone` prop. The shim handles the inversion
+* and pins the trigger label / time-input UX to the legacy semantics
+* (typeable input via `timeInputMode='input'`, bare TZ name via
+* `timezoneIndicatorVariant='compact'`).
+*/
+function DateTimePicker({ value, onChange, minDate, maxDate, disabledDates: _disabledDates, disablePast, disableFuture, timezone, showTimezoneIndicator = false, placeholder, disabled, className, modal, sheetTitle, sheetDescription, responsive = true }) {
+	useDeprecationWarning("DateTimePicker (legacy)", "DateTimePicker");
+	return /* @__PURE__ */ jsx(DateTimePicker$1, {
+		value: value ?? null,
+		onChange: (next) => {
+			onChange?.(next ?? "");
+		},
+		placeholder: placeholder ?? "Select date and time",
+		sheetTitle: sheetTitle ?? placeholder ?? "Select date and time",
+		sheetDescription,
+		responsive,
+		modal,
+		disabled,
+		className,
+		hideTimezone: !showTimezoneIndicator,
+		timezone,
+		minDate,
+		maxDate,
+		disablePast,
+		disableFuture,
+		timeInputMode: "input",
+		timezoneIndicatorVariant: "compact",
+		hourCycle: "24"
+	});
+}
+DateTimePicker.displayName = "DateTimePicker";
+//#endregion
+export { DateTimePicker as t };

package/dist/date-time-picker-C0fF7s_e.mjs

@@ -0,0 +1,109 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { A as zonedDateToIso, S as PickerContent, c as PickerTrigger, k as isoToZonedDate, l as Picker, s as formatPickerValue, t as DefaultFooter, w as usePickerContext, y as parseTimeString } from "./default-footer-DbpemJVl.mjs";
+import { t as PickerCalendar } from "./calendar-D_DriVHT.mjs";
+import { t as PickerTimeInput } from "./time-input-9LdNL0Us.mjs";
+import { t as PickerTimezoneIndicator } from "./timezone-indicator-COoeMKKs.mjs";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/picker/components/time-input-field.tsx
+function formatZonedTimeOfDay(iso, tz) {
+	try {
+		const d = isoToZonedDate(iso, tz);
+		if (Number.isNaN(d.getTime())) return "";
+		return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+	} catch {
+		return "";
+	}
+}
+function PickerTimeInputField({ className, ariaLabel = "Select time", id }) {
+	const { mode, timezone, state, actions } = usePickerContext();
+	const isoValue = mode === "datetime" ? state.pendingValue : null;
+	const externalTimeValue = isoValue ? formatZonedTimeOfDay(isoValue, timezone) : "";
+	const [localValue, setLocalValue] = useState(externalTimeValue);
+	useEffect(() => {
+		setLocalValue(externalTimeValue);
+	}, [externalTimeValue]);
+	if (mode !== "datetime") return null;
+	const disabled = isoValue === null;
+	const handleChange = (e) => {
+		const next = e.target.value;
+		setLocalValue(next);
+		if (!isoValue) return;
+		const parsed = parseTimeString(next);
+		if (!parsed) return;
+		const d = isoToZonedDate(isoValue, timezone);
+		d.setHours(parsed.h, parsed.m, 0, 0);
+		actions.setSingleDatetime(zonedDateToIso(d, timezone));
+	};
+	return /* @__PURE__ */ jsx("input", {
+		type: "text",
+		id,
+		"aria-label": ariaLabel,
+		value: localValue,
+		onChange: handleChange,
+		disabled,
+		className: cn("border-input-border bg-input-background/50 h-10 w-full rounded-lg border px-3 text-sm", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", className)
+	});
+}
+PickerTimeInputField.displayName = "Picker.TimeInputField";
+//#endregion
+//#region src/components/features/picker/wrappers/date-time-picker.tsx
+function DateTimePicker({ value, onChange, placeholder = "Pick a date & time", clearable = true, responsive = true, sheetTitle = "Pick a date & time", timezone, step = 15, hourCycle, numberOfMonths = 1, hideTimezone = false, timeInputMode = "slot", timezoneIndicatorVariant = "full", triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, dateFormat, timeFormat }) {
+	return /* @__PURE__ */ jsx(Picker.Root, {
+		mode: "datetime",
+		value,
+		onChange,
+		responsive,
+		timezone,
+		step,
+		hourCycle,
+		hideTimezone,
+		presets: [],
+		disablePast,
+		disableFuture,
+		minDate,
+		maxDate,
+		children: /* @__PURE__ */ jsx(PickerContent, {
+			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
+				placeholder,
+				clearable,
+				disabled,
+				className,
+				triggerClassName,
+				id,
+				icon,
+				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "datetime", {
+					timezone,
+					hourCycle,
+					dateFormat,
+					timeFormat
+				})
+			}),
+			sheetTitle,
+			sheetDescription,
+			modal,
+			contentClassName: popoverClassName,
+			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col",
+				children: [
+					/* @__PURE__ */ jsx(PickerCalendar, {
+						numberOfMonths,
+						minDate,
+						maxDate,
+						disablePast,
+						disableFuture
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "border-t p-3",
+						children: timeInputMode === "input" ? /* @__PURE__ */ jsx(PickerTimeInputField, {}) : /* @__PURE__ */ jsx(PickerTimeInput, { target: "embedded-from" })
+					}),
+					/* @__PURE__ */ jsx(PickerTimezoneIndicator, { variant: timezoneIndicatorVariant })
+				]
+			})
+		})
+	});
+}
+DateTimePicker.displayName = "DateTimePicker";
+//#endregion
+export { DateTimePicker as t };

package/dist/date-time-range-picker-cW4rbuFn.mjs

@@ -0,0 +1,82 @@
+import { S as PickerContent, c as PickerTrigger, l as Picker, s as formatPickerValue, t as DefaultFooter } from "./default-footer-DbpemJVl.mjs";
+import { t as PickerCalendar } from "./calendar-D_DriVHT.mjs";
+import { n as PickerPresets } from "./date-range-picker-DNZh06zo.mjs";
+import { t as PickerTimeInput } from "./time-input-9LdNL0Us.mjs";
+import { t as PickerTimezoneIndicator } from "./timezone-indicator-COoeMKKs.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/picker/wrappers/date-time-range-picker.tsx
+function DateTimeRangePicker({ value, onChange, placeholder = "Pick a date & time range", clearable = true, responsive = true, sheetTitle = "Pick a date & time range", timezone, step = 15, hourCycle, numberOfMonths = 2, hideTimezone = false, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat, timeFormat }) {
+	return /* @__PURE__ */ jsx(Picker.Root, {
+		mode: "datetime-range",
+		value,
+		onChange,
+		responsive,
+		timezone,
+		step,
+		hourCycle,
+		hideTimezone,
+		presets,
+		excludePresets,
+		disablePast,
+		disableFuture,
+		minDate,
+		maxDate,
+		children: /* @__PURE__ */ jsx(PickerContent, {
+			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
+				placeholder,
+				clearable,
+				disabled,
+				className,
+				triggerClassName,
+				id,
+				icon,
+				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "datetime-range", {
+					timezone,
+					hourCycle,
+					dateFormat,
+					timeFormat
+				})
+			}),
+			sheetTitle,
+			sheetDescription,
+			modal,
+			contentClassName: popoverClassName,
+			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col md:flex-row",
+				children: [/* @__PURE__ */ jsx(PickerPresets, {}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [
+						/* @__PURE__ */ jsx(PickerCalendar, {
+							numberOfMonths,
+							minDate,
+							maxDate,
+							disablePast,
+							disableFuture
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex gap-2 border-t p-3",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "text-muted-foreground mb-1 text-xs",
+									children: "From"
+								}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "embedded-from" })]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "text-muted-foreground mb-1 text-xs",
+									children: "To"
+								}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "embedded-to" })]
+							})]
+						}),
+						/* @__PURE__ */ jsx(PickerTimezoneIndicator, {})
+					]
+				})]
+			})
+		})
+	});
+}
+DateTimeRangePicker.displayName = "DateTimeRangePicker";
+//#endregion
+export { DateTimeRangePicker as t };