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

package/datepicker/DatePicker.d.ts

@@ -1,358 +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 { 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" | "large" | "full" | null | undefined>;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline" | 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" | "large" | "full" | null | undefined;
-        fillMode: "solid" | "flat" | "outline" | null | undefined;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: DatePickerState;
-    private get _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(): import("react/jsx-runtime").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 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>>;

package/datepicker/ToggleButton.d.ts

@@ -1,14 +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 { Button, ButtonProps } from '@progress/kendo-react-buttons';
-/**
- * Represents the props of the KendoReact [Toggle Button]({% slug api_dateinputs_togglebutton %}) component.
- */
-export interface ToggleButtonProps extends ButtonProps {
-}
-/**
- * Represents the default `toggleButton` component rendered by the [KendoReact Scheduler DatePicker]({% slug overview_datepicker %}).
- */
-export declare const ToggleButton: typeof Button;

package/datepicker/models/DatePickerSettings.d.ts

@@ -1,141 +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 { DateInputFormatPlaceholder } from '../../dateinput/models/format-placeholder';
-import { DateInputsPopupSettings } from '../../PopupSettings';
-import { CalendarProps } from '../../calendar/components/Calendar';
-import { PopupProps } from '@progress/kendo-react-popup';
-import { DateInputProps, MultiViewCalendarProps } from '../..';
-import { DateFormatOptions } from '@progress/kendo-react-intl';
-import { ToggleButtonProps } from '../ToggleButton';
-import { PickerWrapProps } from '../../common/PickerWrap';
-/**
- * @hidden
- */
-export interface DatePickerSettings {
-    /**
-     * @deprecated The `DatePicker` no longer renders a `wrapper` around the DatePicker.
-     */
-    pickerWrap?: React.ComponentType<PickerWrapProps>;
-    /**
-     * Enables the customization or the override of the default Toggle button which is rendered by the DatePicker
-     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-toggle-button)).
-     */
-    toggleButton?: React.ComponentType<ToggleButtonProps>;
-    /**
-     * Enables the customization or the override of the default Calendar which is rendered by the DatePicker
-     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-calendar)).
-     */
-    calendar?: React.ComponentType<CalendarProps<any>> | React.ComponentType<MultiViewCalendarProps<any>>;
-    /**
-     * Enables the customization or the override of the default Popup which is rendered by the DatePicker
-     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-popup)).
-     */
-    popup?: React.ComponentType<PopupProps>;
-    /**
-     * Enables the customization or the override of the default DateInput which is rendered by the DatePicker
-     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-dateinput)).
-     */
-    dateInput?: React.ComponentType<DateInputProps<any>>;
-    /**
-     * Sets the `className` of the DatePicker.
-     */
-    className?: string;
-    /**
-     * Sets the default state of the DatePicker upon render ([see example]({% slug default_value_datepicker %})).
-     */
-    defaultShow?: boolean;
-    /**
-     * Determines whether the DatePicker is disabled ([see example]({% slug disabled_datepicker %})).
-     */
-    disabled?: boolean;
-    /**
-     * Specifies the focused date of the DatePicker ([see example]({% slug dates_datepicker %})).
-     */
-    focusedDate?: Date;
-    /**
-     * Specifies the date format that is used to display the input value ([see example]({% slug formats_datepicker %})).
-     */
-    format?: string | DateFormatOptions;
-    /**
-     * Defines the descriptions of the format sections in the input field ([more information and examples]({% slug placeholders_datepicker %})).
-     */
-    formatPlaceholder?: DateInputFormatPlaceholder;
-    /**
-     * Specifies the `id` of the DatePicker.
-     */
-    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;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Specifies the greatest valid date ([see example]({% slug dateranges_datepicker %})).
-     */
-    max?: Date;
-    /**
-     * Specifies the smallest valid date ([see example]({% slug dateranges_datepicker %})).
-     */
-    min?: Date;
-    /**
-     * Specifies the `name` property of the `input` DOM element.
-     */
-    name?: string;
-    /**
-     * Fires each time any of the DatePicker elements gets blurred.
-     */
-    onBlur?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
-    /**
-     * Fires each time the user focuses any of the DatePicker elements.
-     */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
-    /**
-     * Configures the popup options of the DatePicker.
-     *
-     * The available options are:
-     * - `animate: Boolean`&mdash;Controls the popup animation. By default, the open and close animations are enabled.
-     * - `appendTo`: &mdash; Defines the container to which the Popup will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
-     * - `popupClass: String`&mdash;Specifies a list of CSS classes that are used to style the popup.
-     */
-    popupSettings?: DateInputsPopupSettings;
-    /**
-     * Specifies if the calendar will be displayed ([see example]({% slug controlled_datepicker %}#toc-controlling-the-popup-state)).
-     */
-    show?: boolean;
-    /**
-     * Sets the `tabIndex` property of the DatePicker.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the title of the `input` element of the DatePicker.
-     */
-    title?: string;
-    /**
-     * Determines whether to display a week number column in the `month` view of the Calendar ([see example]({% slug weeknumcolumn_datepicker %})).
-     */
-    weekNumber?: boolean;
-    /**
-     * Specifies the width of the DatePicker.
-     */
-    width?: number | string;
-    /**
-     * Renders a floating label for the DatePicker.
-     */
-    label?: string;
-    /**
-     * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
-     * For more information, refer to the article on
-     * [placeholders]({% slug placeholders_datepicker %}).
-     */
-    placeholder?: string | null;
-}

package/datepicker/models/index.d.ts

@@ -1,6 +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 { DatePickerSettings } from './DatePickerSettings';
-export { DatePickerSettings };