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

package/{data-grid.d.ts → cjs/data-grid.d.ts}

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.5
- * Build date: Wed Aug 30 2023
+ * Version: 23.2.1-alpha-23255-1813
+ * Build date: Tue Sep 12 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -335,7 +335,7 @@ declare type IButtonProps = React.PropsWithChildren<{
         row: dxDataGridRowObject;
         rowIndex: number;
         rowType: string;
-    }) => string) | template;
+    }) => string | any) | template;
     text?: string;
     visible?: boolean | ((options: {
         column: dxDataGridColumn;
@@ -400,7 +400,7 @@ declare type IColumnProps = React.PropsWithChildren<{
     buttons?: Array<dxDataGridColumnButton | "cancel" | "delete" | "edit" | "save" | "undelete">;
     calculateCellValue?: ((rowData: any) => any);
     calculateDisplayValue?: ((rowData: any) => any) | string;
-    calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string);
+    calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string | null, target: string) => string | (() => any) | Array<any>);
     calculateGroupValue?: ((rowData: any) => any) | string;
     calculateSortValue?: ((rowData: any) => any) | string;
     caption?: string;
@@ -494,7 +494,7 @@ declare type IColumnProps = React.PropsWithChildren<{
         dataSource?: Array<any> | DataSourceOptions | ((options: {
             data: Record<string, any>;
             key: any;
-        }) => Array<any>) | null | Store;
+        }) => Array<any> | Store | DataSourceOptions) | null | Store;
         displayExpr?: ((data: any) => string) | string;
         valueExpr?: string;
     };
@@ -637,6 +637,7 @@ declare class Column extends NestedOption<IColumnProps> {
 }
 declare type IColumnChooserProps = React.PropsWithChildren<{
     allowSearch?: boolean;
+    container?: any | string;
     emptyPanelText?: string;
     enabled?: boolean;
     height?: number;
@@ -763,7 +764,7 @@ declare type IColumnLookupProps = React.PropsWithChildren<{
     dataSource?: Array<any> | DataSourceOptions | ((options: {
         data: Record<string, any>;
         key: any;
-    }) => Array<any>) | null | Store;
+    }) => Array<any> | Store | DataSourceOptions) | null | Store;
     displayExpr?: ((data: any) => string) | string;
     valueExpr?: string;
 }>;
@@ -792,7 +793,7 @@ declare class CursorOffset extends NestedOption<ICursorOffsetProps> {
     static OptionName: string;
 }
 declare type ICustomOperationProps = React.PropsWithChildren<{
-    calculateFilterExpression?: ((filterValue: any, field: dxFilterBuilderField) => string);
+    calculateFilterExpression?: ((filterValue: any, field: dxFilterBuilderField) => string | (() => any) | Array<any>);
     caption?: string;
     customizeText?: ((fieldInfo: {
         field: dxFilterBuilderField;
@@ -804,7 +805,7 @@ declare type ICustomOperationProps = React.PropsWithChildren<{
         field: dxFilterBuilderField;
         setValue: (() => void);
         value: string | number | any;
-    }, container: any) => string) | template;
+    }, container: any) => string | any) | template;
     hasValue?: boolean;
     icon?: string;
     name?: string;
@@ -1037,7 +1038,7 @@ declare class ExportTexts extends NestedOption<IExportTextsProps> {
     static OptionName: string;
 }
 declare type IFieldProps = React.PropsWithChildren<{
-    calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string) => string);
+    calculateFilterExpression?: ((filterValue: any, selectedFilterOperation: string) => string | (() => any) | Array<any>);
     caption?: string;
     customizeText?: ((fieldInfo: {
         value: string | number | any;
@@ -1051,7 +1052,7 @@ declare type IFieldProps = React.PropsWithChildren<{
         filterOperation: string;
         setValue: (() => void);
         value: string | number | any;
-    }, container: any) => string) | template;
+    }, container: any) => string | any) | template;
     falseText?: string;
     filterOperations?: Array<"=" | "<>" | "<" | "<=" | ">" | ">=" | "contains" | "endswith" | "isblank" | "isnotblank" | "notcontains" | "startswith" | "between" | string>;
     format?: LocalizationTypes.Format;
@@ -1059,7 +1060,7 @@ declare type IFieldProps = React.PropsWithChildren<{
         allowClearing?: boolean;
         dataSource?: Array<any> | DataSourceOptions | Store;
         displayExpr?: ((data: any) => string) | string;
-        valueExpr?: ((data: any) => string) | string;
+        valueExpr?: ((data: any) => string | number | boolean) | string;
     };
     name?: string;
     trueText?: string;
@@ -1095,7 +1096,7 @@ declare type IFieldLookupProps = React.PropsWithChildren<{
     allowClearing?: boolean;
     dataSource?: Array<any> | DataSourceOptions | Store;
     displayExpr?: ((data: any) => string) | string;
-    valueExpr?: ((data: any) => string) | string;
+    valueExpr?: ((data: any) => string | number | boolean) | string;
 }>;
 declare class FieldLookup extends NestedOption<IFieldLookupProps> {
     static OptionName: string;
@@ -1132,7 +1133,7 @@ declare type IFilterBuilderProps = React.PropsWithChildren<{
         or?: string;
     };
     groupOperations?: Array<"and" | "or" | "notAnd" | "notOr">;
-    height?: (() => number) | number | string;
+    height?: (() => number | string) | number | string;
     hint?: string;
     hoverStateEnabled?: boolean;
     maxGroupLevel?: number;
@@ -1147,7 +1148,7 @@ declare type IFilterBuilderProps = React.PropsWithChildren<{
     tabIndex?: number;
     value?: Array<any> | (() => any) | string;
     visible?: boolean;
-    width?: (() => number) | number | string;
+    width?: (() => number | string) | number | string;
     defaultValue?: Array<any> | (() => any) | string;
     onValueChange?: (value: Array<any> | (() => any) | string) => void;
 }>;
@@ -1184,7 +1185,7 @@ declare type IFilterBuilderPopupProps = React.PropsWithChildren<{
     bindingOptions?: Record<string, any>;
     closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string;
-    contentTemplate?: ((contentElement: any) => string) | template;
+    contentTemplate?: ((contentElement: any) => string | any) | template;
     copyRootClassesToWrapper?: boolean;
     deferRendering?: boolean;
     disabled?: boolean;
@@ -1195,15 +1196,15 @@ declare type IFilterBuilderPopupProps = React.PropsWithChildren<{
     enableBodyScroll?: boolean;
     focusStateEnabled?: boolean;
     fullScreen?: boolean;
-    height?: (() => number) | number | string;
+    height?: (() => number | string) | number | string;
     hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
     hint?: string;
     hoverStateEnabled?: boolean;
-    maxHeight?: (() => number) | number | string;
-    maxWidth?: (() => number) | number | string;
-    minHeight?: (() => number) | number | string;
-    minWidth?: (() => number) | number | string;
+    maxHeight?: (() => number | string) | number | string;
+    maxWidth?: (() => number | string) | number | string;
+    minHeight?: (() => number | string) | number | string;
+    minWidth?: (() => number | string) | number | string;
     onContentReady?: ((e: EventInfo<any>) => void);
     onDisposing?: ((e: EventInfo<any>) => void);
     onHidden?: ((e: EventInfo<any>) => void);
@@ -1273,19 +1274,19 @@ declare type IFilterBuilderPopupProps = React.PropsWithChildren<{
     showTitle?: boolean;
     tabIndex?: number;
     title?: string;
-    titleTemplate?: ((titleElement: any) => string) | template;
+    titleTemplate?: ((titleElement: any) => string | any) | template;
     toolbarItems?: Array<dxPopupToolbarItem>;
     visible?: boolean;
-    width?: (() => number) | number | string;
+    width?: (() => number | string) | number | string;
     wrapperAttr?: any;
-    defaultHeight?: (() => number) | number | string;
-    onHeightChange?: (value: (() => number) | number | string) => void;
+    defaultHeight?: (() => number | string) | number | string;
+    onHeightChange?: (value: (() => number | string) | number | string) => void;
     defaultPosition?: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
     onPositionChange?: (value: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top") => void;
     defaultVisible?: boolean;
     onVisibleChange?: (value: boolean) => void;
-    defaultWidth?: (() => number) | number | string;
-    onWidthChange?: (value: (() => number) | number | string) => void;
+    defaultWidth?: (() => number | string) | number | string;
+    onWidthChange?: (value: (() => number | string) | number | string) => void;
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     contentKeyFn?: (data: any) => string;
@@ -1416,9 +1417,10 @@ declare type IFormProps = React.PropsWithChildren<{
     elementAttr?: Record<string, any>;
     focusStateEnabled?: boolean;
     formData?: any;
-    height?: (() => number) | number | string;
+    height?: (() => number | string) | number | string;
     hint?: string;
     hoverStateEnabled?: boolean;
+    isDirty?: boolean;
     items?: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>;
     labelLocation?: "left" | "right" | "top";
     labelMode?: "static" | "floating" | "hidden" | "outside";
@@ -1443,7 +1445,7 @@ declare type IFormProps = React.PropsWithChildren<{
     tabIndex?: number;
     validationGroup?: string;
     visible?: boolean;
-    width?: (() => number) | number | string;
+    width?: (() => number | string) | number | string;
     defaultFormData?: any;
     onFormDataChange?: (value: any) => void;
 }>;
@@ -1462,7 +1464,7 @@ declare class Form extends NestedOption<IFormProps> {
 declare type IFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number);
+    parser?: ((value: string) => number | any);
     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;
@@ -1490,7 +1492,7 @@ declare type IFormItemProps = React.PropsWithChildren<{
             editorType: string;
             name: string;
             text: string;
-        }, itemElement: any) => string) | template;
+        }, itemElement: any) => string | any) | template;
         text?: string;
         visible?: boolean;
     };
@@ -1501,7 +1503,7 @@ declare type IFormItemProps = React.PropsWithChildren<{
         editorOptions: Record<string, any>;
         editorType: string;
         name: string;
-    }, itemElement: any) => string) | template;
+    }, itemElement: any) => string | any) | template;
     validationRules?: Array<CommonTypes.ValidationRule>;
     visible?: boolean;
     visibleIndex?: number;
@@ -1717,11 +1719,11 @@ declare type IItemProps = React.PropsWithChildren<{
     html?: string;
     locateInMenu?: "always" | "auto" | "never";
     location?: "after" | "before" | "center";
-    menuItemTemplate?: (() => string) | template;
+    menuItemTemplate?: (() => string | any) | template;
     name?: "addRowButton" | "applyFilterButton" | "columnChooserButton" | "exportButton" | "groupPanel" | "revertButton" | "saveButton" | "searchPanel";
     options?: any;
     showText?: "always" | "inMenu";
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string) | template;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
     text?: string;
     visible?: boolean;
     widget?: "dxAutocomplete" | "dxButton" | "dxCheckBox" | "dxDateBox" | "dxMenu" | "dxSelectBox" | "dxTabs" | "dxTextBox" | "dxButtonGroup" | "dxDropDownButton";
@@ -1762,7 +1764,7 @@ declare type ILabelProps = React.PropsWithChildren<{
         editorType: string;
         name: string;
         text: string;
-    }, itemElement: any) => string) | template;
+    }, itemElement: any) => string | any) | template;
     text?: string;
     visible?: boolean;
     render?: (...params: any) => React.ReactNode;
@@ -1798,9 +1800,9 @@ declare type ILookupProps = React.PropsWithChildren<{
     dataSource?: Array<any> | DataSourceOptions | ((options: {
         data: Record<string, any>;
         key: any;
-    }) => Array<any>) | null | Store;
+    }) => Array<any> | Store | DataSourceOptions) | null | Store;
     displayExpr?: ((data: any) => string) | string;
-    valueExpr?: string | ((data: any) => string);
+    valueExpr?: string | ((data: any) => string | number | boolean);
 }>;
 declare class Lookup extends NestedOption<ILookupProps> {
     static OptionName: string;
@@ -1919,7 +1921,7 @@ declare type IPopupProps = React.PropsWithChildren<{
     bindingOptions?: Record<string, any>;
     closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string;
-    contentTemplate?: ((contentElement: any) => string) | template;
+    contentTemplate?: ((contentElement: any) => string | any) | template;
     copyRootClassesToWrapper?: boolean;
     deferRendering?: boolean;
     disabled?: boolean;
@@ -1930,15 +1932,15 @@ declare type IPopupProps = React.PropsWithChildren<{
     enableBodyScroll?: boolean;
     focusStateEnabled?: boolean;
     fullScreen?: boolean;
-    height?: (() => number) | number | string;
+    height?: (() => number | string) | number | string;
     hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
     hint?: string;
     hoverStateEnabled?: boolean;
-    maxHeight?: (() => number) | number | string;
-    maxWidth?: (() => number) | number | string;
-    minHeight?: (() => number) | number | string;
-    minWidth?: (() => number) | number | string;
+    maxHeight?: (() => number | string) | number | string;
+    maxWidth?: (() => number | string) | number | string;
+    minHeight?: (() => number | string) | number | string;
+    minWidth?: (() => number | string) | number | string;
     onContentReady?: ((e: EventInfo<any>) => void);
     onDisposing?: ((e: EventInfo<any>) => void);
     onHidden?: ((e: EventInfo<any>) => void);
@@ -2008,19 +2010,19 @@ declare type IPopupProps = React.PropsWithChildren<{
     showTitle?: boolean;
     tabIndex?: number;
     title?: string;
-    titleTemplate?: ((titleElement: any) => string) | template;
+    titleTemplate?: ((titleElement: any) => string | any) | template;
     toolbarItems?: Array<dxPopupToolbarItem>;
     visible?: boolean;
-    width?: (() => number) | number | string;
+    width?: (() => number | string) | number | string;
     wrapperAttr?: any;
-    defaultHeight?: (() => number) | number | string;
-    onHeightChange?: (value: (() => number) | number | string) => void;
+    defaultHeight?: (() => number | string) | number | string;
+    onHeightChange?: (value: (() => number | string) | number | string) => void;
     defaultPosition?: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
     onPositionChange?: (value: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top") => void;
     defaultVisible?: boolean;
     onVisibleChange?: (value: boolean) => void;
-    defaultWidth?: (() => number) | number | string;
-    onWidthChange?: (value: (() => number) | number | string) => void;
+    defaultWidth?: (() => number | string) | number | string;
+    onWidthChange?: (value: (() => number | string) | number | string) => void;
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     contentKeyFn?: (data: any) => string;
@@ -2137,7 +2139,7 @@ declare type IRowDraggingProps = React.PropsWithChildren<{
     dragTemplate?: ((dragInfo: {
         itemData: any;
         itemElement: any;
-    }, containerElement: any) => string) | template;
+    }, containerElement: any) => string | any) | template;
     dropFeedbackMode?: "push" | "indicate";
     filter?: string;
     group?: string;
@@ -2528,10 +2530,10 @@ declare type IToolbarItemProps = React.PropsWithChildren<{
     html?: string;
     locateInMenu?: "always" | "auto" | "never";
     location?: "after" | "before" | "center";
-    menuItemTemplate?: (() => string) | template;
+    menuItemTemplate?: (() => string | any) | template;
     options?: any;
     showText?: "always" | "inMenu";
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string) | template;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
     text?: string;
     toolbar?: "bottom" | "top";
     visible?: boolean;
@@ -2608,7 +2610,7 @@ declare class ValidationRule extends NestedOption<IValidationRuleProps> {
 declare type IValueFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number);
+    parser?: ((value: string) => number | any);
     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/{data-grid.js → cjs/data-grid.js}

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.5
- * Build date: Wed Aug 30 2023
+ * Version: 23.2.1-alpha-23255-1813
+ * Build date: Tue Sep 12 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -27,13 +27,35 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Hide = exports.HeaderFilter = exports.GroupPanel = exports.GroupOperationDescriptions = exports.GroupItem = exports.GroupingTexts = exports.Grouping = exports.From = exports.FormItem = exports.Format = exports.Form = exports.FilterRow = exports.FilterPanelTexts = exports.FilterPanel = exports.FilterOperationDescriptions = exports.FilterBuilderPopup = exports.FilterBuilder = exports.FieldLookup = exports.Field = exports.ExportTexts = exports.Export = exports.EmailRule = exports.EditingTexts = exports.Editing = exports.DataGridSelection = exports.DataGridHeaderFilterTexts = exports.DataGridHeaderFilterSearch = exports.DataGridHeaderFilter = exports.CustomRule = exports.CustomOperation = exports.CursorOffset = exports.CompareRule = exports.ColumnLookup = exports.ColumnHeaderFilterSearch = exports.ColumnHeaderFilter = exports.ColumnFixingTexts = exports.ColumnFixing = exports.ColumnChooserSelection = exports.ColumnChooserSearch = exports.ColumnChooser = exports.Column = exports.Collision = exports.ColCountByScreen = exports.Change = exports.Button = exports.BoundaryOffset = exports.At = exports.AsyncRule = exports.Animation = exports.DataGrid = void 0;
 exports.ValueFormat = exports.ValidationRule = exports.TotalItem = exports.ToolbarItem = exports.Toolbar = exports.To = exports.Texts = exports.SummaryTexts = exports.Summary = exports.StringLengthRule = exports.StateStoring = exports.Sorting = exports.SortByGroupSummaryInfo = exports.Show = exports.Selection = exports.SearchPanel = exports.Search = exports.Scrolling = exports.RowDragging = exports.RequiredRule = exports.RemoteOperations = exports.RangeRule = exports.Position = exports.Popup = exports.PatternRule = exports.Paging = exports.Pager = exports.OperationDescriptions = exports.Offset = exports.NumericRule = exports.My = exports.MasterDetail = exports.Lookup = exports.LoadPanel = exports.Label = exports.KeyboardNavigation = exports.Item = void 0;
-var data_grid_1 = require("devextreme/ui/data_grid");
-var PropTypes = require("prop-types");
+var data_grid_1 = __importDefault(require("devextreme/ui/data_grid"));
+var PropTypes = __importStar(require("prop-types"));
 var component_1 = require("./core/component");
-var nested_option_1 = require("./core/nested-option");
+var nested_option_1 = __importDefault(require("./core/nested-option"));
 var DataGrid = /** @class */ (function (_super) {
     __extends(DataGrid, _super);
     function DataGrid() {

package/{date-box.d.ts → cjs/date-box.d.ts}

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.5
- * Build date: Wed Aug 30 2023
+ * Version: 23.2.1-alpha-23255-1813
+ * Build date: Tue Sep 12 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -147,16 +147,17 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
         date: any;
         text: string;
         view: string;
-    }, itemIndex: number, itemElement: any) => string) | template;
+    }, itemIndex: number, itemElement: any) => string | any) | template;
     dateSerializationFormat?: string;
     disabled?: boolean;
     disabledDates?: Array<any> | ((data: DisabledDate) => boolean);
     elementAttr?: Record<string, any>;
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     focusStateEnabled?: boolean;
-    height?: (() => number) | number | string;
+    height?: (() => number | string) | number | string;
     hint?: string;
     hoverStateEnabled?: boolean;
+    isDirty?: boolean;
     isValid?: boolean;
     max?: any | number | string;
     maxZoomLevel?: "century" | "decade" | "month" | "year";
@@ -169,6 +170,8 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     onValueChanged?: ((e: CalendarValueChangedEvent) => void);
     readOnly?: boolean;
     rtlEnabled?: boolean;
+    selectionMode?: "single" | "multiple" | "range";
+    selectWeekOnClick?: boolean;
     showTodayButton?: boolean;
     showWeekNumbers?: boolean;
     tabIndex?: number;
@@ -177,13 +180,13 @@ declare type ICalendarOptionsProps = React.PropsWithChildren<{
     validationMessageMode?: "always" | "auto";
     validationMessagePosition?: "bottom" | "left" | "right" | "top";
     validationStatus?: "valid" | "invalid" | "pending";
-    value?: any | number | string;
+    value?: any | Array<any | number | string> | number | string;
     visible?: boolean;
     weekNumberRule?: "auto" | "firstDay" | "fullWeek" | "firstFourDays";
-    width?: (() => number) | number | string;
+    width?: (() => number | string) | number | string;
     zoomLevel?: "century" | "decade" | "month" | "year";
-    defaultValue?: any | number | string;
-    onValueChange?: (value: any | number | string) => void;
+    defaultValue?: any | Array<any | number | string> | number | string;
+    onValueChange?: (value: any | Array<any | number | string> | number | string) => void;
     defaultZoomLevel?: "century" | "decade" | "month" | "year";
     onZoomLevelChange?: (value: "century" | "decade" | "month" | "year") => void;
     cellRender?: (...params: any) => React.ReactNode;
@@ -213,7 +216,7 @@ declare class Collision extends NestedOption<ICollisionProps> {
 declare type IDisplayFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | any) => string);
-    parser?: ((value: string) => number);
+    parser?: ((value: string) => number | any);
     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;
@@ -230,7 +233,7 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
     bindingOptions?: Record<string, any>;
     closeOnOutsideClick?: boolean | ((event: event) => boolean);
     container?: any | string;
-    contentTemplate?: ((contentElement: any) => string) | template;
+    contentTemplate?: ((contentElement: any) => string | any) | template;
     copyRootClassesToWrapper?: boolean;
     deferRendering?: boolean;
     disabled?: boolean;
@@ -241,15 +244,15 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
     enableBodyScroll?: boolean;
     focusStateEnabled?: boolean;
     fullScreen?: boolean;
-    height?: (() => number) | number | string;
+    height?: (() => number | string) | number | string;
     hideOnOutsideClick?: boolean | ((event: event) => boolean);
     hideOnParentScroll?: boolean;
     hint?: string;
     hoverStateEnabled?: boolean;
-    maxHeight?: (() => number) | number | string;
-    maxWidth?: (() => number) | number | string;
-    minHeight?: (() => number) | number | string;
-    minWidth?: (() => number) | number | string;
+    maxHeight?: (() => number | string) | number | string;
+    maxWidth?: (() => number | string) | number | string;
+    minHeight?: (() => number | string) | number | string;
+    minWidth?: (() => number | string) | number | string;
     onContentReady?: ((e: EventInfo<any>) => void);
     onDisposing?: ((e: EventInfo<any>) => void);
     onHidden?: ((e: EventInfo<any>) => void);
@@ -319,19 +322,19 @@ declare type IDropDownOptionsProps = React.PropsWithChildren<{
     showTitle?: boolean;
     tabIndex?: number;
     title?: string;
-    titleTemplate?: ((titleElement: any) => string) | template;
+    titleTemplate?: ((titleElement: any) => string | any) | template;
     toolbarItems?: Array<dxPopupToolbarItem>;
     visible?: boolean;
-    width?: (() => number) | number | string;
+    width?: (() => number | string) | number | string;
     wrapperAttr?: any;
-    defaultHeight?: (() => number) | number | string;
-    onHeightChange?: (value: (() => number) | number | string) => void;
+    defaultHeight?: (() => number | string) | number | string;
+    onHeightChange?: (value: (() => number | string) | number | string) => void;
     defaultPosition?: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top";
     onPositionChange?: (value: (() => void) | PositionConfig | "bottom" | "center" | "left" | "left bottom" | "left top" | "right" | "right bottom" | "right top" | "top") => void;
     defaultVisible?: boolean;
     onVisibleChange?: (value: boolean) => void;
-    defaultWidth?: (() => number) | number | string;
-    onWidthChange?: (value: (() => number) | number | string) => void;
+    defaultWidth?: (() => number | string) | number | string;
+    onWidthChange?: (value: (() => number | string) | number | string) => void;
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
     contentKeyFn?: (data: any) => string;
@@ -430,7 +433,7 @@ declare type IOptionsProps = React.PropsWithChildren<{
     disabled?: boolean;
     elementAttr?: Record<string, any>;
     focusStateEnabled?: boolean;
-    height?: (() => number) | number | string;
+    height?: (() => number | string) | number | string;
     hint?: string;
     hoverStateEnabled?: boolean;
     icon?: string;
@@ -445,13 +448,13 @@ declare type IOptionsProps = React.PropsWithChildren<{
     template?: ((buttonData: {
         icon: string;
         text: string;
-    }, contentElement: any) => string) | template;
+    }, contentElement: any) => string | any) | template;
     text?: string;
-    type?: "back" | "danger" | "default" | "normal" | "success";
+    type?: "danger" | "default" | "normal" | "success";
     useSubmitBehavior?: boolean;
     validationGroup?: string;
     visible?: boolean;
-    width?: (() => number) | number | string;
+    width?: (() => number | string) | number | string;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
     keyFn?: (data: any) => string;
@@ -523,10 +526,10 @@ declare type IToolbarItemProps = React.PropsWithChildren<{
     html?: string;
     locateInMenu?: "always" | "auto" | "never";
     location?: "after" | "before" | "center";
-    menuItemTemplate?: (() => string) | template;
+    menuItemTemplate?: (() => string | any) | template;
     options?: any;
     showText?: "always" | "inMenu";
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string) | template;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
     text?: string;
     toolbar?: "bottom" | "top";
     visible?: boolean;

package/{date-box.js → cjs/date-box.js}

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.1.5
- * Build date: Wed Aug 30 2023
+ * Version: 23.2.1-alpha-23255-1813
+ * Build date: Tue Sep 12 2023
  *
  * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -27,12 +27,34 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarItem = exports.To = exports.Show = exports.Position = exports.Options = exports.Offset = exports.My = exports.Hide = exports.From = exports.DropDownOptions = exports.DisplayFormat = exports.Collision = exports.CalendarOptions = exports.Button = exports.BoundaryOffset = exports.At = exports.Animation = exports.DateBox = void 0;
-var date_box_1 = require("devextreme/ui/date_box");
-var PropTypes = require("prop-types");
+var date_box_1 = __importDefault(require("devextreme/ui/date_box"));
+var PropTypes = __importStar(require("prop-types"));
 var component_1 = require("./core/component");
-var nested_option_1 = require("./core/nested-option");
+var nested_option_1 = __importDefault(require("./core/nested-option"));
 var DateBox = /** @class */ (function (_super) {
     __extends(DateBox, _super);
     function DateBox() {
@@ -110,6 +132,7 @@ DateBox.propTypes = {
     hoverStateEnabled: PropTypes.bool,
     interval: PropTypes.number,
     invalidDateMessage: PropTypes.string,
+    isDirty: PropTypes.bool,
     isValid: PropTypes.bool,
     label: PropTypes.string,
     labelMode: PropTypes.oneOfType([