/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { ElementType, HTMLAttributes } from 'react';
import type { IconProps } from '../Icon';
export type CalendarProps = {
    /** The text for the internal, visually hidden heading that gives the component an accessible name. */
    readonly accessibleName?: string;
    /**
     * Connects the component with an internal element that defines its accessible name.
     * Note: must be unique for the page.
     */
    readonly accessibleNameId?: string;
    /** The month shown on first render. Defaults to the current month. */
    readonly defaultMonth?: Date;
    /** The component to render each date link with. Defaults to a plain anchor. */
    readonly linkComponent?: ElementType;
    /** Builds the link target for a date. Return `undefined` to render the date as plain text. */
    readonly linkTemplate?: (date: Date) => string | undefined;
    /** BCP 47 language tag for the weekday names, month caption, and accessible date labels. Defaults to `'nl-NL'`. */
    readonly locale?: string;
    /**
     * The icon for the button that navigates to the next month.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronForwardIcon
     */
    readonly nextMonthButtonIcon?: IconProps['svg'];
    /**
     * The accessible label for the button that navigates to the next month.
     * @default Volgende maand
     */
    readonly nextMonthButtonLabel?: string;
    /**
     * The icon for the button that navigates to the next year.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronDoubleForwardIcon
     */
    readonly nextYearButtonIcon?: IconProps['svg'];
    /**
     * The accessible label for the button that navigates to the next year.
     * @default Volgend jaar
     */
    readonly nextYearButtonLabel?: string;
    /**
     * The icon for the button that navigates to the previous month.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronBackwardIcon
     */
    readonly previousMonthButtonIcon?: IconProps['svg'];
    /**
     * The accessible label for the button that navigates to the previous month.
     * @default Vorige maand
     */
    readonly previousMonthButtonLabel?: string;
    /**
     * The icon for the button that navigates to the previous year.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronDoubleBackwardIcon
     */
    readonly previousYearButtonIcon?: IconProps['svg'];
    /**
     * The accessible label for the button that navigates to the previous year.
     * @default Vorig jaar
     */
    readonly previousYearButtonLabel?: string;
} & Readonly<HTMLAttributes<HTMLElement>>;
/**
 * A visual way to navigate between dates using a calendar view.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-calendar--docs Calendar docs at Amsterdam Design System}
 */
export declare const Calendar: import("react").ForwardRefExoticComponent<{
    /** The text for the internal, visually hidden heading that gives the component an accessible name. */
    readonly accessibleName?: string;
    /**
     * Connects the component with an internal element that defines its accessible name.
     * Note: must be unique for the page.
     */
    readonly accessibleNameId?: string;
    /** The month shown on first render. Defaults to the current month. */
    readonly defaultMonth?: Date;
    /** The component to render each date link with. Defaults to a plain anchor. */
    readonly linkComponent?: ElementType;
    /** Builds the link target for a date. Return `undefined` to render the date as plain text. */
    readonly linkTemplate?: (date: Date) => string | undefined;
    /** BCP 47 language tag for the weekday names, month caption, and accessible date labels. Defaults to `'nl-NL'`. */
    readonly locale?: string;
    /**
     * The icon for the button that navigates to the next month.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronForwardIcon
     */
    readonly nextMonthButtonIcon?: IconProps["svg"];
    /**
     * The accessible label for the button that navigates to the next month.
     * @default Volgende maand
     */
    readonly nextMonthButtonLabel?: string;
    /**
     * The icon for the button that navigates to the next year.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronDoubleForwardIcon
     */
    readonly nextYearButtonIcon?: IconProps["svg"];
    /**
     * The accessible label for the button that navigates to the next year.
     * @default Volgend jaar
     */
    readonly nextYearButtonLabel?: string;
    /**
     * The icon for the button that navigates to the previous month.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronBackwardIcon
     */
    readonly previousMonthButtonIcon?: IconProps["svg"];
    /**
     * The accessible label for the button that navigates to the previous month.
     * @default Vorige maand
     */
    readonly previousMonthButtonLabel?: string;
    /**
     * The icon for the button that navigates to the previous year.
     * Websites for the City of Amsterdam must use the default icon.
     * @default ChevronDoubleBackwardIcon
     */
    readonly previousYearButtonIcon?: IconProps["svg"];
    /**
     * The accessible label for the button that navigates to the previous year.
     * @default Vorig jaar
     */
    readonly previousYearButtonLabel?: string;
} & Readonly<HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>>;