import * as _angular_core from '@angular/core';
import * as i1 from '@eui/components/shared';
import { BaseStatesDirective } from '@eui/components/shared';
import { LocaleService, LocaleState } from '@eui/core';

/**
 * @description
 * A visual date display component that presents dates in a calendar block format with day, month, and year.
 * Useful for event listings, timelines, and date-centric interfaces.
 *
 * @usageNotes
 * ### Basic Usage
 * ```html
 * <eui-date-block [blockDate]="eventDate"></eui-date-block>
 * ```
 *
 * ### With Custom Format
 * ```typescript
 * <eui-date-block
 *   [blockDate]="meetingDate"
 *   dateFormat="dd/MM/yyyy">
 * </eui-date-block>
 * ```
 *
 * ### Accessibility
 * - Uses semantic `role="section"` for proper screen reader identification
 * - Date is formatted according to locale settings for internationalization
 * - Visual date representation is supplemented with accessible text
 *
 * ### Notes
 * - Automatically adapts to current locale via `LocaleService`
 * - Use `euiPrimary` or `euiSecondary` for color variants
 * - `dateFormat` accepts any valid Angular DatePipe format string
 * - Component is read-only and does not support user interaction
 */
declare class EuiDateBlockComponent {
    /** @description Date format string for displaying the date, default is 'dd/M/yyyy' */
    readonly dateFormat: _angular_core.InputSignal<string>;
    /** @description The date to be displayed in the block, should be a valid Date object */
    readonly blockDate: _angular_core.InputSignal<Date>;
    /** @description Data attribute for e2e testing */
    readonly e2eAttr: _angular_core.InputSignal<string>;
    /** @description Instance of BaseStatesDirective for managing component states */
    protected readonly baseStatesDirective: BaseStatesDirective;
    protected locale: LocaleService<LocaleState>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EuiDateBlockComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EuiDateBlockComponent, "eui-date-block", never, { "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "blockDate": { "alias": "blockDate"; "required": false; "isSignal": true; }; "e2eAttr": { "alias": "e2eAttr"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; }; outputs: {}; }]>;
}

declare const EUI_DATE_BLOCK: readonly [typeof EuiDateBlockComponent];

export { EUI_DATE_BLOCK, EuiDateBlockComponent };
//# sourceMappingURL=eui-components-eui-date-block.d.ts.map
