devextreme-react 23.2.1-alpha-23255-1813 → 23.2.3

package/cjs/data-grid.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -16,17 +16,17 @@ export { ExplicitTypes } from "devextreme/ui/data_grid";
 import dxDataGrid, { Properties } from "devextreme/ui/data_grid";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, dxDataGridColumnButton, dxDataGridToolbarItem } from "devextreme/ui/data_grid";
+import type { dxDataGridColumn, AdaptiveDetailRowPreparingEvent, CellClickEvent, CellDblClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangingEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, ToolbarPreparingEvent, dxDataGridRowObject, ColumnButtonClickEvent, dxDataGridColumnButton, dxDataGridToolbarItem } from "devextreme/ui/data_grid";
 import type { DataChange, ColumnHeaderFilterSearchConfig, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, HeaderFilterSearchConfig, GridBase } from "devextreme/common/grids";
 import type { ContentReadyEvent as FilterBuilderContentReadyEvent, DisposingEvent as FilterBuilderDisposingEvent, EditorPreparedEvent as FilterBuilderEditorPreparedEvent, EditorPreparingEvent as FilterBuilderEditorPreparingEvent, InitializedEvent as FilterBuilderInitializedEvent, dxFilterBuilderField, dxFilterBuilderCustomOperation, OptionChangedEvent, ValueChangedEvent } from "devextreme/ui/filter_builder";
 import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, dxFormSimpleItem, dxFormOptions, OptionChangedEvent as FormOptionChangedEvent, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, EditorEnterKeyEvent, FieldDataChangedEvent } from "devextreme/ui/form";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
-import type { event, EventInfo } from "devextreme/events/index";
 import type { template } from "devextreme/core/templates/template";
 import type { DataSourceOptions } from "devextreme/data/data_source";
 import type { Store } from "devextreme/data/abstract_store";
 import type { PositionConfig } from "devextreme/animation/position";
 import type { dxPopupOptions, dxPopupToolbarItem } from "devextreme/ui/popup";
+import type { event, EventInfo } from "devextreme/events/index";
 import type { Component } from "devextreme/core/component";
 import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
 import type dxOverlay from "devextreme/ui/overlay";
@@ -318,14 +318,7 @@ declare type IButtonProps = React.PropsWithChildren<{
     hint?: string;
     icon?: string;
     name?: "cancel" | "delete" | "edit" | "save" | "undelete";
-    onClick?: ((e: {
-        column: dxDataGridColumn;
-        component: dxDataGrid;
-        element: any;
-        event: event;
-        model: Record<string, any>;
-        row: dxDataGridRowObject;
-    }) => void);
+    onClick?: ((e: ColumnButtonClickEvent) => void);
     template?: ((cellElement: any, cellInfo: {
         column: dxDataGridColumn;
         columnIndex: number;
@@ -797,14 +790,14 @@ declare type ICustomOperationProps = React.PropsWithChildren<{
     caption?: string;
     customizeText?: ((fieldInfo: {
         field: dxFilterBuilderField;
-        value: string | number | any;
+        value: string | number | Date;
         valueText: string;
     }) => string);
     dataTypes?: Array<"string" | "number" | "date" | "boolean" | "object" | "datetime">;
     editorTemplate?: ((conditionInfo: {
         field: dxFilterBuilderField;
         setValue: (() => void);
-        value: string | number | any;
+        value: string | number | Date;
     }, container: any) => string | any) | template;
     hasValue?: boolean;
     icon?: string;
@@ -1041,7 +1034,7 @@ declare type IFieldProps = React.PropsWithChildren<{
     calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string) => string | (() => any) | Array<any>);
     caption?: string;
     customizeText?: ((fieldInfo: {
-        value: string | number | any;
+        value: string | number | Date;
         valueText: string;
     }) => string);
     dataField?: string;
@@ -1051,7 +1044,7 @@ declare type IFieldProps = React.PropsWithChildren<{
         field: dxFilterBuilderField;
         filterOperation: string;
         setValue: (() => void);
-        value: string | number | any;
+        value: string | number | Date;
     }, container: any) => string | any) | template;
     falseText?: string;
     filterOperations?: Array<"=" | "<>" | "<" | "<=" | ">" | ">=" | "contains" | "endswith" | "isblank" | "isnotblank" | "notcontains" | "startswith" | "between" | string>;
@@ -1463,8 +1456,8 @@ declare class Form extends NestedOption<IFormProps> {
 }
 declare type IFormatProps = React.PropsWithChildren<{
     currency?: string;
-    formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number | any);
+    formatter?: ((value: number | Date) => string);
+    parser?: ((value: string) => number | Date);
     precision?: number;
     type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
     useCurrencyAccountingStyle?: boolean;
@@ -1622,7 +1615,7 @@ declare type IGroupItemProps = React.PropsWithChildren<{
     alignByColumn?: boolean;
     column?: string;
     customizeText?: ((itemInfo: {
-        value: string | number | any;
+        value: string | number | Date;
         valueText: string;
     }) => string);
     displayFormat?: string;
@@ -1902,7 +1895,7 @@ declare class Paging extends NestedOption<IPagingProps> {
 declare type IPatternRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: boolean;
     message?: string;
-    pattern?: any | string;
+    pattern?: RegExp | string;
     type?: "required" | "numeric" | "range" | "stringLength" | "custom" | "compare" | "pattern" | "email" | "async";
 }>;
 declare class PatternRule extends NestedOption<IPatternRuleProps> {
@@ -2088,9 +2081,9 @@ declare class Position extends NestedOption<IPositionProps> {
 }
 declare type IRangeRuleProps = React.PropsWithChildren<{
     ignoreEmptyValue?: boolean;
-    max?: any | number;
+    max?: Date | number;
     message?: string;
-    min?: any | number;
+    min?: Date | number;
     reevaluate?: boolean;
     type?: "required" | "numeric" | "range" | "stringLength" | "custom" | "compare" | "pattern" | "email" | "async";
 }>;
@@ -2382,7 +2375,7 @@ declare type ISummaryProps = React.PropsWithChildren<{
         alignByColumn?: boolean;
         column?: string;
         customizeText?: ((itemInfo: {
-            value: string | number | any;
+            value: string | number | Date;
             valueText: string;
         }) => string);
         displayFormat?: string;
@@ -2411,7 +2404,7 @@ declare type ISummaryProps = React.PropsWithChildren<{
         column?: string;
         cssClass?: string;
         customizeText?: ((itemInfo: {
-            value: string | number | any;
+            value: string | number | Date;
             valueText: string;
         }) => string);
         displayFormat?: string;
@@ -2560,7 +2553,7 @@ declare type ITotalItemProps = React.PropsWithChildren<{
     column?: string;
     cssClass?: string;
     customizeText?: ((itemInfo: {
-        value: string | number | any;
+        value: string | number | Date;
         valueText: string;
     }) => string);
     displayFormat?: string;
@@ -2585,8 +2578,8 @@ declare type IValidationRuleProps = React.PropsWithChildren<{
     trim?: boolean;
     type?: "required" | "numeric" | "range" | "stringLength" | "custom" | "compare" | "pattern" | "email" | "async";
     ignoreEmptyValue?: boolean;
-    max?: any | number;
-    min?: any | number;
+    max?: Date | number;
+    min?: Date | number;
     reevaluate?: boolean;
     validationCallback?: ((options: {
         column: Record<string, any>;
@@ -2598,7 +2591,7 @@ declare type IValidationRuleProps = React.PropsWithChildren<{
     }) => boolean);
     comparisonTarget?: (() => any);
     comparisonType?: "!=" | "!==" | "<" | "<=" | "==" | "===" | ">" | ">=";
-    pattern?: any | string;
+    pattern?: RegExp | string;
 }>;
 declare class ValidationRule extends NestedOption<IValidationRuleProps> {
     static OptionName: string;
@@ -2609,8 +2602,8 @@ declare class ValidationRule extends NestedOption<IValidationRuleProps> {
 }
 declare type IValueFormatProps = React.PropsWithChildren<{
     currency?: string;
-    formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number | any);
+    formatter?: ((value: number | Date) => string);
+    parser?: ((value: string) => number | Date);
     precision?: number;
     type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
     useCurrencyAccountingStyle?: boolean;

package/cjs/data-grid.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/date-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -54,9 +54,9 @@ declare type IDateBoxOptions = React.PropsWithChildren<ReplaceFieldTypes<Propert
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
     defaultOpened?: boolean;
-    defaultValue?: any | number | string;
+    defaultValue?: Date | number | string;
     onOpenedChange?: (value: boolean) => void;
-    onValueChange?: (value: any | number | string) => void;
+    onValueChange?: (value: Date | number | string) => void;
 }>;
 declare class DateBox extends BaseComponent<React.PropsWithChildren<IDateBoxOptions>> {
     get instance(): dxDateBox;
@@ -144,13 +144,13 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     activeStateEnabled?: boolean;
     bindingOptions?: Record<string, any>;
     cellTemplate?: ((itemData: {
-        date: any;
+        date: Date;
         text: string;
         view: string;
     }, itemIndex: number, itemElement: any) => string | any) | template;
     dateSerializationFormat?: string;
     disabled?: boolean;
-    disabledDates?: Array<any> | ((data: DisabledDate) => boolean);
+    disabledDates?: Array<Date> | ((data: DisabledDate) => boolean);
     elementAttr?: Record<string, any>;
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     focusStateEnabled?: boolean;
@@ -159,9 +159,9 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     hoverStateEnabled?: boolean;
     isDirty?: boolean;
     isValid?: boolean;
-    max?: any | number | string;
+    max?: Date | number | string;
     maxZoomLevel?: "century" | "decade" | "month" | "year";
-    min?: any | number | string;
+    min?: Date | number | string;
     minZoomLevel?: "century" | "decade" | "month" | "year";
     name?: string;
     onDisposing?: ((e: CalendarDisposingEvent) => void);
@@ -180,13 +180,13 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     validationMessageMode?: "always" | "auto";
     validationMessagePosition?: "bottom" | "left" | "right" | "top";
     validationStatus?: "valid" | "invalid" | "pending";
-    value?: any | Array<any | number | string> | number | string;
+    value?: Array<Date | number | string> | Date | number | string;
     visible?: boolean;
     weekNumberRule?: "auto" | "firstDay" | "fullWeek" | "firstFourDays";
     width?: (() => number | string) | number | string;
     zoomLevel?: "century" | "decade" | "month" | "year";
-    defaultValue?: any | Array<any | number | string> | number | string;
-    onValueChange?: (value: any | Array<any | number | string> | number | string) => void;
+    defaultValue?: Array<Date | number | string> | Date | number | string;
+    onValueChange?: (value: Array<Date | number | string> | Date | number | string) => void;
     defaultZoomLevel?: "century" | "decade" | "month" | "year";
     onZoomLevelChange?: (value: "century" | "decade" | "month" | "year") => void;
     cellRender?: (...params: any) => React.ReactNode;
@@ -215,8 +215,8 @@ declare class Collision extends NestedOption<ICollisionProps> {
 }
 declare type IDisplayFormatProps = React.PropsWithChildren<{
     currency?: string;
-    formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number | any);
+    formatter?: ((value: number | Date) => string);
+    parser?: ((value: string) => number | Date);
     precision?: number;
     type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
     useCurrencyAccountingStyle?: boolean;

package/cjs/date-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -140,13 +141,24 @@ DateBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
+    max: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     maxLength: PropTypes.oneOfType([
         PropTypes.number,
         PropTypes.string
     ]),
+    min: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     name: PropTypes.string,
     onChange: PropTypes.func,
     onClosed: PropTypes.func,
@@ -229,6 +241,11 @@ DateBox.propTypes = {
             "pending"
         ])
     ]),
+    value: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     valueChangeEvent: PropTypes.string,
     visible: PropTypes.bool,
     width: PropTypes.oneOfType([

package/cjs/date-range-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -53,14 +53,14 @@ declare type IDateRangeBoxOptions = React.PropsWithChildren<ReplaceFieldTypes<Pr
     dropDownButtonRender?: (...params: any) => React.ReactNode;
     dropDownButtonComponent?: React.ComponentType<any>;
     dropDownButtonKeyFn?: (data: any) => string;
-    defaultEndDate?: any | number | string;
+    defaultEndDate?: Date | number | string;
     defaultOpened?: boolean;
-    defaultStartDate?: any | number | string;
-    defaultValue?: Array<any | number | string>;
-    onEndDateChange?: (value: any | number | string) => void;
+    defaultStartDate?: Date | number | string;
+    defaultValue?: Array<Date | number | string>;
+    onEndDateChange?: (value: Date | number | string) => void;
     onOpenedChange?: (value: boolean) => void;
-    onStartDateChange?: (value: any | number | string) => void;
-    onValueChange?: (value: Array<any | number | string>) => void;
+    onStartDateChange?: (value: Date | number | string) => void;
+    onValueChange?: (value: Array<Date | number | string>) => void;
 }>;
 declare class DateRangeBox extends BaseComponent<React.PropsWithChildren<IDateRangeBoxOptions>> {
     get instance(): dxDateRangeBox;
@@ -149,13 +149,13 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     activeStateEnabled?: boolean;
     bindingOptions?: Record<string, any>;
     cellTemplate?: ((itemData: {
-        date: any;
+        date: Date;
         text: string;
         view: string;
     }, itemIndex: number, itemElement: any) => string | any) | template;
     dateSerializationFormat?: string;
     disabled?: boolean;
-    disabledDates?: Array<any> | ((data: DisabledDate) => boolean);
+    disabledDates?: Array<Date> | ((data: DisabledDate) => boolean);
     elementAttr?: Record<string, any>;
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     focusStateEnabled?: boolean;
@@ -164,9 +164,9 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     hoverStateEnabled?: boolean;
     isDirty?: boolean;
     isValid?: boolean;
-    max?: any | number | string;
+    max?: Date | number | string;
     maxZoomLevel?: "century" | "decade" | "month" | "year";
-    min?: any | number | string;
+    min?: Date | number | string;
     minZoomLevel?: "century" | "decade" | "month" | "year";
     name?: string;
     onDisposing?: ((e: CalendarDisposingEvent) => void);
@@ -185,13 +185,13 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     validationMessageMode?: "always" | "auto";
     validationMessagePosition?: "bottom" | "left" | "right" | "top";
     validationStatus?: "valid" | "invalid" | "pending";
-    value?: any | Array<any | number | string> | number | string;
+    value?: Array<Date | number | string> | Date | number | string;
     visible?: boolean;
     weekNumberRule?: "auto" | "firstDay" | "fullWeek" | "firstFourDays";
     width?: (() => number | string) | number | string;
     zoomLevel?: "century" | "decade" | "month" | "year";
-    defaultValue?: any | Array<any | number | string> | number | string;
-    onValueChange?: (value: any | Array<any | number | string> | number | string) => void;
+    defaultValue?: Array<Date | number | string> | Date | number | string;
+    onValueChange?: (value: Array<Date | number | string> | Date | number | string) => void;
     defaultZoomLevel?: "century" | "decade" | "month" | "year";
     onZoomLevelChange?: (value: "century" | "decade" | "month" | "year") => void;
     cellRender?: (...params: any) => React.ReactNode;
@@ -220,8 +220,8 @@ declare class Collision extends NestedOption<ICollisionProps> {
 }
 declare type IDisplayFormatProps = React.PropsWithChildren<{
     currency?: string;
-    formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number | any);
+    formatter?: ((value: number | Date) => string);
+    parser?: ((value: string) => number | Date);
     precision?: number;
     type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
     useCurrencyAccountingStyle?: boolean;

package/cjs/date-range-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -118,6 +119,11 @@ DateRangeBox.propTypes = {
     ]),
     dropDownOptions: PropTypes.object,
     elementAttr: PropTypes.object,
+    endDate: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     endDateLabel: PropTypes.string,
     endDateName: PropTypes.string,
     endDateOutOfRangeMessage: PropTypes.string,
@@ -140,9 +146,20 @@ DateRangeBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
+    max: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
+    min: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     multiView: PropTypes.bool,
     onChange: PropTypes.func,
     onClosed: PropTypes.func,
@@ -168,6 +185,11 @@ DateRangeBox.propTypes = {
     showClearButton: PropTypes.bool,
     showDropDownButton: PropTypes.bool,
     spellcheck: PropTypes.bool,
+    startDate: PropTypes.oneOfType([
+        PropTypes.instanceOf(Date),
+        PropTypes.number,
+        PropTypes.string
+    ]),
     startDateLabel: PropTypes.string,
     startDateName: PropTypes.string,
     startDateOutOfRangeMessage: PropTypes.string,

package/cjs/defer-rendering.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -15,7 +15,7 @@
 import dxDeferRendering, { Properties } from "devextreme/ui/defer_rendering";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
-import type { ContentReadyEvent, DisposingEvent, InitializedEvent } from "devextreme/ui/defer_rendering";
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, RenderedEvent, ShownEvent } from "devextreme/ui/defer_rendering";
 import type { AnimationConfig, AnimationState } from "devextreme/animation/fx";
 import type { PositionConfig } from "devextreme/animation/position";
 declare type ReplaceFieldTypes<TSource, TReplacement> = {
@@ -25,6 +25,8 @@ declare type IDeferRenderingOptionsNarrowedEvents = {
     onContentReady?: ((e: ContentReadyEvent) => void);
     onDisposing?: ((e: DisposingEvent) => void);
     onInitialized?: ((e: InitializedEvent) => void);
+    onRendered?: ((e: RenderedEvent) => void);
+    onShown?: ((e: ShownEvent) => void);
 };
 declare type IDeferRenderingOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IDeferRenderingOptionsNarrowedEvents> & IHtmlOptions>;
 declare class DeferRendering extends BaseComponent<React.PropsWithChildren<IDeferRenderingOptions>> {

package/cjs/defer-rendering.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/diagram.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/diagram.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/draggable.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/draggable.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/drawer.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/drawer.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {

package/cjs/drop-down-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *

package/cjs/drop-down-box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.1-alpha-23255-1813
- * Build date: Tue Sep 12 2023
+ * Version: 23.2.3
+ * Build date: Tue Nov 28 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,6 +11,7 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
+"use client";
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -128,7 +129,8 @@ DropDownBox.propTypes = {
         PropTypes.oneOf([
             "static",
             "floating",
-            "hidden"
+            "hidden",
+            "outside"
         ])
     ]),
     maxLength: PropTypes.oneOfType([