import type { CalendarProps } from '@fluentui/react-calendar-compat';
import { CalendarStrings } from '@fluentui/react-calendar-compat';
import type { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import type { DateFormatting } from '@fluentui/react-calendar-compat';
import type { DayOfWeek } from '@fluentui/react-calendar-compat';
import type { FirstWeekOfYear } from '@fluentui/react-calendar-compat';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { Input } from '@fluentui/react-input';
import type { JSXElement } from '@fluentui/react-utilities';
import type { PortalProps } from '@fluentui/react-portal';
import type { PositioningProps } from '@fluentui/react-positioning';
import * as React_2 from 'react';
import type { Slot } from '@fluentui/react-utilities';
import type { SlotClassNames } from '@fluentui/react-utilities';

export { CalendarStrings }

export declare const DatePicker: ForwardRefComponent<DatePickerProps>;

export declare const datePickerClassNames: SlotClassNames<DatePickerSlots>;

/**
 * Error types returned by the `onValidationResult` callback.
 */
export declare type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';

export declare type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & Pick<PortalProps, 'mountNode'> & {
    /**
     * Callback issued when a date is selected
     */
    onSelectDate?: (date: Date | null | undefined) => void;
    /**
     * Whether the DatePicker is a required field or not. When using `<Field>`, this prop is automatically set.
     * @default false
     */
    required?: boolean;
    /**
     * Disabled state of the DatePicker.
     * @default false
     */
    disabled?: boolean;
    /**
     * Whether or not the Input of the DatePicker is underlined.
     * @default false
     */
    underlined?: boolean;
    /**
     * Whether the month picker is shown beside the day picker or hidden.
     * @default true
     */
    isMonthPickerVisible?: boolean;
    /**
     * Show month picker on top of date picker when visible.
     * @default false
     */
    showMonthPickerAsOverlay?: boolean;
    /**
     * Whether the DatePicker allows input a date string directly or not
     * @default false
     */
    allowTextInput?: boolean;
    /**
     * Whether the DatePicker should open automatically when the control is focused
     * WARNING: setting this to false creates an accessibility violation and is not recommended
     * @default true
     */
    disableAutoFocus?: boolean;
    /**
     * Whether the DatePicker should open when the input is clicked
     * @default true
     */
    openOnClick?: boolean;
    /**
     * Whether the DatePicker should be open by default
     *
     * @default false
     */
    defaultOpen?: boolean;
    /**
     * Whether the DatePicker is open or not
     *
     * @default false
     */
    open?: boolean;
    /**
     * Callback to run when the DatePicker's open state changes
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Callback to run after the DatePicker's input has been validated
     */
    onValidationResult?: (data: DatePickerValidationResultData) => void;
    /**
     * Whether the DatePicker should render the popup as inline or in a portal
     *
     * @default false
     */
    inlinePopup?: boolean;
    /**
     * Configure the positioning of the DatePicker dialog
     *
     * @default below
     */
    positioning?: PositioningProps;
    /**
     * Placeholder text for the DatePicker
     */
    placeholder?: string;
    /**
     * Value of today. If unspecified, current time in client machine will be used.
     */
    today?: Date;
    /**
     * Default value of the DatePicker, if any
     *
     * When the component is controlled, `null` should be used instead of `undefined` to avoid controlled vs. uncontrolled
     * ambiguity.
     */
    value?: Date | null;
    /**
     * Optional method to format the chosen date to a string to display in the DatePicker
     * @default date.toString()
     */
    formatDate?: (date?: Date) => string;
    /**
     * Optional method to parse the text input value to date, it is only useful when allowTextInput is set to true
     * @default new Date(Date.parse(dateStr))
     */
    parseDateFromString?: (dateStr: string) => Date | null;
    /**
     * The first day of the week for your locale.
     * @default DayOfWeek.Sunday
     */
    firstDayOfWeek?: DayOfWeek;
    /**
     * Localized strings to use in the Calendar
     */
    strings?: CalendarStrings;
    /**
     * Whether the month picker should highlight the current month
     * @default false
     */
    highlightCurrentMonth?: boolean;
    /**
     * Whether the month picker should highlight the selected month
     * @default false
     */
    highlightSelectedMonth?: boolean;
    /**
     * Whether the calendar should show the week number (weeks 1 to 53) before each week row
     * @default false
     */
    showWeekNumbers?: boolean;
    /**
     * Defines when the first week of the year should start, FirstWeekOfYear.FirstDay,
     * FirstWeekOfYear.FirstFullWeek or FirstWeekOfYear.FirstFourDayWeek are the possible values
     * @default FirstWeekOfYear.FirstFullWeek
     */
    firstWeekOfYear?: FirstWeekOfYear;
    /**
     * Whether the "Go to today" link should be shown or not
     */
    showGoToToday?: boolean;
    /**
     * Determines if the DatePicker has a border.
     * @default false
     */
    borderless?: boolean;
    /**
     * Apply additional formatting to dates, for example localized date formatting.
     */
    dateTimeFormatter?: DateFormatting;
    /**
     * The minimum allowable date.
     */
    minDate?: Date;
    /**
     * The maximum allowable date.
     */
    maxDate?: Date;
    /**
     * The initially highlighted date.
     */
    initialPickerDate?: Date;
    /**
     * Allows all elements to be focused, including disabled ones
     * @default false
     */
    allFocusable?: boolean;
    /**
     * Whether the CalendarDay close button should be shown or not.
     */
    showCloseButton?: boolean;
};

declare type DatePickerSlots = {
    root: NonNullable<Slot<typeof Input>>;
    calendar: NonNullable<Slot<Partial<CalendarProps>>>;
    popupSurface?: Slot<'div'>;
};

/**
 * State used in rendering DatePicker.
 */
declare type DatePickerState = ComponentState<DatePickerSlots> & Pick<DatePickerProps, 'mountNode'> & {
    disabled: boolean;
    inlinePopup: boolean;
};

/**
 * Data passed to the `onValidationResult` callback.
 */
export declare type DatePickerValidationResultData = {
    /** The error found when validating the input. */
    error?: DatePickerErrorType;
};

export declare const defaultDatePickerErrorStrings: Record<DatePickerErrorType, string>;

export declare const defaultDatePickerStrings: CalendarStrings;

/**
 * Render the final JSX of DatePicker
 */
export declare const renderDatePicker_unstable: (state: DatePickerState) => JSXElement;

/**
 * Create the state required to render DatePicker.
 *
 * The returned state can be modified with hooks such as useDatePickerStyles_unstable,
 * before being passed to renderDatePicker_unstable.
 *
 * @param props - props from this instance of DatePicker
 * @param ref - reference to root Input slot
 */
export declare const useDatePicker_unstable: (props: DatePickerProps, ref: React_2.Ref<HTMLInputElement>) => DatePickerState;

/**
 * Apply styling to the DatePicker slots based on the state
 */
export declare const useDatePickerStyles_unstable: (state: DatePickerState) => DatePickerState;

export { }