@progress/kendo-react-dateinputs 6.1.1 → 7.0.0-develop.2

package/dist/es/datepicker/DatePicker.d.ts

@@ -1,354 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { PopupProps } from '@progress/kendo-react-popup';
-import { FormComponent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
-import { DateInput, DateInputProps } from '../dateinput/DateInput';
-import { Calendar, CalendarProps } from '../calendar/components/Calendar';
-import { DatePickerSettings } from './models';
-import { ToggleButtonProps } from './ToggleButton';
-import { PickerWrapProps } from '../common/PickerWrap';
-/**
- * The arguments for the `onChange` event of the DatePicker.
- */
-export interface DatePickerChangeEvent {
-    nativeEvent?: any;
-    syntheticEvent: React.SyntheticEvent<any>;
-    value: Date | null;
-    show: boolean;
-    target: DatePicker;
-}
-/**
- * The arguments for the `onOpen` event of the DatePicker.
- */
-export interface DatePickerOpenEvent {
-    target: DatePicker;
-}
-/**
- * The arguments for the `onClose` event of the DatePicker.
- */
-export interface DatePickerCloseEvent {
-    target: DatePicker;
-}
-/**
- * Represents the props of the [KendoReact DatePicker component]({% slug overview_datepicker %}).
- */
-export interface DatePickerProps extends DatePickerSettings, FormComponentProps {
-    /**
-     * Sets the default value of the DatePicker ([see example]({% slug default_value_datepicker %})).
-     */
-    defaultValue?: Date | null;
-    /**
-     * Fires each time the user selects a new value ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
-     */
-    onChange?: (event: DatePickerChangeEvent) => void;
-    /**
-     * Fires each time the popup is opened.
-     */
-    onOpen?: (event: DatePickerOpenEvent) => void;
-    /**
-     * Fires each time the popup is closed.
-     */
-    onClose?: (event: DatePickerCloseEvent) => void;
-    /**
-     * Specifies the value of the DatePicker ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
-     *
-     * > The `value` has to be a valid [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instance.
-     */
-    value?: Date | null;
-    /**
-     * Configures the `size` of the DatePicker.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the DatePicker.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Configures the `fillMode` of the DatePicker.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'flat' | 'outline';
-    /**
-     * Providing different rendering of the popup element based on the screen dimensions.
-     */
-    adaptive?: boolean;
-    /**
-     * Specifies the text that is rendered as title in the adaptive popup.
-     */
-    adaptiveTitle?: string;
-}
-/**
- * @hidden
- */
-export interface DatePickerState {
-    value: Date | null;
-    show: boolean;
-    focused: boolean;
-    windowWidth?: number;
-}
-/** @hidden */
-export declare class DatePickerWithoutContext extends React.Component<DatePickerProps, DatePickerState> 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>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        ariaLabel: 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>;
-        }>>;
-        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>;
-        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
-        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
-        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
-        adaptive: PropTypes.Requireable<boolean>;
-        adaptiveTitle: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        defaultShow: boolean;
-        defaultValue: null;
-        dateInput: React.ComponentType<DateInputProps<any>>;
-        calendar: React.ComponentType<CalendarProps<any>>;
-        toggleButton: React.ComponentType<ToggleButtonProps>;
-        popup: React.ComponentType<PopupProps>;
-        pickerWrap: React.ComponentType<PickerWrapProps>;
-        disabled: boolean;
-        format: string;
-        max: Date;
-        min: Date;
-        popupSettings: {};
-        tabIndex: number;
-        weekNumber: boolean;
-        required: boolean;
-        validityStyles: boolean;
-        size: "small" | "medium" | "large" | null | undefined;
-        rounded: "small" | "medium" | "full" | "large" | null | undefined;
-        fillMode: "flat" | "outline" | "solid" | null | undefined;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: DatePickerState;
-    private _popupId;
-    private _element;
-    private _dateInput;
-    private _calendar;
-    private valueDuringOnChange?;
-    private showDuringOnChange?;
-    private nextTickId;
-    private shouldFocusDateInput;
-    private prevShow;
-    private observerResize?;
-    private get document();
-    constructor(props: DatePickerProps);
-    /**
-     * Gets the wrapping element of the DatePickerWithoutContext.
-     */
-    get element(): HTMLSpanElement | null;
-    /**
-     * The mobile mode of the DatePicker.
-     */
-    get mobileMode(): boolean;
-    /**
-     * Gets the DateInput component inside the DatePicker component.
-     */
-    get dateInput(): DateInput | null;
-    /**
-     * Gets the Calendar component inside the DatePicker component.
-     */
-    get calendar(): Calendar | null;
-    /**
-     * Gets the value of the DatePickerWithoutContext.
-     */
-    get value(): Date | null;
-    /**
-     * Gets the popup state of the DatePickerWithoutContext.
-     */
-    get show(): boolean;
-    /**
-     * Gets the `name` property of the DatePickerWithoutContext.
-     */
-    get name(): string | undefined;
-    protected get min(): Date;
-    protected get max(): Date;
-    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
-    protected get toggleButtonComp(): React.ComponentType<ToggleButtonProps>;
-    protected get calendarComp(): React.ComponentType<CalendarProps<any>>;
-    protected get popupComp(): React.ComponentType<PopupProps>;
-    protected get pickerWrapComp(): React.ComponentType<PickerWrapProps>;
-    /**
-     * Represents the validity state into which the DatePicker is set.
-     */
-    get validity(): FormComponentValidity;
-    /**
-     * @hidden
-     */
-    protected get validityStyles(): boolean;
-    /**
-     * @hidden
-     */
-    protected get required(): boolean;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    protected setCalendarRef: (calendar: any) => void;
-    protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date | null;
-    protected nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => boolean;
-    protected setShow(show: boolean): void;
-    protected mergeTime(value: Date | null): Date | null;
-    protected nextTick(f: () => any): void;
-    private renderPopup;
-    private renderAdaptivePopup;
-    private handleInputValueChange;
-    private handleCalendarValueChange;
-    private handleValueChange;
-    private handleFocus;
-    private handleBlur;
-    private handleIconClick;
-    private handleIconMouseDown;
-    private handleKeyDown;
-    private calculateMedia;
-}
-/**
- * Represents the PropsContext of the `DatePicker` component.
- * Used for global configuration of all `DatePicker` instances.
- *
- * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
- */
-export declare const DatePickerPropsContext: React.Context<(p: DatePickerProps) => DatePickerProps>;
-/**
- * Represent the `ref` of the DatePicker component.
- */
-export interface DatePickerHandle extends Pick<DatePickerWithoutContext, keyof DatePickerWithoutContext> {
-    /**
-     * Returns the HTML element of the DatePicker component.
-     */
-    element: HTMLSpanElement | null;
-    /**
-     * Gets the Calendar component inside the DatePicker component.
-     */
-    calendar: Calendar | null;
-    /**
-     * Gets the DateInput component inside the DatePicker component.
-     */
-    dateInput: DateInput | null;
-    /**
-     * Gets the `name` property of the DatePicker.
-     */
-    name: string | undefined;
-    /**
-     * Gets the popup state of the DatePicker.
-     */
-    show: boolean;
-    /**
-     * Represents the validity state into which the DatePicker is set.
-     */
-    validity: FormComponentValidity;
-    /**
-     * Gets the value of the DatePicker.
-     */
-    value: Date | null;
-}
-/** @hidden */
-export declare type DatePicker = DatePickerHandle;
-/**
- * Represents the KendoReact DatePicker Component.
- *
- * Accepts properties of type [DatePickerProps]({% slug api_dateinputs_datepickerprops %}).
- * Obtaining the `ref` returns an object of type [DatePickerHandle]({% slug api_dateinputs_datepickerhandle %}).
- */
-export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<any>>;