import type { ComponentSize, RoundedSize, ThemeColor, VisualVariant } from '../../shared';
import '../../content/icon/icon';
import '../input/input';
export type OreDatePickerEvents = {
    change: Event;
    input: Event;
};
export type OreDatePickerProps = {
    /** Theme color */
    color?: ThemeColor;
    /** Disable the picker */
    disabled?: boolean;
    /** Validation error message */
    error?: string;
    /** Expand to container width */
    fullwidth?: boolean;
    /** Helper text below the field */
    helper?: string;
    /** Visible label */
    label?: string;
    /** Label placement */
    'label-placement'?: 'inset' | 'outside';
    /** Locale for day/month names (default: browser locale) */
    locale?: string;
    /** Latest selectable date in ISO 8601 format (yyyy-MM-dd) */
    max?: string;
    /** Earliest selectable date in ISO 8601 format (yyyy-MM-dd) */
    min?: string;
    /** Form field name */
    name?: string;
    /** Placeholder shown in the text trigger */
    placeholder?: string;
    /** Mark field as required */
    required?: boolean;
    /** Border radius */
    rounded?: RoundedSize;
    /** Component size */
    size?: ComponentSize;
    /**
     * Shows an inline green check icon inside the field to confirm the value has
     * passed validation. Ignored while `error` is set — an error always wins.
     */
    success?: boolean;
    /**
     * Selected date in ISO 8601 format (yyyy-MM-dd).
     * @example '2025-06-15'
     */
    value?: string;
    /** Visual variant */
    variant?: Exclude<VisualVariant, 'text' | 'frost'>;
    /**
     * Day-of-week indices to disable (0 = Sunday … 6 = Saturday).
     * Pass as a JSON array attribute or a JS property.
     * @example
     * ```html
     * <ore-date-picker weekend-days="[0,6]"></ore-date-picker>
     * ```
     */
    'weekend-days'?: number[];
};
/**
 * An accessible, keyboard-navigable date picker with an inline calendar popup.
 * Supports min/max bounds, disabled weekend days, and form association.
 *
 * @element ore-date-picker
 *
 * @attr {string} value - Selected date in ISO 8601 format (yyyy-MM-dd)
 * @attr {string} min - Minimum selectable date (yyyy-MM-dd)
 * @attr {string} max - Maximum selectable date (yyyy-MM-dd)
 * @attr {string} label - Label text
 * @attr {string} label-placement - 'inset' | 'outside'
 * @attr {string} placeholder - Trigger placeholder
 * @attr {boolean} disabled - Disable the picker
 * @attr {boolean} required - Required field
 * @attr {string} name - Form field name
 * @attr {string} error - Error message
 * @attr {boolean} success - Show an inline success check icon (suppressed while `error` is set)
 * @attr {string} helper - Helper text
 * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} size - Component size: 'sm' | 'md' | 'lg'
 * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost'
 * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
 * @attr {string} locale - BCP 47 locale string
 * @attr {string} weekend-days - Comma-separated day indices to disable
 *
 * @fires input - Fired when a date is selected.
 * @fires change - Fired when a date is selected.
 *
 * @slot label - Custom label for the trigger field
 * @slot prefix - Content before the trigger text (e.g. icon)
 * @slot helper - Custom helper text
 * @slot error - Custom error content
 *
 * @cssprop --date-picker-bg - Calendar background
 * @cssprop --date-picker-border-color - Calendar border color
 * @cssprop --date-picker-radius - Calendar border radius
 * @cssprop --date-picker-day-selected-bg - Background of selected day
 * @cssprop --date-picker-day-today-color - Color of today's date number
 * @cssprop --date-picker-day-outside-opacity - Opacity of days outside visible month
 *
 * @part field - The trigger button/field
 * @part calendar - The floating calendar panel
 * @part header - Calendar header (nav + label)
 * @part grid - Day grid
 * @part day - Individual day cell
 *
 * @example
 * ```html
 * <!-- Single date with constraints -->
 * <ore-date-picker label="Appointment date" name="date" min="2025-01-01" max="2025-12-31" color="primary"></ore-date-picker>
 *
 *
 * <!-- Outside label, bordered variant -->
 * <ore-date-picker label="Start date" label-placement="outside" variant="bordered"></ore-date-picker>
 * ```
 */
export declare const DATE_PICKER_TAG: "ore-date-picker";
//# sourceMappingURL=date-picker.d.ts.map