@progress/kendo-react-dateinputs 7.2.4-develop.3 → 7.3.0-develop.1

package/daterangepicker/DateRangePicker.d.ts

@@ -1,354 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { DateInput } from '../dateinput/DateInput';
-import { MultiViewCalendar, MultiViewCalendarHandle } from '../calendar/components/MultiViewCalendar';
-import { SelectionRange } from '../calendar/models';
-import { DateRangePickerSettings } from './models';
-/**
- * @hidden
- */
-export interface ReverseClickEvent {
-    syntheticEvent: React.SyntheticEvent<any>;
-    nativeEvent?: any;
-}
-/**
- * The arguments for the `onChange` event of the DateRangePicker.
- */
-export interface DateRangePickerChangeEvent {
-    syntheticEvent: React.SyntheticEvent<any>;
-    nativeEvent?: any;
-    value: SelectionRange;
-    show?: boolean;
-    target: DateRangePicker;
-}
-/**
- * The arguments for the `onOpen` event of the DateRangePicker.
- */
-export interface DateRangePickerOpenEvent {
-    target: DateRangePicker;
-}
-/**
- * The arguments for the `onClose` event of the DateRangePicker.
- */
-export interface DateRangePickerCloseEvent {
-    target: DateRangePicker;
-}
-/**
- * Represents the props of the [KendoReact DateRangePicker component]({% slug overview_daterangepicker %}).
- */
-export interface DateRangePickerProps extends DateRangePickerSettings {
-    /**
-     * Overrides the validity state of the component.
-     * If `valid` is set, the `required` property will be ignored.
-     *
-     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
-     */
-    valid?: boolean;
-    /**
-     * Sets the default value of the DateRangePicker ([see example]({% slug default_value_daterangepicker %})).
-     */
-    defaultValue?: SelectionRange;
-    /**
-     * Fires each time the user selects a part of a date range ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-value)).
-     */
-    onChange?: (event: DateRangePickerChangeEvent) => void;
-    /**
-     * Fires each time the popup is opened.
-     */
-    onOpen?: (event: DateRangePickerOpenEvent) => void;
-    /**
-     * Fires each time the popup is closed.
-     */
-    onClose?: (event: DateRangePickerCloseEvent) => void;
-    /**
-     * Fires each time the popup of the DateRangePicker is about to cancel in ([adaptive mode]({% slug adaptive_rendering_daterangepicker %})).
-     */
-    onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Specifies the selected date range of the DateRangePicker ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-value)).
-     *
-     * > The `value` has to be an object with `start` and `end` valid JavaScript [`Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instances or `null`.
-     */
-    value?: SelectionRange;
-    /**
-     * 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
-     */
-    dir?: string;
-}
-/**
- * @hidden
- */
-export interface DateRangePickerState {
-    show: boolean;
-    value: SelectionRange;
-    windowWidth?: number;
-    currentValue: SelectionRange;
-}
-/** @hidden */
-export declare class DateRangePickerWithoutContext extends React.Component<DateRangePickerProps, DateRangePickerState> {
-    /**
-     * @hidden
-     */
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        allowReverse: PropTypes.Requireable<boolean>;
-        calendarSettings: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        defaultShow: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Validator<SelectionRange>;
-        disabled: PropTypes.Requireable<boolean>;
-        endDateInputSettings: PropTypes.Requireable<PropTypes.InferProps<{
-            value: 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>>;
-            width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-            tabIndex: PropTypes.Requireable<number>;
-            title: PropTypes.Requireable<string>;
-            steps: PropTypes.Requireable<PropTypes.InferProps<{
-                year: PropTypes.Requireable<number>;
-                month: PropTypes.Requireable<number>;
-                day: PropTypes.Requireable<number>;
-                hour: PropTypes.Requireable<number>;
-                minute: PropTypes.Requireable<number>;
-                second: PropTypes.Requireable<number>;
-            }>>;
-            min: PropTypes.Requireable<Date>;
-            max: PropTypes.Requireable<Date>;
-            disabled: PropTypes.Requireable<boolean>;
-            spinners: PropTypes.Requireable<boolean>;
-            name: PropTypes.Requireable<string>;
-            dir: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            id: PropTypes.Requireable<string>;
-            ariaLabelledBy: PropTypes.Requireable<string>;
-            ariaDescribedBy: PropTypes.Requireable<string>;
-            ariaLabel: PropTypes.Requireable<string>;
-            ariaRole: PropTypes.Requireable<string>;
-            ariaHasPopup: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
-            ariaExpanded: PropTypes.Requireable<NonNullable<boolean | null | undefined>>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            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" | "large" | "full" | null | undefined>;
-            fillMode: PropTypes.Requireable<"solid" | "flat" | "outline" | null | undefined>;
-        }>>;
-        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>>;
-        id: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        max: PropTypes.Requireable<Date>;
-        min: PropTypes.Requireable<Date>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        popupSettings: PropTypes.Requireable<any>;
-        show: PropTypes.Requireable<boolean>;
-        startDateInputSettings: PropTypes.Requireable<any>;
-        style: PropTypes.Requireable<any>;
-        swapButton: PropTypes.Requireable<any>;
-        tabIndex: PropTypes.Requireable<number>;
-        dir: PropTypes.Requireable<string>;
-        value: PropTypes.Validator<SelectionRange>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        allowReverse: boolean;
-        defaultShow: boolean;
-        defaultValue: SelectionRange;
-        disabled: boolean;
-        format: string;
-        max: Date;
-        min: Date;
-        swapButton: boolean;
-    };
-    private _element;
-    private _calendar;
-    private _startDateInput;
-    private _endDateInput;
-    private valueDuringOnChange?;
-    private showDuringOnChange?;
-    private nextTickId;
-    private get _popupId();
-    private get _startInputId();
-    private get _endInputId();
-    private shouldFocusDateInput;
-    private shouldFocusCalendar;
-    private observerResize?;
-    constructor(props: DateRangePickerProps);
-    /**
-     * Gets the wrapping element of the DateRangePicker.
-     */
-    get element(): HTMLSpanElement | null;
-    /**
-     * Gets the start DateInput component inside the DatePicker component.
-     */
-    get startDateInput(): DateInput | null;
-    /**
-     * Gets the end DateInput component inside the DatePicker component.
-     */
-    get endDateInput(): DateInput | null;
-    /**
-     * Gets the MultiVieCalendar inside the DateRangePicker.
-     */
-    get calendar(): MultiViewCalendar | null;
-    /**
-     * Gets the value of the DateRangePicker.
-     */
-    get value(): SelectionRange;
-    /**
-     * Gets the popup state of the DateRangePicker.
-     */
-    get show(): boolean;
-    protected get min(): Date;
-    protected get max(): Date;
-    private get document();
-    private get localizationService();
-    /**
-     * The mobile mode of the DateRangePicker.
-     */
-    get mobileMode(): boolean;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    protected setCalendarRef: (calendar: MultiViewCalendarHandle | null) => void;
-    protected focusCalendarElement: () => void;
-    protected focusDateInputElement(): void;
-    protected calculateValue: (props: DateRangePickerProps, state: DateRangePickerState) => SelectionRange;
-    protected calculateShow: (nextProps: DateRangePickerProps, nextState: DateRangePickerState) => boolean;
-    protected nextTick(f: () => any): void;
-    protected setShow(show: boolean): void;
-    private renderCalendar;
-    private renderPopup;
-    private renderAdaptivePopup;
-    private handleReverseClick;
-    private handleReverseMouseDown;
-    private handleFocus;
-    private handleClick;
-    private handleBlur;
-    private handleCancel;
-    private handleEndChange;
-    private handleStartChange;
-    private extractRangeFromValue;
-    private handleCalendarChange;
-    private handleKeyDown;
-    private handleChange;
-    private calculateMedia;
-}
-/**
- * Represents the PropsContext of the `DateRangePicker` component.
- * Used for global configuration of all `DateRangePicker` instances.
- *
- * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
- */
-export declare const DateRangePickerPropsContext: React.Context<(p: DateRangePickerProps) => DateRangePickerProps>;
-/**
- * Represent the `ref` of the DateRangePicker component.
- */
-export interface DateRangePickerHandle extends Pick<DateRangePickerWithoutContext, keyof DateRangePickerWithoutContext> {
-    /**
-     * Gets the MultiVieCalendar inside the DateRangePicker.
-     */
-    calendar: MultiViewCalendar | null;
-    /**
-     * Returns the HTML element of the DateRangePicker component.
-     */
-    element: HTMLSpanElement | null;
-    /**
-     * Gets the end DateInput component inside the DateRangePicker component.
-     */
-    endDateInput: DateInput | null;
-    /**
-     * Gets the start DateInput component inside the DateRangePicker component.
-     */
-    startDateInput: DateInput | null;
-    /**
-     * Gets the value of the DateRangePicker.
-     */
-    value: SelectionRange;
-}
-/** @hidden */
-export type DateRangePicker = DateRangePickerHandle;
-/**
- * Represents the KendoReact DateRangePicker Component.
- *
- * Accepts properties of type [DateRangePickerProps]({% slug api_dateinputs_daterangepickerprops %}).
- * Obtaining the `ref` returns an object of type [DateRangePickerHandle]({% slug api_dateinputs_daterangepickerhandle %}).
- */
-export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<any>>;

package/daterangepicker/models/DateRangePickerCalendarSettings.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { MultiViewCalendarSettings } from '../../calendar/models/MultiViewCalendarSettings';
-/**
- * Represents the settings that can be passed to the MultiViewCalendar inside the DateRangePicker.
- */
-export interface DateRangePickerCalendarSettings extends MultiViewCalendarSettings {
-}

package/daterangepicker/models/DateRangePickerDateInputSettings.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { DateInputSettings } from '../../dateinput/models/DateInputSettings';
-/**
- * Represents the settings that can be passed to the DateInput inside the DateRangePicker.
- */
-export interface DateRangePickerDateInputSettings extends DateInputSettings {
-}

package/daterangepicker/models/DateRangePickerPopupSettings.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PopupProps } from '@progress/kendo-react-popup';
-/**
- * Represents the settings that can be passed to the Popup inside the DateRangePicker.
- */
-export interface DateRangePickerPopupSettings extends PopupProps {
-}

package/daterangepicker/models/DateRangePickerSettings.d.ts

@@ -1,126 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { DateRangePickerCalendarSettings } from './DateRangePickerCalendarSettings';
-import { DateRangePickerDateInputSettings } from './DateRangePickerDateInputSettings';
-import { DateRangePickerPopupSettings } from './DateRangePickerPopupSettings';
-import { DateInputProps } from '../../dateinput/DateInput';
-import { MultiViewCalendarProps } from '../../calendar/components/MultiViewCalendar';
-import { PopupProps } from '@progress/kendo-react-popup';
-import { DateFormatOptions } from '@progress/kendo-react-intl';
-/**
- * @hidden
- */
-export interface DateRangePickerSettings {
-    /**
-     * Enables the customization or the override of the default start DateInput which is rendered by the DateRangePicker
-     * ([see example]({% slug custom_rendering_daterangepicker %}#toc-customizing-the-dateinputs)).
-     */
-    startDateInput?: React.ComponentType<DateInputProps<any>>;
-    /**
-     * Enables the customization or the override of the default end DateInput which is rendered by the DateRangePicker
-     * ([see example]({% slug custom_rendering_daterangepicker %}#toc-customizing-the-calendar)).
-     */
-    endDateInput?: React.ComponentType<DateInputProps<any>>;
-    /**
-     * Enables the customization or the override of the default Popup which is rendered by the DateRangePicker
-     * ([see example]({% slug custom_rendering_daterangepicker %}#toc-customizing-the-popup)).
-     */
-    popup?: React.ComponentType<PopupProps>;
-    /**
-     * Enables the customization or the override of the default Calendar which is rendered by the DateRangePicker.
-     */
-    calendar?: React.ComponentType<MultiViewCalendarProps<any>>;
-    /**
-     * If `allowReverse` is set to `true`, the component skips the validation of whether the `from` value is after the `to` value ([see example]({% slug reverse_daterangepicker %})).
-     *
-     * > If the [`calendarSettings`](#toc-calendarsettings) property is set, its `allowReverse` will take precedence.
-     */
-    allowReverse?: boolean;
-    /**
-     * Represents the additional props that can be passed to the [MultiViewCalendar]({% slug overview_multiviewcalendar %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-multiviewcalendar)).
-     */
-    calendarSettings?: DateRangePickerCalendarSettings;
-    /**
-     * Sets the `className` of the DateRangePicker.
-     */
-    className?: string;
-    /**
-     * Sets the default state of the DateRangePicker upon render ([see example]({% slug default_value_daterangepicker %})).
-     */
-    defaultShow?: boolean;
-    /**
-     * Determines whether the DateRangePicker is disabled ([see example]({% slug disabled_daterangepicker %})).
-     */
-    disabled?: boolean;
-    /**
-     * Represents the additional props that can be passed to the end-date [DateInput]({% slug overview_dateinput %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-dateinputs)).
-     */
-    endDateInputSettings?: DateRangePickerDateInputSettings;
-    /**
-     * Specifies the focused date of the DateRangePicker ([see example]({% slug focused_daterangepicker %})).
-     */
-    focusedDate?: Date;
-    /**
-     * Specifies the `date` format which is used for formatting the value of the DateInput ([see example]({% slug formats_dateinput %})).
-     *
-     * > If [`startDateInputSettings`](#toc-startdateinputsettings) or [`endDateInputSettings`](#toc-enddateinputsettings) are set, their `format` will take precedence.
-     */
-    format?: string | DateFormatOptions;
-    /**
-     * Specifies the `id` of the DateRangePicker.
-     */
-    id?: string;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * Specifies the greatest valid date ([see example]({% slug dateranges_daterangepicker %})).
-     */
-    max?: Date;
-    /**
-     * Specifies the smallest valid date ([see example]({% slug dateranges_daterangepicker %})).
-     */
-    min?: Date;
-    /**
-     * Fires each time any of the DateRangePicker elements gets blurred.
-     */
-    onBlur?: (event: React.FocusEvent<any>) => void;
-    /**
-     * Fires each time the user focuses any of the DateRangePicker elements.
-     */
-    onFocus?: (event: React.FocusEvent<any>) => void;
-    /**
-     * Represents the additional props that will be passed to the [Popup]({% slug overview_popup %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-popup)).
-     */
-    popupSettings?: DateRangePickerPopupSettings;
-    /**
-     * Specifies if the calendar will be displayed ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-popup-state)).
-     */
-    show?: boolean;
-    /**
-     * Represents the additional props that will be passed to the start-date [DateInput]({% slug overview_dateinput %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-dateinputs)).
-     */
-    startDateInputSettings?: DateRangePickerDateInputSettings;
-    /**
-     * Specifies the additional styles that will be applied to the wrapping DateRangePicker element.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Determines whether the DateRangePicker will display a **Swap Value** button ([see example]({% slug reverse_daterangepicker %}#toc-swapping-start-and-end-dates-in-ranges)).
-     *
-     * > The DateRangePicker will display the swap button only if the [`allowReverse`](#toc-allowreverse) property is also set to `true`.
-     */
-    swapButton?: boolean;
-    /**
-     * Sets the `tabIndex` property of the DatePicker.
-     */
-    tabIndex?: number;
-}

package/daterangepicker/models/index.d.ts

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { DateRangePickerCalendarSettings } from './DateRangePickerCalendarSettings';
-import { DateRangePickerDateInputSettings } from './DateRangePickerDateInputSettings';
-import { DateRangePickerSettings } from './DateRangePickerSettings';
-import { DateRangePickerPopupSettings } from './DateRangePickerPopupSettings';
-export { DateRangePickerCalendarSettings, DateRangePickerDateInputSettings, DateRangePickerSettings, DateRangePickerPopupSettings };