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

package/datetimepicker/DateTimePicker.d.ts

@@ -1,342 +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 { FormComponent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
-import { DateInput, DateInputProps } from '../dateinput/DateInput';
-import { DateTimePickerSettings } from './models';
-/**
- * The arguments for the `onChange` event of the DateTimePicker.
- */
-export interface DateTimePickerChangeEvent {
-    nativeEvent: any;
-    syntheticEvent: React.SyntheticEvent<any>;
-    value: Date | null;
-    show: boolean;
-    target: DateTimePicker;
-}
-/**
- * The arguments for the `onOpen` event of the DateTimePicker.
- */
-export interface DateTimePickerOpenEvent {
-    target: DateTimePicker;
-}
-/**
- * The arguments for the `onClose` event of the DateTimePicker.
- */
-export interface DateTimePickerCloseEvent {
-    target: DateTimePicker;
-}
-/**
- * Represents the props of the [KendoReact DateTimePicker component]({% slug overview_datetimepicker %}).
- */
-export interface DateTimePickerProps extends DateTimePickerSettings, FormComponentProps {
-    /**
-     * Sets the default value of the DateTimePicker
-     * ([see example]({% slug default_value_datetimepicker %})).
-     *  For more information, refer to the article on
-     * [uncontrolled components in React](https://reactjs.org/docs/uncontrolled-components.html).
-     */
-    defaultValue?: Date | null;
-    /**
-     * Fires each time the user selects a new value
-     * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-date-value)).
-     */
-    onChange?: (event: DateTimePickerChangeEvent) => void;
-    /**
-     * Fires each time the popup is opened.
-     */
-    onOpen?: (event: DateTimePickerOpenEvent) => void;
-    /**
-     * Fires each time the popup is closed.
-     */
-    onClose?: (event: DateTimePickerCloseEvent) => void;
-    /**
-     * Specifies the value of the DateTimePicker
-     * ([see example]({% slug controlled_datetimepicker %}#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 DateTimePicker.
-     *
-     * 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 DateTimePicker.
-     *
-     * 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 DateTimePicker.
-     *
-     * 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 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>;
-        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>;
-        }>>;
-        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" | null | undefined>;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full" | null | undefined>;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline" | null | undefined>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        defaultShow: boolean;
-        defaultValue: null;
-        disabled: boolean;
-        format: string;
-        max: Date;
-        min: Date;
-        popupSettings: {};
-        tabIndex: number;
-        weekNumber: boolean;
-        required: boolean;
-        validityStyles: boolean;
-        cancelButton: boolean;
-        dateInput: React.ComponentType<DateInputProps<any>>;
-        size: "small" | "medium" | "large" | null | undefined;
-        rounded: "small" | "medium" | "large" | "full" | null | undefined;
-        fillMode: "solid" | "flat" | "outline" | null | undefined;
-    };
-    /**
-     * @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 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(): DateInput | 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;
-    /**
-     * The mobile mode of the ComboBox.
-     */
-    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;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").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 handleDateIconClick;
-    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]({% slug props-context_dateinputs %}) 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: DateInput | null;
-    /**
-     * Returns the HTML element of the DateTimePicker component.
-     */
-    element: HTMLSpanElement | null;
-    /**
-     * Gets the `name` property of the DateTimePicker.
-     */
-    name: string | undefined;
-    /**
-     * 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]({% slug api_dateinputs_datetimepickerprops %}).
- * Obtaining the `ref` returns an object of type [DateTimePickerHandle]({% slug api_dateinputs_datetimepickerhandle %}).
- */
-export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<any>>;

package/datetimepicker/DateTimeSelector.d.ts

@@ -1,106 +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 { LocalizationService, DateFormatOptions } from '@progress/kendo-react-intl';
-import { Calendar, CalendarProps } from '../calendar/components/Calendar';
-import { TimePart } from '../timepicker/TimePart';
-import { DateInputIncrementalSteps } from '../dateinput/models';
-/**
- * @hidden
- */
-export interface DateTimeSelectorChangeEvent<T = DateTimeSelector> {
-    nativeEvent?: any;
-    syntheticEvent: React.SyntheticEvent<any>;
-    value: Date | null;
-    target: T;
-    cancelButton?: boolean;
-}
-/**
- * @hidden
- */
-export interface DateTimeSelectorRejectEvent<T = DateTimeSelector> {
-    nativeEvent?: any;
-    syntheticEvent: React.SyntheticEvent<any>;
-    value: Date | null;
-    target: T;
-    cancelButton?: boolean;
-}
-/**
- * @hidden
- */
-export interface DateTimeSelectorProps<T = DateTimeSelector> {
-    value: Date | null;
-    onChange: (event: DateTimeSelectorChangeEvent<T>) => void;
-    onReject: (event: DateTimeSelectorRejectEvent<T>) => void;
-    disabled?: boolean;
-    cancelButton?: boolean;
-    min: Date;
-    max: Date;
-    minTime?: Date;
-    maxTime?: Date;
-    weekNumber?: boolean;
-    focusedDate?: Date;
-    format?: string | DateFormatOptions;
-    calendar?: React.ComponentType<CalendarProps<any>>;
-    steps?: DateInputIncrementalSteps;
-    mobileMode?: boolean;
-    footerActions?: boolean;
-}
-/**
- * @hidden
- */
-export interface DateTimeSelectorState {
-    tab: 'date' | 'time';
-    dateValue: Date | null;
-    timeValue: Date;
-}
-/**
- * @hidden
- */
-export declare class DateTimeSelector extends React.Component<DateTimeSelectorProps, DateTimeSelectorState> {
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        footerActions: boolean;
-    };
-    private _calendar;
-    private _timePart;
-    private _cancelButton;
-    private _acceptButton;
-    private _dateButtonRef;
-    private _calendarWrap;
-    private shouldFocusPart;
-    get calendar(): Calendar | null;
-    get timePart(): TimePart | null;
-    protected get hasDateValue(): boolean;
-    protected get localizationService(): LocalizationService;
-    constructor(props: DateTimeSelectorProps);
-    componentDidUpdate(prevProps: DateTimeSelectorProps, prevState: DateTimeSelectorState): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-    focus: (args?: FocusOptions) => void;
-    private calendarElement;
-    protected get minTime(): Date | null;
-    protected get maxTime(): Date | null;
-    protected normalizeRange(candidate: Date, value: Date | null): Date | null;
-    protected hasActiveButton(): boolean | null;
-    protected mergeTime(current: Date | null, candidate: Date | null): Date | null;
-    protected mergeDate(candidate: Date | null, value: Date): Date | null;
-    protected move: (direction: 'left' | 'right') => void;
-    private dateTimeFooter;
-    handleReject: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
-    handleAccept: (event: React.SyntheticEvent<HTMLButtonElement>, timeOverride?: Date) => void;
-    private handleNowClick;
-    private handleCalendarValueChange;
-    private handleTimeListContainerChange;
-    private handleDateClick;
-    private handleTimeClick;
-    private handleKeyDown;
-    private handleCancelKeyDown;
-    private handleSetKeyDown;
-    private handleDateKeyDown;
-    private handleTimeKeyDown;
-    private handleTimePartMount;
-}

package/datetimepicker/models/DateTimePickerSettings.d.ts

@@ -1,144 +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 { DateFormatOptions } from '@progress/kendo-react-intl';
-import { CalendarProps } from '../../calendar/components/Calendar';
-import { PopupProps } from '@progress/kendo-react-popup';
-import { DateInputIncrementalSteps, DateInputProps } from '../..';
-/**
- * @hidden
- */
-export interface DateTimePickerSettings {
-    /**
-     * Enables the customization or the override of the default Calendar which is rendered by the DateTimePicker
-     * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-calendar)).
-     */
-    calendar?: React.ComponentType<CalendarProps>;
-    /**
-     * Enables the customization or the override of the default Popup which is rendered by the DateTimePicker
-     * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-popup)).
-     */
-    popup?: React.ComponentType<PopupProps>;
-    /**
-     * Enables the customization or the override of the default DateInput which is rendered by the DateTimePicker
-     * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-dateinput)).
-     */
-    dateInput?: React.ComponentType<DateInputProps>;
-    /**
-     * Sets the `className` of the DateTimePicker.
-     */
-    className?: string;
-    /**
-     * Sets if the calendar popup is opened upon initial render.
-     * For more information, refer to the article on
-     * [uncontrolled components in React](https://reactjs.org/docs/uncontrolled-components.html).
-     */
-    defaultShow?: boolean;
-    /**
-     * Specifies the incremental steps of the `DateInput` and the internal `TimePart` ([see examples]({% slug incrementalsteps_datetimepicker %})).
-     *
-     * The available options are:
-     * - `year: Number`&mdash;Controls the incremental step of the year value.
-     * - `month: Number`&mdash;Controls the incremental step of the month value.
-     * - `day: Number`&mdash;Controls the incremental step of the day value.
-     * - `hour: Number`&mdash;Controls the incremental step of the hour value.
-     * - `minute: Number`&mdash;Controls the incremental step of the minute value.
-     * - `second: Number`&mdash;Controls the incremental step of the second value.
-     */
-    steps?: DateInputIncrementalSteps;
-    /**
-     * Determines whether the DateTimePicker is disabled
-     * ([see example]({% slug disabled_datetimepicker %})).
-     */
-    disabled?: boolean;
-    /**
-     * Specifies the initial focusedDate of the Calendar inside the DateTimePicker
-     * ([see example]({% slug dates_datetimepicker %})).
-     */
-    focusedDate?: Date;
-    /**
-     * Specifies the date format that is used to display the input value
-     * ([see example]({% slug formats_datetimepicker %})).
-     */
-    format?: string | DateFormatOptions;
-    /**
-     * Defines the descriptions of the format sections in the input field
-     * ([more information and examples]({% slug placeholders_datetimepicker %})).
-     */
-    formatPlaceholder?: DateInputFormatPlaceholder;
-    /**
-     * Specifies the `id` of the DateTimePicker.
-     */
-    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_datetimepicker %})).
-     */
-    max?: Date;
-    /**
-     * Specifies the smallest valid date
-     * ([see example]({% slug dateranges_datetimepicker %})).
-     */
-    min?: Date;
-    minTime?: Date;
-    maxTime?: Date;
-    /**
-     * Specifies the `name` property of the `input` DOM element.
-     */
-    name?: string;
-    /**
-     * Fires each time any of the DateTimePicker elements gets blurred.
-     */
-    onBlur?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
-    /**
-     * Fires each time the user focuses any of the DateTimePicker elements.
-     */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
-    /**
-     * Specifies if the popup will be displayed
-     * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-popup-state)).
-     */
-    show?: boolean;
-    /**
-     * Sets the `tabIndex` property of the DateTimePicker.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the title of the `input` element of the DateTimePicker.
-     */
-    title?: string;
-    /**
-     * Determines whether to display a week number column of the Calendar inside the DateTimePicker
-     * ([see example]({% slug weeksnumbers_calendar %})).
-     */
-    weekNumber?: boolean;
-    /**
-     * Specifies the width of the DateTimePicker.
-     */
-    width?: number | string;
-    /**
-     * Determines whether to display the **Cancel** button in the popup.
-     */
-    cancelButton?: boolean;
-    /**
-     * Renders a floating label for the DateTimePicker.
-     */
-    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_datetimepicker %}).
-     */
-    placeholder?: string | null;
-}

package/datetimepicker/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 { DateTimePickerSettings } from './DateTimePickerSettings';
-export { DateTimePickerSettings };

package/hooks/usePickerFloatingLabel.d.ts

@@ -1,24 +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 { FloatingLabelProps } from '@progress/kendo-react-labels';
-import { DateInput } from '../dateinput/DateInput';
-/**
- * @hidden
- */
-export type PickerFloatingLabelProps = FloatingLabelProps & {
-    dateInput: React.RefObject<DateInput>;
-    children?: React.ReactNode;
-};
-/**
- * @hidden
- */
-export declare const usePickerFloatingLabel: (dateInput: React.RefObject<DateInput>) => {
-    editorValue: boolean;
-};
-/**
- * @hidden
- */
-export declare const PickerFloatingLabel: (props: PickerFloatingLabelProps) => import("react/jsx-runtime").JSX.Element;