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

package/dist/es/daterangepicker/models/DateRangePickerSettings.d.ts

@@ -1,123 +0,0 @@
-/// <reference types="react" />
-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/dist/es/daterangepicker/models/DateRangePickerSettings.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/daterangepicker/models/index.js

@@ -1 +0,0 @@
-export {};

package/dist/es/datetimepicker/DateTimePicker.d.ts

@@ -1,338 +0,0 @@
-import * as React from 'react';
-import * as 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" | "full" | "large" | null | undefined>;
-        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | 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" | "full" | "large" | null | undefined;
-        fillMode: "flat" | "outline" | "solid" | null | undefined;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: DateTimePickerState;
-    private _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(): 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 declare 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>>;