import { EventName } from '@lit/react';
import { default as Component } from '../../components/calendar/calendar.js';
import { DdsChangeEvent } from '../../events/events';
export type { DdsChangeEvent } from '../../events/events';
/**
* `dap-ds-calendar`
* @summary A calendar is a visual representation of dates. It allows users to select a date.
* @element dap-ds-calendar
* @title - Calendar
*
* @event {{ value: Dayjs }} dds-change - Fired when the calendar value changes.
*
* @slot - The content of the calendar.
*
* @csspart base - The main calendar container.
* @csspart calendar-header - The header of the calendar.
* @csspart body - The body of the calendar.
* @csspart calendar-grid-header - The header of the calendar grid.
* @csspart calendar-grid-header-cell - The header cell of the calendar grid.
* @csspart calendar-grid-cell - The cell of the calendar grid.
* @csspart calendar-header-button-prev - The previous month button of the calendar header.
* @csspart calendar-header-button-next - The next month button of the calendar header.
* @csspart calendar-header-year-select - The year select of the calendar header.
* @csspart calendar-header-month-select - The month select of the calendar header.
*
* @cssproperty --dds-calendar-display - The display property of the calendar container (default: flex)
* @cssproperty --dds-calendar-isolation - The isolation property of the calendar (default: isolate)
* @cssproperty --dds-calendar-block-display - The display property of the calendar block (default: block)
* @cssproperty --dds-calendar-transition - The transition property for the calendar (default: all 0.2s ease-in-out)
* @cssproperty --dds-calendar-header-display - The display property of the calendar header (default: grid)
* @cssproperty --dds-calendar-header-grid-flow - The grid-auto-flow property of the calendar header (default: column)
* @cssproperty --dds-calendar-header-width - The width of the calendar header (default: 100%)
* @cssproperty --dds-calendar-header-gap - The gap between header items (default: var(--dds-spacing-100))
* @cssproperty --dds-calendar-select-min-height - The minimum height of the select trigger (default: auto)
* @cssproperty --dds-calendar-select-max-height - The maximum height of the select trigger (default: 32px)
* @cssproperty --dds-calendar-select-padding - The padding of the select trigger (default: var(--dds-spacing-200))
* @cssproperty --dds-calendar-select-border-radius - The border radius of the select trigger (default: var(--dds-radius-rounded))
* @cssproperty --dds-calendar-select-border-color - The border color of the select trigger (default: var(--dds-border-neutral-transparent-interactive))
* @cssproperty --dds-calendar-select-background - The background color of the select trigger (default: var(--dds-button-subtle-background-enabled))
* @cssproperty --dds-calendar-select-color - The text color of the select trigger (default: var(--dds-button-subtle-text-enabled))
* @cssproperty --dds-calendar-select-font-size - The font size of the select trigger (default: var(--dds-font-sm))
* @cssproperty --dds-calendar-select-font-style - The font style of the select trigger (default: normal)
* @cssproperty --dds-calendar-select-font-weight - The font weight of the select trigger (default: var(--dds-font-weight-bold))
* @cssproperty --dds-calendar-nav-button-margin - The margin of the navigation buttons (default: var(--dds-spacing-200))
* @cssproperty --dds-calendar-nav-button-color - The color of the navigation button icons (default: var(--dds-button-subtle-icon-enabled))
*/
declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {
    onDdsChange: EventName<DdsChangeEvent>;
}>;
export default reactWrapper;