aura-glass/dist/components/input/GlassDatePicker.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 GlassDatePickerProps {
    /**
     * Selected date (controlled)
     */
    value?: Date | null;
    /**
     * Default selected date (uncontrolled)
     */
    defaultValue?: Date | null;
    /**
     * Date change handler
     */
    onChange?: (date: Date | null) => void;
    /**
     * Date range mode
     */
    mode?: "single" | "range";
    /**
     * Selected date range (for range mode)
     */
    rangeValue?: DateRange;
    /**
     * Default date range (for range mode)
     */
    defaultRangeValue?: DateRange;
    /**
     * Range change handler
     */
    onRangeChange?: (range: DateRange) => void;
    /**
     * Minimum selectable date
     */
    minDate?: Date;
    /**
     * Maximum selectable date
     */
    maxDate?: Date;
    /**
     * Disabled dates
     */
    disabledDates?: Date[] | ((date: Date) => boolean);
    /**
     * Date format string
     */
    format?: string;
    /**
     * Input placeholder
     */
    placeholder?: string;
    /**
     * Component size
     */
    size?: "sm" | "md" | "lg";
    /**
     * Whether the component is disabled
     */
    disabled?: boolean;
    /**
     * Whether the component is required
     */
    required?: boolean;
    /**
     * Error state
     */
    error?: boolean;
    /**
     * Helper text
     */
    helperText?: string;
    /**
     * Error message
     */
    errorMessage?: string;
    /**
     * Show week numbers
     */
    showWeekNumbers?: boolean;
    /**
     * First day of week (0 = Sunday, 1 = Monday)
     */
    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
    /**
     * Show today button
     */
    showTodayButton?: boolean;
    /**
     * Show clear button
     */
    showClearButton?: boolean;
    /**
     * Custom date renderer
     */
    renderDate?: (date: Date, isSelected: boolean, isDisabled: boolean) => React.ReactNode;
    /**
     * Locale for date formatting
     */
    locale?: string;
    className?: string;
    /**
     * Accessible label
     */
    "aria-label"?: string;
    /**
     * ID of element that labels this component
     */
    "aria-labelledby"?: string;
    /**
     * ID of element(s) that describe this component
     */
    "aria-describedby"?: string;
    /**
     * Data test id
     */
    "data-testid"?: string;
    /**
     * ID for the component
     */
    id?: string;
}
/**
 * GlassDatePicker component
 * Calendar interface with glassmorphism styling and comprehensive date selection
 */
export declare const GlassDatePicker: React.ForwardRefExoticComponent<GlassDatePickerProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassDatePicker.d.ts.map