import React from 'react';
import { CommonProps } from '@contentful/f36-core';
import { DayPickerSingleProps, DayPickerDefaultProps } from 'react-day-picker';
export { Day, DayContent, DayContentProps, DayProps, useDayPicker } from 'react-day-picker';
import { TextInputProps } from '@contentful/f36-forms';
import { PopoverProps } from '@contentful/f36-popover';

type DatepickerProps = CommonProps & {
    /**
     * Callback fired when the day is selected
     */
    onSelect: (day: Date | undefined) => void;
    /**
     * Format that is used to display date in the input,
     * It is based on (Unicode Technical Standart #35)[https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table]
     *
     * @default 'dd LLL yyyy' e.g. 31 Jan 2022
     */
    dateFormat?: string;
    /**
     * If `true`, the Datepicker will be initially opened.
     */
    defaultIsOpen?: boolean;
    /**
     * Custom placeholder for the input field
     */
    placeholder?: string;
    /** Size variations */
    size?: 'small' | 'medium';
    /**
     * Props to pass to the TextInput component
     */
    inputProps?: Partial<TextInputProps>;
    /**
     * Props to pass to the Popover (Dropdown) component
     */
    popoverProps?: Partial<PopoverProps>;
} & Omit<DayPickerSingleProps, 'mode' | 'onSelect' | 'fromMonth' | 'toMonth' | 'fromYear' | 'toYear' | 'classNames' | 'className'>;
/**
 * Provides functionality for date selection.
 */
declare function Datepicker(props: DatepickerProps): React.JSX.Element;

type CalendarProps = Omit<DayPickerDefaultProps, 'classNames'> | Omit<DayPickerSingleProps, 'classNames'>;
/**
 * Provides functionality for calendar date selection. Used as a part of Datepicker component.
 * Based on the [React DayPicker](https://react-day-picker.js.org/) library.
 */
declare function Calendar(props: CalendarProps): React.JSX.Element;

export { Calendar, type CalendarProps, Datepicker, type DatepickerProps };