@progress/kendo-react-dateinputs 13.3.0 → 13.4.0-develop.1

package/daterangepicker/DateRangePicker.d.ts

@@ -0,0 +1,357 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { AdaptiveModeContextType } from '@progress/kendo-react-common';
+import { DateInputHandle, DateInputProps } from '../dateinput/DateInput.js';
+import { MultiViewCalendar, MultiViewCalendarHandle } from '../calendar/components/MultiViewCalendar.js';
+import { SelectionRange } from '../calendar/models/index.js';
+import { DateRangePickerSettings } from './models/index.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ReverseClickEvent {
+    syntheticEvent: React.SyntheticEvent<any>;
+    nativeEvent?: any;
+}
+/**
+ * The arguments for the `onChange` event of the DateRangePicker.
+ */
+export interface DateRangePickerChangeEvent {
+    /** The React synthetic event. */
+    syntheticEvent: React.SyntheticEvent<any>;
+    /** The native DOM event. */
+    nativeEvent?: any;
+    /** The new selection `value`. */
+    value: SelectionRange;
+    /** The current popup state. */
+    show?: boolean;
+    /** The component instance that fired the event. */
+    target: DateRangePicker;
+}
+/**
+ * The arguments for the `onOpen` event of the DateRangePicker.
+ */
+export interface DateRangePickerOpenEvent {
+    /** The component instance that fired the event. */
+    target: DateRangePicker;
+}
+/**
+ * The arguments for the `onClose` event of the DateRangePicker.
+ */
+export interface DateRangePickerCloseEvent {
+    /** The component instance that fired the event. */
+    target: DateRangePicker;
+}
+/**
+ * Represents the props of the [KendoReact DateRangePicker component](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker).
+ */
+export interface DateRangePickerProps extends DateRangePickerSettings {
+    /**
+     * Override the validity state.
+     * If `valid` is set, ignore `required`.
+     * Part of [FormComponentProps](https://www.telerik.com/kendo-react-ui/components/common/api/formcomponentprops).
+     */
+    valid?: boolean;
+    /**
+     * Set the initial `value` when uncontrolled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/default-value)).
+     */
+    defaultValue?: SelectionRange;
+    /**
+     * Fires when the user changes part of the range ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/controlled-state#toc-controlling-the-value)).
+     */
+    onChange?: (event: DateRangePickerChangeEvent) => void;
+    /**
+     * Fires when the popup opens.
+     */
+    onOpen?: (event: DateRangePickerOpenEvent) => void;
+    /**
+     * Fires when the popup closes.
+     */
+    onClose?: (event: DateRangePickerCloseEvent) => void;
+    /**
+     * Fires when the popup is about to cancel in ([adaptive mode](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/adaptive-rendering)).
+     */
+    onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Set the selected range ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/controlled-state#toc-controlling-the-value)).
+     * Provide `start` and `end` valid `Date` values or `null`.
+     */
+    value?: SelectionRange;
+    /**
+    /**
+     * Enable adaptive popup rendering based on viewport width.
+     *
+     * @default `false`
+     */
+    adaptive?: boolean;
+    /**
+    /**
+     * Set the title text in the adaptive popup (action sheet).
+     * Use only when `adaptive` is `true`.
+     * If not set, it matches the `label`.
+     */
+    adaptiveTitle?: string;
+    /**
+    /**
+     * Set the subtitle text in the adaptive popup (action sheet).
+     * Use only when `adaptive` is `true`.
+     */
+    adaptiveSubtitle?: string;
+    /**
+    /**
+     * Show a clear button for start and end inputs. Clicking resets the range and fires `onChange`.
+     */
+    clearButton?: boolean;
+    /**
+    /**
+     * Apply the `autoFocus` attribute to the first input.
+     *
+     * @default `false`
+     */
+    autoFocus?: boolean;
+    /**
+     * @hidden
+     */
+    dir?: string;
+    /**
+     * Pass HTML attributes to the internal focusable input elements.
+     * Attributes required for core logic are ignored.
+     */
+    inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * @hidden
+     * This prop is provided by the withAdaptiveModeContext HOC to subscribe to AdaptiveModeContext.
+     */
+    _adaptiveMode?: AdaptiveModeContextType;
+}
+/**
+ * @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<PropTypes.ValidationMap<DateInputProps<any>>>>;
+        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>;
+        autoFocus: PropTypes.Requireable<boolean>;
+        inputAttributes: PropTypes.Requireable<object>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        allowReverse: boolean;
+        defaultShow: boolean;
+        defaultValue: SelectionRange;
+        disabled: boolean;
+        format: string;
+        max: Date;
+        min: Date;
+        swapButton: boolean;
+        autoFocus: 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?;
+    private readonly showLicenseWatermark;
+    private readonly licenseMessage?;
+    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(): DateInputHandle | null;
+    /**
+     * Gets the end DateInput component inside the DatePicker component.
+     */
+    get endDateInput(): DateInputHandle | 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.
+     */
+    /**
+     * Whether the popup of the DateRangePicker is currently open.
+     */
+    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(): React.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](https://www.telerik.com/kendo-react-ui/components/dateinputs/props-context) 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: DateInputHandle | null;
+    /**
+     * Returns a boolean value indicating whether the DateRangePicker is in mobile mode.
+     */
+    mobileMode: boolean;
+    /**
+     * The props of the DateRangePickerHandle component.
+     */
+    props: Readonly<DateRangePickerProps>;
+    /**
+     * Whether the popup of the DateRangePicker is currently open.
+     */
+    show: boolean;
+    /**
+     * Gets the start DateInput component inside the DateRangePicker component.
+     */
+    startDateInput: DateInputHandle | null;
+    /**
+     * Gets the value of the DateRangePicker.
+     */
+    value: SelectionRange;
+}
+/** @hidden */
+export type DateRangePicker = DateRangePickerHandle;
+/**
+ * Represents the KendoReact DateRangePicker Component.
+ *
+ * Accepts properties of type [DateRangePickerProps](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/daterangepickerprops).
+ * Obtaining the `ref` returns an object of type [DateRangePickerHandle](https://www.telerik.com/kendo-react-ui/components/dateinputs/api/daterangepickerhandle).
+ */
+export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<any>>;

package/daterangepicker/DateRangePicker.mjs

@@ -9,15 +9,15 @@ import * as i from "react";
 import e from "prop-types";
 import { Popup as A } from "@progress/kendo-react-popup";
 import { cloneDate as w } from "@progress/kendo-date-math";
-import { classNames as b, Keys as c, validatePackage as F, getLicenseMessage as P, canUseDOM as D, IconWrap as z, WatermarkOverlay as B, getActiveElement as L, createPropsContext as N, withIdHOC as V, withPropsContext as W, withAdaptiveModeContext as K } from "@progress/kendo-react-common";
+import { withIdHOC as F, createPropsContext as P, classNames as b, Keys as c, validatePackage as z, getLicenseMessage as B, canUseDOM as D, IconWrap as L, WatermarkOverlay as N, getActiveElement as V, withPropsContext as W, withAdaptiveModeContext as K } from "@progress/kendo-react-common";
 import { provideLocalizationService as m, registerForLocalization as U } from "@progress/kendo-react-intl";
 import { arrowsSwapIcon as q } from "@progress/kendo-svg-icons";
 import { packageMetadata as I } from "../package-metadata.mjs";
 import { DateInput as f } from "../dateinput/DateInput.mjs";
 import { MultiViewCalendar as j } from "../calendar/components/MultiViewCalendar.mjs";
 import { EMPTY_SELECTIONRANGE as r } from "../calendar/models/SelectionRange.mjs";
-import { nullable as h, MAX_DATE as G, MIN_DATE as H } from "../utils.mjs";
-import { dateRangePickerCancel as C, messages as l, dateRangePickerSet as S, start as E, end as y, separator as x, swapStartEnd as p } from "../messages/index.mjs";
+import { nullable as h, MIN_DATE as G, MAX_DATE as H } from "../utils.mjs";
+import { dateRangePickerSet as C, messages as l, dateRangePickerCancel as S, start as E, end as y, separator as x, swapStartEnd as p } from "../messages/index.mjs";
 import { Button as X } from "@progress/kendo-react-buttons";
 import { AdaptiveMode as Y } from "../common/AdaptiveMode.mjs";
 import { ActionSheetContent as Z } from "@progress/kendo-react-layout";
@@ -72,11 +72,11 @@ const o = class o extends i.Component {
         windowWidth: t,
         footer: {
           cancelText: this.localizationService.toLanguageString(
-            C,
-            l[C]
+            S,
+            l[S]
           ),
           onCancel: this.handleCancel,
-          applyText: this.localizationService.toLanguageString(S, l[S]),
+          applyText: this.localizationService.toLanguageString(C, l[C]),
           onApply: this.handleBlur
         }
       };
@@ -150,7 +150,7 @@ const o = class o extends i.Component {
         n.call(void 0, d);
       }
       this.valueDuringOnChange = void 0;
-    }, this.showLicenseWatermark = !F(I, { component: "DateRangePicker" }), this.licenseMessage = P(I), this.state = {
+    }, this.showLicenseWatermark = !z(I, { component: "DateRangePicker" }), this.licenseMessage = B(I), this.state = {
       show: this.props.show || this.props.defaultShow || o.defaultProps.defaultShow,
       value: this.props.value || this.props.defaultValue || o.defaultProps.defaultValue,
       currentValue: r
@@ -303,7 +303,7 @@ const o = class o extends i.Component {
           l[p]
         )
       },
-      /* @__PURE__ */ i.createElement(z, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: q })
+      /* @__PURE__ */ i.createElement(L, { style: { transform: "rotate(90deg)" }, name: "arrows-swap", icon: q })
     );
     return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
       "span",
@@ -344,12 +344,12 @@ const o = class o extends i.Component {
         }
       ),
       !this.mobileMode && this.renderPopup()
-    ), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */ i.createElement(B, { message: this.licenseMessage }));
+    ), this.mobileMode && this.renderAdaptivePopup(), this.showLicenseWatermark && /* @__PURE__ */ i.createElement(N, { message: this.licenseMessage }));
   }
   focusDateInputElement() {
     if (!document || !this.startDateInput || !this.startDateInput.element || !this.endDateInput || !this.endDateInput.element)
       return;
-    const a = L(document);
+    const a = V(document);
     (this.value.start === null || this.value.end !== null) && a !== this.endDateInput.element ? this.startDateInput.element.focus({ preventScroll: !0 }) : a !== this.startDateInput.element && this.endDateInput.element.focus({ preventScroll: !0 });
   }
   nextTick(a) {
@@ -427,13 +427,13 @@ o.displayName = "DateRangePicker", o.propTypes = {
   defaultValue: r,
   disabled: !1,
   format: "d",
-  max: G,
-  min: H,
+  max: H,
+  min: G,
   swapButton: !1,
   autoFocus: !1
 };
 let u = o;
-const J = N(), Q = V(
+const J = P(), Q = F(
   W(
     J,
     K(u)

package/daterangepicker/models/DateRangePickerCalendarSettings.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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.js';
+/**
+ * Represents the settings that can be passed to the MultiViewCalendar inside the DateRangePicker.
+ */
+export interface DateRangePickerCalendarSettings extends Omit<MultiViewCalendarSettings, 'showOtherMonthDays'> {
+}

package/daterangepicker/models/DateRangePickerDateInputSettings.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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.js';
+/**
+ * Represents the settings that can be passed to the DateInput inside the DateRangePicker.
+ */
+export interface DateRangePickerDateInputSettings extends DateInputSettings {
+}

package/daterangepicker/models/DateRangePickerPopupSettings.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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

@@ -0,0 +1,129 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DateRangePickerCalendarSettings } from './DateRangePickerCalendarSettings.js';
+import { DateRangePickerDateInputSettings } from './DateRangePickerDateInputSettings.js';
+import { DateRangePickerPopupSettings } from './DateRangePickerPopupSettings.js';
+import { DateInputProps } from '../../dateinput/DateInput.js';
+import { MultiViewCalendarProps } from '../../calendar/components/MultiViewCalendar.js';
+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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/custom-rendering#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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/custom-rendering#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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/custom-rendering#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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/reverse)).
+     *
+     * > 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](https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/default-value)).
+     */
+    defaultShow?: boolean;
+    /**
+     * Determines whether the DateRangePicker is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/disabled-state)).
+     */
+    disabled?: boolean;
+    /**
+     * Represents the additional props that can be passed to the end-date [DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#toc-configuring-dateinputs)).
+     */
+    endDateInputSettings?: DateRangePickerDateInputSettings;
+    /**
+     * Specifies the focused date of the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/focused-date)).
+     */
+    focusedDate?: Date;
+    /**
+     * Specifies the `date` format which is used for formatting the value of the DateInput ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/formats)).
+     *
+     * > 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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/date-ranges)).
+     */
+    max?: Date;
+    /**
+     * Specifies the smallest valid date ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/date-ranges)).
+     */
+    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](https://www.telerik.com/kendo-react-ui/components/popup) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#toc-configuring-the-popup)).
+     */
+    popupSettings?: DateRangePickerPopupSettings;
+    /**
+     * Specifies if the calendar will be displayed ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/controlled-state#toc-controlling-the-popup-state)).
+     */
+    show?: boolean;
+    /**
+     * Represents the additional props that will be passed to the start-date [DateInput](https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput) inside the DateRangePicker ([see example](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/child-settings#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](https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/reverse#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

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