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

package/dateinput/DateInput.d.ts

@@ -1,355 +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 { IntlService } from '@progress/kendo-react-intl';
-import { DateInputSettings, DateInputFormatPlaceholder } from './models';
-import { FormComponent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
-/**
- * The arguments for the `change` event of the DateInput. The generic argument sets the target type of the event. Defaults to `DateInput`.
- */
-export interface DateInputChangeEvent<T = DateInput> {
-    nativeEvent?: any;
-    syntheticEvent: React.SyntheticEvent<any>;
-    value: Date | null;
-    target: T;
-}
-/**
- * Represents the props of the [KendoReact DateInput component]({% slug overview_dateinput %}). The generic argument is passed to the `onChange` property and is used as a target in the [`DateInputChangeEvent`]({% slug api_dateinputs_dateinputchangeevent %}) interface.
- */
-export interface DateInputProps<T extends DateInput = any> extends FormComponentProps, DateInputSettings {
-    /** @hidden */
-    _ref?: React.MutableRefObject<DateInput | null>;
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * @hidden
-     */
-    disableSelection?: boolean;
-    /**
-     * Sets a class of the DateInput DOM element.
-     */
-    className?: string;
-    /**
-     * Specifies the value of the DateInput.
-     */
-    value?: Date | null;
-    /**
-     * Specifies the default value of the DateInput. If `value` is not set, this value will correspond to the initial value.
-     */
-    defaultValue?: Date | null;
-    /**
-     * Indicates the availability of interactive popup element that can be triggered by an element. By default the property is set to `grid`.
-     */
-    ariaHasPopup?: boolean | 'grid' | 'dialog';
-    /**
-     * Indicates whether the element is currently expanded or collapsed.
-     */
-    ariaExpanded?: boolean;
-    /**
-     * Specifies the role of the DateInput.
-     */
-    ariaRole?: string;
-    /**
-     * Identifies the element whose contents or presence are controlled by the current element.
-     */
-    ariaControls?: string;
-    /**
-     * Determines the event handler that will be fired when the user edits the value ([see example]({% slug dateranges_dateinput %})).
-     */
-    onChange?: (event: DateInputChangeEvent<T>) => void;
-    /**
-     * Configures the `size` of the DateInput.
-     *
-     * 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 DateInput.
-     *
-     * 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 DateInput.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'flat' | 'outline';
-    /**
-     * Determines whether the DateInput is in its read-only state.
-     */
-    readonly?: boolean;
-}
-/** @hidden */
-export declare class DateInputWithoutContext extends React.Component<DateInputProps, {
-    focused: boolean;
-}> implements FormComponent {
-    /**
-     * @hidden
-     */
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        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>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        format: string;
-        size: "small" | "medium" | "large" | null | undefined;
-        rounded: "small" | "medium" | "large" | "full" | null | undefined;
-        fillMode: "solid" | "flat" | "outline" | null | undefined;
-        formatPlaceholder: DateInputFormatPlaceholder;
-        spinners: boolean;
-        disabled: boolean;
-        max: Date;
-        min: Date;
-        minTime: Date;
-        maxTime: Date;
-        required: boolean;
-        validityStyles: boolean;
-        validationMessage: string;
-        placeholder: null;
-        ariaHasPopup: string;
-    };
-    private kendoDate;
-    private currentFormat;
-    private valueDuringOnChange;
-    private paste;
-    private _element;
-    private _wrapper;
-    private get _inputId();
-    private _lastSelectedSymbol;
-    constructor(props: DateInputProps);
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(_: any, prevState: any): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    render(): any;
-    /**
-     * Gets the value of the DateInput.
-     */
-    get value(): Date | null;
-    /**
-     * Gets the `name` property of the DateInput.
-     */
-    get name(): string | undefined;
-    protected get min(): Date;
-    protected get max(): Date;
-    /**
-     * @hidden
-     */
-    get text(): string;
-    /**
-     * Represents the validity state into which the DateInput is set.
-     */
-    get validity(): FormComponentValidity;
-    /**
-     * Gets the element of the DateInput.
-     *
-     * @return - An `HTMLInputElement`.
-     *
-     * @example
-     * ```jsx
-     * class App extends React.Component {
-     *     constructor(props) {
-     *         super(props);
-     *     }
-     *     element = null;
-     *     render() {
-     *         return (
-     *             <div>
-     *                 <DateInput
-     *                     ref={(dateInput) =>
-     *                         this.element = dateInput ? dateInput.element : null}
-     *                 />
-     *                 <button onClick={() => console.log(this.element)}>console.log the element</button>
-     *             </div>
-     *         );
-     *     }
-     * }
-     *
-     * ReactDOM.render(
-     *     <App />,
-     *     document.getElementsByTagName('my-app')[0]
-     * );
-     * ```
-     */
-    get element(): HTMLInputElement | null;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    protected get validityStyles(): boolean;
-    /**
-     * @hidden
-     */
-    protected get required(): boolean;
-    /**
-     * @hidden
-     */
-    protected get wrapper(): HTMLSpanElement | null;
-    /**
-     * @hidden
-     */
-    intl(): IntlService;
-    /**
-     * @hidden
-     */
-    protected setValidity: () => void;
-    protected updateOnPaste: (event: React.SyntheticEvent<HTMLInputElement>) => void;
-    private spinnersMouseDown;
-    private handlePaste;
-    private elementChange;
-    private elementClick;
-    private nativeWheel;
-    private wheel;
-    private increasePart;
-    private decreasePart;
-    private elementKeyDown;
-    private elementOnFocus;
-    private elementOnBlur;
-    private get selection();
-    private setSelection;
-    private triggerChange;
-    private selectionBySymbol;
-    private selectionByIndex;
-    private switchDateSegment;
-    private modifyDateSegmentValue;
-}
-/**
- * Represents the PropsContext of the `DateInput` component.
- * Used for global configuration of all `DateInput` instances.
- *
- * For more information, refer to the [DateInputs Props Context]({% slug props-context_dateinputs %}) article.
- */
-export declare const DateInputPropsContext: React.Context<(p: DateInputProps<any>) => DateInputProps<any>>;
-/**
- * Represent the `ref` of the DateInput component.
- */
-export interface DateInputHandle extends Pick<DateInputWithoutContext, keyof DateInputWithoutContext> {
-    /**
-     * Returns the HTML element of the DateInput component.
-     */
-    element: HTMLInputElement | null;
-    /**
-     * Gets the `name` property of the DateInput.
-     */
-    name: string | undefined;
-    /**
-     * Returns the `value` of the DateInput component.
-     */
-    value: Date | null;
-    /**
-     * Represents the validity state into which the DateInput is set.
-     */
-    validity: FormComponentValidity;
-}
-/** @hidden */
-export type DateInput = DateInputHandle;
-/**
- * Represents the KendoReact DateInput Component.
- *
- * Accepts properties of type [DateInputProps]({% slug api_dateinputs_dateinputprops %}).
- * Obtaining the `ref` returns an object of type [DateInputHandle]({% slug api_dateinputs_dateinputhandle %}).
- */
-export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps<any> & React.RefAttributes<any>>;

package/dateinput/models/DateInputSettings.d.ts

@@ -1,103 +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 './format-placeholder';
-import { DateInputIncrementalSteps } from './incremental-steps';
-import { DateFormatOptions } from '@progress/kendo-react-intl';
-/**
- * @hidden
- */
-export interface DateInputSettings {
-    /**
-     * Specifies the `date` format which is used for formatting the value ([see example]({% slug formats_dateinput %})). If not set, the default format will be used.
-     */
-    format?: string | DateFormatOptions;
-    /**
-     * Specifies the descriptions of the format sections in the input field ([more information and example]({% slug placeholders_dateinput %})).
-     */
-    formatPlaceholder?: DateInputFormatPlaceholder;
-    /**
-     * Specifies the width of the DateInput.
-     */
-    width?: number | string;
-    /**
-     * Sets the `tabIndex` property of the DateInput.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the title of the `input` element of the DateInput.
-     */
-    title?: string;
-    /**
-     * Specifies the incremental steps of the DateInput ([see example]({% slug incrementalsteps_dateinput %})).
-     *
-     * The available options are:
-     * - `year: Number`—Controls the incremental step of the year value.
-     * - `month: Number`—Controls the incremental step of the month value.
-     * - `day: Number`—Controls the incremental step of the day value.
-     * - `hour: Number`—Controls the incremental step of the hour value.
-     * - `minute: Number`—Controls the incremental step of the minute value.
-     * - `second: Number`—Controls the incremental step of the second value.
-     */
-    steps?: DateInputIncrementalSteps;
-    /**
-     * Specifies the smallest date that is valid ([see example]({% slug dateranges_dateinput %})).
-     */
-    min?: Date;
-    /**
-     * Specifies the greatest date that is valid ([see example]({% slug dateranges_dateinput %})).
-     */
-    max?: Date;
-    /**
-     * Specifies the smallest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range)).
-     */
-    minTime?: Date;
-    /**
-     * Specifies the greatest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range)).
-     */
-    maxTime?: Date;
-    /**
-     * Determines whether the DateInput is disabled ([see example]({% slug disabled_dateinput %})).
-     */
-    disabled?: boolean;
-    /**
-     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_dateinput %})).
-     */
-    spinners?: boolean;
-    /**
-     * Specifies the name property of the input DOM element.
-     */
-    name?: string;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Renders a floating label for the DateInput.
-     */
-    label?: string;
-    /**
-     * Sets the `id` of the `input` DOM element.
-     */
-    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 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_dateinput %}).
-     */
-    placeholder?: string | null;
-}

package/dateinput/models/format-placeholder.d.ts

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * The interface which defines a custom-format placeholder structure in the DateInput.
- */
-export interface DateInputCustomFormatPlaceholder {
-    /**
-     * Defines the description for the `year` format section.
-     */
-    year?: string;
-    /**
-     * Defines the description for the `month` format section.
-     */
-    month?: string;
-    /**
-     * Defines the description for the `day` format section.
-     */
-    day?: string;
-    /**
-     * Defines the description for the `hour` format section.
-     */
-    hour?: string;
-    /**
-     * Defines the description for the `minute` format section.
-     */
-    minute?: string;
-    /**
-     * Defines the description for the `second` format section.
-     */
-    second?: string;
-}
-/**
- * The union type which defines all possible format options of the DateInput placeholder.
- *
- * The available options are:
- * * `'wide'`—Displays the full description of the format section. For example, turns `MM` into `month`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
- * * `'narrow'`—Displays the narrow description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
- * * `'short'`—Displays the short description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
- * * `'formatPattern'`—Directly displays the format section. For example, turns `MM` into `MM`.
- */
-export type DateInputFormatPlaceholder = 'wide' | 'narrow' | 'short' | 'formatPattern' | DateInputCustomFormatPlaceholder;

package/dateinput/models/incremental-steps.d.ts

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * The interface which defines all possible incremental steps in the DateInput.
- */
-export interface DateInputIncrementalSteps {
-    year?: number;
-    month?: number;
-    day?: number;
-    hour?: number;
-    minute?: number;
-    second?: number;
-}

package/dateinput/models/index.d.ts

@@ -1,11 +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 { type DateInputFormatPlaceholder, type DateInputCustomFormatPlaceholder } from './format-placeholder';
-import { type DateInputIncrementalSteps } from './incremental-steps';
-import { type DateInputSettings } from './DateInputSettings';
-import { type DatePart, KendoDate } from './kendo-date';
-import { Mask } from './mask';
-import { type Selection } from './selection';
-export { DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DateInputIncrementalSteps, DateInputSettings, DatePart, KendoDate, Mask, Selection };

package/dateinput/models/kendo-date.d.ts

@@ -1,57 +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 './format-placeholder';
-import { IntlService, DateFormatOptions } from '@progress/kendo-react-intl';
-/**
- * @hidden
- */
-export interface DatePart {
-    value: Date | null;
-}
-/**
- * @hidden
- */
-export declare class KendoDate {
-    year: boolean;
-    month: boolean;
-    date: boolean;
-    hours: boolean;
-    minutes: boolean;
-    seconds: boolean;
-    milliseconds: boolean;
-    formatPlaceholder: DateInputFormatPlaceholder;
-    format: string | DateFormatOptions;
-    private leadingZero;
-    private monthNames;
-    private typedMonthPart;
-    private knownParts;
-    private symbols;
-    private intlProvider;
-    get intl(): IntlService;
-    private _value;
-    get value(): Date;
-    constructor(intlProvider: () => IntlService, formatPlaceholder: DateInputFormatPlaceholder, format: string | DateFormatOptions);
-    setValue(value: Date | null): void;
-    hasValue(): boolean;
-    getDateObject(): Date | null;
-    getTextAndFormat(): {
-        text: string;
-        format: string;
-    };
-    modifyExisting(value: boolean): void;
-    getExisting(symbol: string): boolean;
-    setExisting(symbol: string, value: boolean): void;
-    modifyPart(symbol: string, offset: number): void;
-    parsePart(symbol: string, currentChar: string): DatePart;
-    symbolMap(symbol: string): string;
-    resetLeadingZero(): boolean;
-    private isAbbrMonth;
-    private partPattern;
-    private matchMonth;
-    private allFormatedMonths;
-    private dateFormatString;
-    private merge;
-    private dateFieldName;
-}

package/dateinput/models/mask.d.ts

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare class Mask {
-    symbols: string;
-    partMap: any[];
-}

package/dateinput/models/selection.d.ts

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export type Selection = {
-    start: number;
-    end: number;
-};

package/dateinput/utils.d.ts

@@ -1,34 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare const defaultFormat = "d";
-/**
- * @hidden
- */
-export declare const defaultFormatPlaceholder = "wide";
-/**
- * @hidden
- */
-export declare const padZero: (length: number) => string;
-/**
- * @hidden
- */
-export declare const approximateStringMatching: (oldTextOrigin: string, oldFormat: string, newTextOrigin: string, selectionStart: number) => any[];
-/**
- * @hidden
- */
-export declare const dateSymbolMap: (map: any, part: any) => Function;
-/**
- * @hidden
- */
-export declare const isInRange: (candidate: Date | null, min: Date, max: Date) => boolean;
-/**
- * @hidden
- */
-export declare const invalidClasses: string[];
-/** @hidden */
-export declare const wrapperClasses: string[];