@apipass/design-system 1.15.0 → 1.16.0

package/dist/types/ui/primitives/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,47 @@
+import { type DateValue } from "@internationalized/date";
+import { type DateRangePresetKey } from "./dateRangePresets";
+import "./daterangepicker.css";
+export interface DateRangePreset {
+    id: string;
+    label: string;
+    getValue: () => {
+        start: DateValue;
+        end: DateValue;
+    };
+}
+export interface DateRangePickerValue {
+    preset?: DateRangePreset;
+    start: DateValue | null;
+    end: DateValue | null;
+}
+export interface DateRangePickerLabels {
+    placeholder: string;
+    relativeLabel: string;
+    absoluteLabel: string;
+    startDateLabel: string;
+    endDateLabel: string;
+    cancelLabel?: string | null;
+    applyLabel?: string | null;
+}
+export interface DateRangePickerProps {
+    className?: string;
+    locale?: string;
+    label?: string;
+    "aria-label"?: string;
+    description?: string;
+    errorMessage?: string;
+    labels: DateRangePickerLabels;
+    intervals?: DateRangePreset[];
+    presetKeys?: DateRangePresetKey[];
+    presetLabels?: Record<DateRangePresetKey, string>;
+    hideTime?: boolean;
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    timezone?: string;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    value?: DateRangePickerValue;
+    defaultValue?: DateRangePickerValue;
+    onChange?: (value: DateRangePickerValue) => void;
+}
+export declare function DateRangePicker({ className, locale: localeProp, label, "aria-label": ariaLabel, description, errorMessage, labels, intervals: intervalsProp, presetKeys, presetLabels, hideTime, minValue, maxValue, timezone: timezoneProp, isDisabled, isRequired, value, defaultValue, onChange, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/primitives/DateRangePicker/dateRangePresets.d.ts

@@ -0,0 +1,10 @@
+import type { DateRangePreset } from "./DateRangePicker";
+export type DateRangePresetKey = "last5m" | "last15m" | "last30m" | "last1h" | "last3h" | "last6h" | "last12h" | "last24h" | "today" | "yesterday" | "last7d" | "last30d" | "thisWeek" | "lastWeek" | "thisMonth" | "lastMonth" | "thisYear" | "lastYear";
+export declare const DATE_RANGE_PRESET_ORDER: DateRangePresetKey[];
+export interface CreateDateRangePresetsOptions {
+    labels: Record<DateRangePresetKey, string>;
+    timezone?: string;
+    locale?: string;
+    include?: DateRangePresetKey[];
+}
+export declare function createDateRangePresets(options: CreateDateRangePresetsOptions): DateRangePreset[];

package/dist/types/ui/primitives/index.d.ts

@@ -5,6 +5,8 @@ export * from "./CodeEditor/CodeEditor";
 export * from "./Avatar/Avatar";
 export * from "./Button/Button";
 export * from "./Checkbox/Checkbox";
+export * from "./DateRangePicker/DateRangePicker";
+export * from "./DateRangePicker/dateRangePresets";
 export * from "./Dialog/Dialog";
 export * from "./Divider/Divider";
 export * from "./Fieldset/Fieldset";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/design-system",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "type": "module",
   "description": "APIPass React Design System",
   "sideEffects": [
@@ -67,6 +67,7 @@
     }
   },
   "dependencies": {
+    "@internationalized/date": "^3.10.0",
     "clsx": "^2.1.1",
     "react-toastify": "^11.1.0"
   },