import type { CSSResultGroup } from 'lit';
import '../../internal/components/calendar/calendar';
import type { DSAInternalCalendar } from '../../internal/components/calendar/calendar';
import { ShoelaceElement } from '../../internal/shoelace-element';
/**
 * @summary Calendar allows you to select date or range of dates within a calendar tool.
 * @documentation
 *
 * @dependency dsa-internal-calendar
 *
 * @event {{ dates: Date[] }} dsa-date-selected - Emitted when a date is selected
 * @event {{ month: number, year: number }} dsa-month-year-selected - Emitted when the displayed month or year changes.
 */
export default class DSACalendar extends ShoelaceElement {
    static styles: CSSResultGroup;
    private readonly localize;
    calendar: DSAInternalCalendar;
    value: string;
    startDate: string;
    range: boolean;
    disableDate: (date: Date) => boolean;
    firstUpdated(): void;
    private updateCalendarValue;
    private get parsedDateValue();
    private handleDateSelection;
    private handleMonthSelection;
    private getLabels;
    handleDisableDateChange(): void;
    handleValueChange(): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'dsa-calendar': DSACalendar;
    }
}