@reeverdev/ui 0.2.157 → 0.2.158

package/dist/index.d.cts

@@ -2376,56 +2376,48 @@ interface DefaultErrorFallbackProps {
 declare const DefaultErrorFallback: React$1.ForwardRefExoticComponent<DefaultErrorFallbackProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const ErrorBoundary: typeof ErrorBoundaryClass;
 
-interface DateRangePickerProps {
-    /**
-     * Selected date range
-     */
+declare const dateRangePickerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DateRangeFormat = "dd/MM/yyyy" | "MM/dd/yyyy" | "yyyy-MM-dd" | "dd.MM.yyyy";
+interface DateRangePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange" | "value" | "defaultValue">, VariantProps<typeof dateRangePickerVariants> {
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    errorMessage?: React$1.ReactNode;
+    isRequired?: boolean;
+    isInvalid?: boolean;
+    labelClassName?: string;
+    inputClassName?: string;
+    descriptionClassName?: string;
+    errorClassName?: string;
     value?: DateRange;
-    /**
-     * Default date range (uncontrolled)
-     */
     defaultValue?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    dateFormat?: DateRangeFormat;
     /**
-     * Callback when date range changes
-     */
-    onValueChange?: (range: DateRange | undefined) => void;
-    /**
-     * Placeholder text
-     */
-    placeholder?: string;
-    /**
-     * Date format string (date-fns format)
-     * @default "LLL dd, y"
-     */
-    dateFormat?: string;
-    /**
-     * Disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Minimum selectable date
+     * Show calendar picker icon and enable popup
+     * @default true
      */
-    minDate?: Date;
+    showPicker?: boolean;
     /**
-     * Maximum selectable date
+     * Whether the input should take full width
+     * @default false
      */
-    maxDate?: Date;
+    fullWidth?: boolean;
     /**
      * Number of months to display
      * @default 2
      */
     numberOfMonths?: number;
-    /**
-     * Additional class name
-     */
-    className?: string;
     /**
      * Alignment of the popover
      * @default "start"
      */
     align?: "start" | "center" | "end";
 }
-declare const DateRangePicker: React$1.ForwardRefExoticComponent<DateRangePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DateRangePicker: React$1.ForwardRefExoticComponent<DateRangePickerProps & React$1.RefAttributes<HTMLInputElement>>;
 
 interface TimePickerProps {
     /**

package/dist/index.d.ts

@@ -2376,56 +2376,48 @@ interface DefaultErrorFallbackProps {
 declare const DefaultErrorFallback: React$1.ForwardRefExoticComponent<DefaultErrorFallbackProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const ErrorBoundary: typeof ErrorBoundaryClass;
 
-interface DateRangePickerProps {
-    /**
-     * Selected date range
-     */
+declare const dateRangePickerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DateRangeFormat = "dd/MM/yyyy" | "MM/dd/yyyy" | "yyyy-MM-dd" | "dd.MM.yyyy";
+interface DateRangePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange" | "value" | "defaultValue">, VariantProps<typeof dateRangePickerVariants> {
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    errorMessage?: React$1.ReactNode;
+    isRequired?: boolean;
+    isInvalid?: boolean;
+    labelClassName?: string;
+    inputClassName?: string;
+    descriptionClassName?: string;
+    errorClassName?: string;
     value?: DateRange;
-    /**
-     * Default date range (uncontrolled)
-     */
     defaultValue?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    dateFormat?: DateRangeFormat;
     /**
-     * Callback when date range changes
-     */
-    onValueChange?: (range: DateRange | undefined) => void;
-    /**
-     * Placeholder text
-     */
-    placeholder?: string;
-    /**
-     * Date format string (date-fns format)
-     * @default "LLL dd, y"
-     */
-    dateFormat?: string;
-    /**
-     * Disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Minimum selectable date
+     * Show calendar picker icon and enable popup
+     * @default true
      */
-    minDate?: Date;
+    showPicker?: boolean;
     /**
-     * Maximum selectable date
+     * Whether the input should take full width
+     * @default false
      */
-    maxDate?: Date;
+    fullWidth?: boolean;
     /**
      * Number of months to display
      * @default 2
      */
     numberOfMonths?: number;
-    /**
-     * Additional class name
-     */
-    className?: string;
     /**
      * Alignment of the popover
      * @default "start"
      */
     align?: "start" | "center" | "end";
 }
-declare const DateRangePicker: React$1.ForwardRefExoticComponent<DateRangePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DateRangePicker: React$1.ForwardRefExoticComponent<DateRangePickerProps & React$1.RefAttributes<HTMLInputElement>>;
 
 interface TimePickerProps {
     /**