aura-glass/dist/components/input/GlassDateRangePicker.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
export interface DateRange {
    from: Date | null;
    to: Date | null;
}
export interface GlassDateRangePickerProps {
    /**
     * Current date range value
     */
    value?: DateRange;
    /**
     * Default date range value
     */
    defaultValue?: DateRange;
    /**
     * Callback when date range changes
     */
    onChange?: (range: DateRange) => void;
    /**
     * Placeholder text
     */
    placeholder?: string;
    /**
     * Date format for display
     */
    dateFormat?: "short" | "long" | "numeric";
    /**
     * Locale for date formatting
     */
    locale?: string;
    /**
     * Minimum selectable date
     */
    minDate?: Date;
    /**
     * Maximum selectable date
     */
    maxDate?: Date;
    /**
     * Disabled state
     */
    disabled?: boolean;
    /**
     * Size variant
     */
    size?: "sm" | "md" | "lg";
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom className for the popover
     */
    popoverClassName?: string;
    /**
     * Show clear button
     */
    showClear?: boolean;
    /**
     * Predefined date ranges
     */
    presets?: Array<{
        label: string;
        getValue: () => DateRange;
    }>;
    /**
     * Custom range label
     */
    rangeLabel?: string;
    /**
     * Data test id
     */
    "data-testid"?: string;
}
/**
 * GlassDateRangePicker component
 * A glassmorphism date range picker with calendar interface
 */
export declare const GlassDateRangePicker: React.FC<GlassDateRangePickerProps>;
export default GlassDateRangePicker;
//# sourceMappingURL=GlassDateRangePicker.d.ts.map