/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { default as PropTypes } from 'prop-types';
import { FormComponent, FormComponentProps, FormComponentValidity, DateInputsClassStructure, AdaptiveModeContextType, WebMcpProps } from '@progress/kendo-react-common';
import { DateInputHandle, DateInputProps } from '../dateinput/DateInput.js';
import { DateTimePickerSettings } from './models/index.js';
import { DateInputCommonPackageProps } from '../dateinput/models/common-package-props';
import * as React from 'react';
/**
 * The arguments for the `onChange` event of the DateTimePicker.
 */
export interface DateTimePickerChangeEvent {
    /** The native DOM event. */
    nativeEvent: any;
    /** The React synthetic event. */
    syntheticEvent: React.SyntheticEvent<any>;
    /** The new `value`. */
    value: Date | null;
    /** The current popup state. */
    show: boolean;
    /** The component instance that fired the event. */
    target: DateTimePicker;
}
/**
 * The arguments for the `onOpen` event of the DateTimePicker.
 */
export interface DateTimePickerOpenEvent {
    /** The component instance that fired the event. */
    target: DateTimePicker;
}
/**
 * The arguments for the `onClose` event of the DateTimePicker.
 */
export interface DateTimePickerCloseEvent {
    /** The component instance that fired the event. */
    target: DateTimePicker;
}
/**
 * Represents the props of the [KendoReact DateTimePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker).
 */
export interface DateTimePickerProps extends DateTimePickerSettings, FormComponentProps, DateInputCommonPackageProps {
    /**
     * Set the initial `value` when uncontrolled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/default-value)).
     * See also [uncontrolled components](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
     */
    defaultValue?: Date | null;
    /**
     * Fires when the user selects a new `value` ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/controlled-state#toc-controlling-the-date-value)).
     */
    onChange?: (event: DateTimePickerChangeEvent) => void;
    /**
     * Fires when the popup opens.
     */
    onOpen?: (event: DateTimePickerOpenEvent) => void;
    /**
     * Fires when the popup closes.
     */
    onClose?: (event: DateTimePickerCloseEvent) => void;
    /**
     * Set the current `value` ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/controlled-state#toc-controlling-the-date-value)).
     * Provide a valid `Date` or `null`.
     */
    value?: Date | null;
    /**
     * Control the `size` of the DateTimePicker.
     *
     * The available options are:
     * - small
     * - medium
     * - large
     *
     * @default undefined (theme-controlled)
     *
     * @example
     * ```tsx
     * <DateTimePicker size="large" />
     * ```
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Control the corner `rounded` style of the DateTimePicker.
     *
     * The available options are:
     * - small
     * - medium
     * - large
     * - full
     * - none
     *
     * @default undefined (theme-controlled)
     *
     * @example
     * ```tsx
     * <DateTimePicker rounded="full" />
     * ```
     */
    rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
    /**
     * Control the `fillMode` (background) of the DateTimePicker.
     *
     * The available options are:
     * - solid
     * - outline
     * - flat
     *
     * @default undefined (theme-controlled)
     *
     * @example
     * ```tsx
     * <DateTimePicker fillMode="outline" />
     * ```
     */
    fillMode?: 'solid' | 'flat' | 'outline';
    /**
     * Enable adaptive popup rendering based on viewport width.
     *
     * @default `false`
     */
    adaptive?: boolean;
    /**
     * Set the title text in the adaptive popup (action sheet). Use only when `adaptive` is `true`.
     * If not set, it matches the `label`.
     */
    adaptiveTitle?: string;
    /**
     * Set the subtitle text in the adaptive popup (action sheet). Use only when `adaptive` is `true`.
     */
    adaptiveSubtitle?: string;
    /**
     * Apply the `autoFocus` attribute to the internal input.
     *
     * @default `false`
     *
     * @remarks
     * This property is related to accessibility.
     */
    autoFocus?: boolean;
    /**
     * @hidden
     */
    unstyled?: DateInputsClassStructure;
    /**
     * Autofill missing date or time parts with the current date/time on blur.
     *
     * @default `false`
     */
    autoFill?: boolean;
    /**
     * Set the upper threshold for interpreting a two-digit year as part of the current century ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats#toc-two---digit-year-max)).
     * Values smaller than (`twoDigitYearMax` + 1) map to 20xx. Larger map to 19xx.
     *
     * @default `68`
     */
    twoDigitYearMax?: number;
    /**
     * Enable mouse wheel to increment or decrement segments.
     *
     * @default `true`
     */
    enableMouseWheel?: boolean;
    /**
     * Pass HTML attributes to the internal focusable input.
     * Attributes required for core logic are ignored.
     *
     * @remarks
     * This property is related to accessibility.
     */
    inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
    /**
     * @hidden
     * This prop is provided by the withAdaptiveModeContext HOC to subscribe to AdaptiveModeContext.
     */
    _adaptiveMode?: AdaptiveModeContextType;
    /**
     * Enables Web MCP tool registration for this component.
     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
     */
    webMcp?: boolean | WebMcpProps;
}
/**
 * @hidden
 */
export interface DateTimePickerState {
    value: Date | null;
    show: boolean;
    focused: boolean;
    windowWidth?: number;
}
/** @hidden */
export declare class DateTimePickerWithoutContext extends React.Component<DateTimePickerProps, DateTimePickerState> implements FormComponent {
    /**
     * @hidden
     */
    static displayName: string;
    /**
     * @hidden
     */
    static propTypes: {
        className: PropTypes.Requireable<string>;
        defaultShow: PropTypes.Requireable<boolean>;
        defaultValue: PropTypes.Requireable<Date>;
        disabled: PropTypes.Requireable<boolean>;
        focusedDate: PropTypes.Requireable<Date>;
        format: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
            skeleton: PropTypes.Requireable<string>;
            pattern: PropTypes.Requireable<string>;
            date: PropTypes.Requireable<string>;
            time: PropTypes.Requireable<string>;
            datetime: PropTypes.Requireable<string>;
            era: PropTypes.Requireable<string>;
            year: PropTypes.Requireable<string>;
            month: PropTypes.Requireable<string>;
            day: PropTypes.Requireable<string>;
            weekday: PropTypes.Requireable<string>;
            hour: PropTypes.Requireable<string>;
            hour12: PropTypes.Requireable<boolean>;
            minute: PropTypes.Requireable<string>;
            second: PropTypes.Requireable<string>;
            timeZoneName: PropTypes.Requireable<string>;
        }> | null | undefined>>;
        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
            year: PropTypes.Requireable<string>;
            month: PropTypes.Requireable<string>;
            day: PropTypes.Requireable<string>;
            hour: PropTypes.Requireable<string>;
            minute: PropTypes.Requireable<string>;
            second: PropTypes.Requireable<string>;
        }> | null | undefined>>;
        id: PropTypes.Requireable<string>;
        ariaLabelledBy: PropTypes.Requireable<string>;
        ariaLabel: PropTypes.Requireable<string>;
        ariaDescribedBy: PropTypes.Requireable<string>;
        min: PropTypes.Requireable<Date>;
        max: PropTypes.Requireable<Date>;
        name: PropTypes.Requireable<string>;
        popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
            animate: PropTypes.Requireable<boolean>;
            appendTo: PropTypes.Requireable<any>;
            popupClass: PropTypes.Requireable<string>;
        }>>;
        dateInput: PropTypes.Requireable<PropTypes.ReactComponentLike>;
        show: PropTypes.Requireable<boolean>;
        tabIndex: PropTypes.Requireable<number>;
        title: PropTypes.Requireable<string>;
        value: PropTypes.Requireable<Date>;
        weekNumber: PropTypes.Requireable<boolean>;
        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
        validationMessage: PropTypes.Requireable<string>;
        required: PropTypes.Requireable<boolean>;
        validate: PropTypes.Requireable<boolean>;
        valid: PropTypes.Requireable<boolean>;
        cancelButton: PropTypes.Requireable<boolean>;
        size: PropTypes.Requireable<"small" | "medium" | "large" | undefined>;
        rounded: PropTypes.Requireable<"small" | "none" | "medium" | "large" | "full" | undefined>;
        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline" | undefined>;
        autoFocus: PropTypes.Requireable<boolean>;
        inputAttributes: PropTypes.Requireable<object>;
    };
    /**
     * @hidden
     */
    static defaultProps: {
        defaultShow: boolean;
        defaultValue: null;
        disabled: boolean;
        format: string;
        max: Date;
        min: Date;
        popupSettings: {};
        tabIndex: number;
        weekNumber: boolean;
        validityStyles: boolean;
        cancelButton: boolean;
        dateInput: React.ComponentType<DateInputProps<any>>;
        size: "small" | "medium" | "large" | undefined;
        rounded: "small" | "none" | "medium" | "large" | "full" | undefined;
        fillMode: "flat" | "solid" | "outline" | undefined;
        autoFocus: boolean;
    };
    /**
     * @hidden
     */
    readonly state: DateTimePickerState;
    private get _popupId();
    private _element;
    private _dateInput;
    private _dateTimeSelector;
    private valueDuringOnChange?;
    private showDuringOnChange?;
    private nextTickId;
    private shouldFocusDateInput;
    private prevShow;
    private observerResize?;
    private KendoPasteSubscription?;
    private get document();
    constructor(props: DateTimePickerProps);
    /**
     * Gets the wrapping element of the DateTimePicker.
     */
    get element(): HTMLSpanElement | null;
    /**
     * Gets the DateInput component inside the DateTimePicker component.
     */
    get dateInput(): DateInputHandle | null;
    /**
     * Gets the value of the DateTimePicker.
     */
    get value(): Date | null;
    /**
     * Gets the popup state of the DateTimePicker.
     */
    get show(): boolean;
    /**
     * Gets the `name` property of the DateTimePicker.
     */
    get name(): string | undefined;
    /**
     * Returns a boolean value indicating whether the DateTimePicker is in mobile mode.
     */
    get mobileMode(): boolean;
    protected get min(): Date;
    protected get max(): Date;
    /**
     * Represents the validity state into which the DateTimePicker is set.
     */
    get validity(): FormComponentValidity;
    /**
     * @hidden
     */
    protected get validityStyles(): boolean;
    /**
     * @hidden
     */
    protected get required(): boolean;
    /**
     * @hidden
     */
    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
    /**
     * @hidden
     */
    componentDidMount(): void;
    /**
     * @hidden
     */
    componentDidUpdate(): void;
    /**
     * @hidden
     */
    componentWillUnmount(): void;
    private handleSmartPasteValue;
    private applyKendoPasteDate;
    /**
     * @hidden
     */
    focus: () => void;
    /**
     * @hidden
     */
    render(): React.JSX.Element;
    private renderPicker;
    private renderAdaptivePopup;
    protected setShow(show: boolean): void;
    protected nextTick(f: () => any): void;
    private handleReject;
    private handleValueChange;
    private handleFocus;
    private handleBlur;
    private handleClick;
    private handleIconMouseDown;
    private handleKeyDown;
    private dateInputElement;
    private calculateMedia;
}
/**
 * Represents the PropsContext of the `DateTimePicker` component.
 * Used for global configuration of all `DateTimePicker` instances.
 *
 * For more information, refer to the [DateInputs Props Context](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) article.
 */
export declare const DateTimePickerPropsContext: React.Context<(p: DateTimePickerProps) => DateTimePickerProps>;
/**
 * Represent the `ref` of the DateTimePicker component.
 */
export interface DateTimePickerHandle extends Pick<DateTimePickerWithoutContext, keyof DateTimePickerWithoutContext> {
    /**
     * Gets the DateInput component inside the DateTimePicker component.
     */
    dateInput: DateInputHandle | null;
    /**
     * Returns the HTML element of the DateTimePicker component.
     */
    element: HTMLSpanElement | null;
    /**
     * Returns a boolean value indicating whether the DateTimePicker is in mobile mode.
     */
    mobileMode: boolean;
    /**
     * Gets the `name` property of the DateTimePicker.
     */
    name: string | undefined;
    /**
     * The props of the DateTimePickerHandle component.
     */
    props: Readonly<DateTimePickerProps>;
    /**
     * Gets the popup state of the DateTimePicker.
     */
    show: boolean;
    /**
     * Represents the validity state into which the DateTimePicker is set.
     */
    validity: FormComponentValidity;
    /**
     * Gets the value of the DateTimePicker.
     */
    value: Date | null;
}
/** @hidden */
export type DateTimePicker = DateTimePickerHandle;
/**
 * Represents the KendoReact DateTimePicker Component.
 *
 * Accepts properties of type [DateTimePickerProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/datetimepickerprops).
 * Obtaining the `ref` returns an object of type [DateTimePickerHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/datetimepickerhandle).
 */
export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<any>>;