devextreme 22.1.2-beta → 22.1.3

package/ui/data_grid.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExtreme (ui/data_grid.d.ts)
-* Version: 22.1.2
-* Build date: Tue May 17 2022
+* Version: 22.1.3
+* Build date: Mon Jun 13 2022
 *
 * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -87,6 +87,91 @@ import {
   Format,
 } from '../localization';
 
+import {
+    SearchMode,
+    DataType,
+    DragDirection,
+    DragHighlight,
+    HorizontalAlignment,
+    HorizontalEdge,
+    Mode,
+    ScrollbarMode,
+    SelectAllMode,
+    SingleMultipleOrNone,
+    SortOrder,
+    ToolbarItemLocation,
+} from '../common';
+
+import {
+    ApplyFilterMode,
+    ColumnChooserMode,
+    DataChangeType,
+    DataRenderMode,
+    EnterKeyAction,
+    EnterKeyDirection,
+    FilterOperation,
+    FilterType,
+    GridsEditMode,
+    GridsEditRefreshMode,
+    GroupExpandMode,
+    NewRowPosition,
+    PagerDisplayMode,
+    PagerPageSize,
+    SelectedFilterOperation,
+    SelectionColumnDisplayMode,
+    StartEditAction,
+    StateStoreType,
+    SummaryType,
+} from '../common/grids';
+
+export {
+    ExcelUnderlineType,
+} from '../exporter/excel/excel.doc_comments';
+
+export {
+    ApplyFilterMode,
+    SearchMode,
+    ColumnChooserMode,
+    DataChangeType,
+    DataRenderMode,
+    DataType,
+    DragDirection,
+    DragHighlight,
+    EnterKeyAction,
+    EnterKeyDirection,
+    FilterOperation,
+    FilterType,
+    GridsEditMode,
+    GridsEditRefreshMode,
+    GroupExpandMode,
+    HorizontalAlignment,
+    HorizontalEdge,
+    Mode,
+    NewRowPosition,
+    PagerDisplayMode,
+    PagerPageSize,
+    ScrollbarMode,
+    SelectAllMode,
+    SelectedFilterOperation,
+    SelectionColumnDisplayMode,
+    SortOrder,
+    StartEditAction,
+    StateStoreType,
+    SummaryType,
+    ToolbarItemLocation,
+};
+
+export type ColumnResizeMode = 'nextColumn' | 'widget';
+export type DataGridCommandColumnType = 'adaptive' | 'buttons' | 'detailExpand' | 'groupExpand' | 'selection' | 'drag';
+export type DataGridExportFormat = 'pdf' | 'xlsx';
+export type DataGridScrollMode = 'infinite' | 'standard' | 'virtual';
+export type ExcelCellHorizontalAlignment = 'center' | 'centerContinuous' | 'distributed' | 'fill' | 'general' | 'justify' | 'left' | 'right';
+export type ExcelCellPatternType = 'darkDown' | 'darkGray' | 'darkGrid' | 'darkHorizontal' | 'darkTrellis' | 'darkUp' | 'darkVertical' | 'gray0625' | 'gray125' | 'lightDown' | 'lightGray' | 'lightGrid' | 'lightHorizontal' | 'lightTrellis' | 'lightUp' | 'lightVertical' | 'mediumGray' | 'none' | 'solid';
+export type ExcelCellVerticalAlignment = 'bottom' | 'center' | 'distributed' | 'justify' | 'top';
+export type HeaderFilterGroupInterval = 'day' | 'hour' | 'minute' | 'month' | 'quarter' | 'second' | 'year';
+export type DataGridPredefinedColumnButton = 'cancel' | 'delete' | 'edit' | 'save' | 'undelete';
+export type DataGridPredefinedToolbarItem = 'addRowButton' | 'applyFilterButton' | 'columnChooserButton' | 'exportButton' | 'groupPanel' | 'revertButton' | 'saveButton' | 'searchPanel';
+
 /**
  * @deprecated Attention! This type is for internal purposes only. If you used it previously, please describe your scenario in the following GitHub Issue, and we will suggest a public alternative: {@link https://github.com/DevExpress/DevExtreme/issues/17885|Internal Types}.
  */
@@ -376,7 +461,7 @@ export interface RowDragging<T extends GridBase<TRowData, TKey>, TRowData = any,
     /**
      * Specifies the directions in which a row can be dragged.
      */
-    dragDirection?: 'both' | 'horizontal' | 'vertical';
+    dragDirection?: DragDirection;
     /**
      * Specifies custom markup to be shown instead of the item being dragged.
      */
@@ -384,7 +469,7 @@ export interface RowDragging<T extends GridBase<TRowData, TKey>, TRowData = any,
     /**
      * Specifies how to highlight the row&apos;s drop position.
      */
-    dropFeedbackMode?: 'push' | 'indicate';
+    dropFeedbackMode?: DragHighlight;
     /**
      * Specifies a CSS selector for draggable rows.
      */
@@ -486,11 +571,11 @@ export interface GridBaseOptions<TComponent extends GridBase<TRowData, TKey>, TR
     /**
      * Specifies how the UI component resizes columns. Applies only if allowColumnResizing is true.
      */
-    columnResizingMode?: 'nextColumn' | 'widget';
+    columnResizingMode?: ColumnResizeMode;
     /**
      * Specifies the width for all data columns. Has a lower priority than the column.width property.
      */
-    columnWidth?: number | 'auto';
+    columnWidth?: number | Mode;
     /**
      * Overridden.
      */
@@ -530,7 +615,7 @@ export interface GridBaseOptions<TComponent extends GridBase<TRowData, TKey>, TR
     /**
      * Specifies whether to synchronize the filter row, header filter, and filter builder. The synchronized filter expression is stored in the filterValue property.
      */
-    filterSyncEnabled?: boolean | 'auto';
+    filterSyncEnabled?: boolean | Mode;
     /**
      * Specifies a filter expression.
      */
@@ -757,7 +842,7 @@ export interface ColumnChooser {
     /**
      * Specifies how a user manages columns using the column chooser.
      */
-    mode?: 'dragAndDrop' | 'select';
+    mode?: ColumnChooserMode;
     /**
      * Specifies a delay in milliseconds between when a user finishes typing in the column chooser&apos;s search panel, and when the search is executed.
      */
@@ -773,7 +858,7 @@ export interface ColumnChooser {
     /**
      * Specifies the sort order of column headers.
      */
-    sortOrder?: 'asc' | 'desc';
+    sortOrder?: SortOrder;
 }
 
 /**
@@ -837,7 +922,7 @@ export interface FilterRow {
     /**
      * Specifies when to apply a filter.
      */
-    applyFilter?: 'auto' | 'onClick';
+    applyFilter?: ApplyFilterMode;
     /**
      * Specifies text for a hint that appears when a user pauses on a button that applies the filter.
      */
@@ -985,11 +1070,11 @@ export interface KeyboardNavigation {
     /**
      * Specifies whether the Enter key switches the cell or row to the edit state or moves focus in the enterKeyDirection. Applies for all edit modes, except &apos;popup&apos;.
      */
-    enterKeyAction?: 'startEdit' | 'moveFocus';
+    enterKeyAction?: EnterKeyAction;
     /**
      * Specifies the direction in which to move focus when a user presses Enter. Applies if editing.mode is &apos;cell&apos; or &apos;batch&apos;.
      */
-    enterKeyDirection?: 'none' | 'column' | 'row';
+    enterKeyDirection?: EnterKeyDirection;
 }
 
 /**
@@ -999,7 +1084,7 @@ export interface LoadPanel {
     /**
      * Enables displaying the load panel automatically.
      */
-    enabled?: boolean | 'auto';
+    enabled?: boolean | Mode;
     /**
      * Specifies the height of the load panel in pixels.
      */
@@ -1041,11 +1126,11 @@ export interface Pager {
     /**
      * Specifies the available page sizes in the page size selector.
      */
-    allowedPageSizes?: Array<(number | 'all')> | 'auto';
+    allowedPageSizes?: Array<(number | PagerPageSize)> | Mode;
     /**
      * Specifies the pager&apos;s display mode.
      */
-    displayMode?: 'adaptive' | 'compact' | 'full';
+    displayMode?: PagerDisplayMode;
     /**
      * Specifies the page information text.
      */
@@ -1065,7 +1150,7 @@ export interface Pager {
     /**
      * Specifies whether the pager is visible.
      */
-    visible?: boolean | 'auto';
+    visible?: boolean | Mode;
 }
 
 /**
@@ -1121,7 +1206,7 @@ export interface Sorting {
     /**
      * Specifies the sorting mode.
      */
-    mode?: 'multiple' | 'none' | 'single';
+    mode?: SingleMultipleOrNone;
     /**
      * Specifies whether to display sort indexes in column headers. Applies only when sorting.mode is &apos;multiple&apos; and data is sorted by two or more columns.
      */
@@ -1155,7 +1240,7 @@ export interface StateStoring {
     /**
      * Specifies the type of storage where the state is saved.
      */
-    type?: 'custom' | 'localStorage' | 'sessionStorage';
+    type?: StateStoreType;
 }
 
 /**
@@ -1189,7 +1274,7 @@ export interface EditingBase<TRowData = any, TKey = any> {
     /**
      * Specifies how a user edits data.
      */
-    mode?: 'batch' | 'cell' | 'row' | 'form' | 'popup';
+    mode?: GridsEditMode;
     /**
      * Configures the popup. Used only if editing.mode is &apos;popup&apos;.
      */
@@ -1197,7 +1282,7 @@ export interface EditingBase<TRowData = any, TKey = any> {
     /**
      * Specifies operations that are performed after saving changes.
      */
-    refreshMode?: 'full' | 'reshape' | 'repaint';
+    refreshMode?: GridsEditRefreshMode;
     /**
      * Specifies whether to select text in a cell when a user starts editing.
      */
@@ -1205,7 +1290,7 @@ export interface EditingBase<TRowData = any, TKey = any> {
     /**
      * Specifies whether a single or double click should switch a cell to the editing state. Applies if editing.mode is &apos;cell&apos; or &apos;batch&apos;.
      */
-    startEditAction?: 'click' | 'dblClick';
+    startEditAction?: StartEditAction;
     /**
      * Contains properties that specify texts for editing-related UI elements.
      */
@@ -1228,7 +1313,7 @@ export interface DataChange<TRowData = any, TKey = any> {
     /**
      * Data change type.
      */
-    type: 'insert' | 'update' | 'remove';
+    type: DataChangeType;
     /**
      * An object with updated row fields.
      */
@@ -1330,7 +1415,7 @@ export interface ScrollingBase {
     /**
      * Specifies the rendering mode for columns. Applies when columns are left outside the viewport. Requires the columnWidth, columnAutoWidth, or width (for all columns) property specified.
      */
-    columnRenderingMode?: 'standard' | 'virtual';
+    columnRenderingMode?: DataRenderMode;
     /**
      * Specifies whether the UI component should load adjacent pages. Applies only if scrolling.mode is &apos;virtual&apos; or &apos;infinite&apos;.
      */
@@ -1338,7 +1423,7 @@ export interface ScrollingBase {
     /**
      * Specifies the rendering mode for loaded rows.
      */
-    rowRenderingMode?: 'standard' | 'virtual';
+    rowRenderingMode?: DataRenderMode;
     /**
      * Specifies whether a user can scroll the content with a swipe gesture. Applies only if useNative is false.
      */
@@ -1350,11 +1435,11 @@ export interface ScrollingBase {
     /**
      * Specifies when to show scrollbars. Applies only if useNative is false.
      */
-    showScrollbar?: 'always' | 'never' | 'onHover' | 'onScroll';
+    showScrollbar?: ScrollbarMode;
     /**
      * Specifies whether the widget should use native or simulated scrolling.
      */
-    useNative?: boolean | 'auto';
+    useNative?: boolean | Mode;
     /**
      * Specifies whether to render rows after a user stops scrolling or at the same time as the user scrolls the widget.
      */
@@ -1376,7 +1461,7 @@ export interface SelectionBase {
     /**
      * Specifies the selection mode.
      */
-    mode?: 'multiple' | 'none' | 'single';
+    mode?: SingleMultipleOrNone;
 }
 
 /**
@@ -1666,7 +1751,7 @@ export interface ColumnBase<TRowData = any> {
     /**
      * Aligns the content of the column.
      */
-    alignment?: 'center' | 'left' | 'right';
+    alignment?: HorizontalAlignment;
     /**
      * Specifies whether a user can edit values in the column at runtime. By default, inherits the value of the editing.allowUpdating property.
      */
@@ -1738,7 +1823,7 @@ export interface ColumnBase<TRowData = any> {
     /**
      * Casts column values to a specific data type.
      */
-    dataType?: 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime';
+    dataType?: DataType;
     /**
      * Configures the default UI component used for editing and filtering in the filter row.
      */
@@ -1754,11 +1839,11 @@ export interface ColumnBase<TRowData = any> {
     /**
      * Specifies available filter operations. Applies if allowFiltering is true and the filterRow and/or filterPanel are visible.
      */
-    filterOperations?: Array<'=' | '<>' | '<' | '<=' | '>' | '>=' | 'contains' | 'endswith' | 'isblank' | 'isnotblank' | 'notcontains' | 'startswith' | 'between' | 'anyof' | 'noneof'>;
+    filterOperations?: Array<FilterOperation | string>;
     /**
      * Specifies whether a user changes the current filter by including (selecting) or excluding (clearing the selection of) values. Applies only if headerFilter.visible and allowHeaderFiltering are true.
      */
-    filterType?: 'exclude' | 'include';
+    filterType?: FilterType;
     /**
      * Specifies the column&apos;s filter value displayed in the filter row.
      */
@@ -1774,7 +1859,7 @@ export interface ColumnBase<TRowData = any> {
     /**
      * Specifies the UI component&apos;s edge to which the column is fixed. Applies only if columns[].fixed is true.
      */
-    fixedPosition?: 'left' | 'right';
+    fixedPosition?: HorizontalEdge;
     /**
      * Configures the form item that the column produces in the editing state. Applies only if editing.mode is &apos;form&apos; or &apos;popup&apos;.
      */
@@ -1818,7 +1903,7 @@ export interface ColumnBase<TRowData = any> {
     /**
      * Specifies a filter operation that applies when users use the filter row to filter the column.
      */
-    selectedFilterOperation?: '<' | '<=' | '<>' | '=' | '>' | '>=' | 'between' | 'contains' | 'endswith' | 'notcontains' | 'startswith';
+    selectedFilterOperation?: SelectedFilterOperation;
     /**
      * Specifies a function to be invoked after the user has edited a cell value, but before it will be saved in the data source.
      */
@@ -1838,7 +1923,7 @@ export interface ColumnBase<TRowData = any> {
     /**
      * Specifies the sort order of column values.
      */
-    sortOrder?: 'asc' | 'desc';
+    sortOrder?: SortOrder;
     /**
      * Specifies a custom comparison function for sorting. Applies only when sorting is performed on the client.
      */
@@ -1880,7 +1965,7 @@ export interface ColumnHeaderFilter {
   /**
    * Specifies how the header filter combines values into groups. Does not apply if you specify a custom header filter data source.
    */
-  groupInterval?: 'day' | 'hour' | 'minute' | 'month' | 'quarter' | 'second' | 'year' | number;
+  groupInterval?: HeaderFilterGroupInterval | number;
   /**
    * Specifies the height of the popup menu containing filtering values.
    */
@@ -1888,7 +1973,7 @@ export interface ColumnHeaderFilter {
   /**
    * Specifies a comparison operation used to search header filter values.
    */
-  searchMode?: 'contains' | 'startswith' | 'equals';
+  searchMode?: SearchMode;
   /**
    * Specifies the width of the popup menu containing filtering values.
    */
@@ -2076,7 +2161,7 @@ export type ExportedEvent<TRowData = any, TKey = any> = EventInfo<dxDataGrid<TRo
 export type ExportingEvent<TRowData = any, TKey = any> = Cancelable & EventInfo<dxDataGrid<TRowData, TKey>> & {
   fileName?: string;
   selectedRowsOnly: boolean;
-  format: 'xlsx' | 'pdf' | string;
+  format: DataGridExportFormat | string;
 };
 
 export type FileSavingEvent<TRowData = any, TKey = any> = Cancelable & {
@@ -2456,7 +2541,7 @@ export interface dxDataGridOptions<TRowData = any, TKey = any> extends GridBaseO
        * Specifies whether or not summaries summaries are calculated on the server-side.
        */
       summary?: boolean;
-    } | 'auto';
+    } | Mode;
     /**
      * Specifies a custom template for rows.
      * @deprecated 
@@ -2494,11 +2579,11 @@ export interface dxDataGridOptions<TRowData = any, TKey = any> extends GridBaseO
 
 export type ExcelCellInfo<TRowData = any, TKey = any> = {
   readonly component: dxDataGrid<TRowData, TKey>;
-  horizontalAlignment?: 'center' | 'centerContinuous' | 'distributed' | 'fill' | 'general' | 'justify' | 'left' | 'right';
-  verticalAlignment?: 'bottom' | 'center' | 'distributed' | 'justify' | 'top';
+  horizontalAlignment?: ExcelCellHorizontalAlignment;
+  verticalAlignment?: ExcelCellVerticalAlignment;
   wrapTextEnabled?: boolean;
   backgroundColor?: string;
-  fillPatternType?: 'darkDown' | 'darkGray' | 'darkGrid' | 'darkHorizontal' | 'darkTrellis' | 'darkUp' | 'darkVertical' | 'gray0625' | 'gray125' | 'lightDown' | 'lightGray' | 'lightGrid' | 'lightHorizontal' | 'lightTrellis' | 'lightUp' | 'lightVertical' | 'mediumGray' | 'none' | 'solid';
+  fillPatternType?: ExcelCellPatternType;
   fillPatternColor?: string;
   font?: ExcelFont;
   readonly value?: string | number | Date;
@@ -2582,7 +2667,7 @@ export type GroupPanel = {
   /**
    * Specifies whether the group panel is visible or not.
    */
-  visible?: boolean | 'auto';
+  visible?: boolean | Mode;
 };
 
 export type Grouping = {
@@ -2601,7 +2686,7 @@ export type Grouping = {
   /**
    * Specifies the event on which a group will be expanded/collapsed.
    */
-  expandMode?: 'buttonClick' | 'rowClick';
+  expandMode?: GroupExpandMode;
   /**
    * Defines the texts of grouping-related visual elements.
    */
@@ -2657,7 +2742,7 @@ export interface dxDataGridSortByGroupSummaryInfoItem {
     /**
      * Specifies the sort order of group summary item values.
      */
-    sortOrder?: 'asc' | 'desc';
+    sortOrder?: SortOrder;
     /**
      * Specifies the group summary item whose values must be used to sort groups.
      */
@@ -2741,7 +2826,7 @@ export type SummaryGroupItem = {
     /**
      * Specifies how to aggregate data for the group summary item.
      */
-    summaryType?: 'avg' | 'count' | 'custom' | 'max' | 'min' | 'sum' | string;
+    summaryType?: SummaryType | string;
     /**
      * Specifies a summary item value&apos;s display format.
      */
@@ -2752,7 +2837,7 @@ export type SummaryTotalItem = {
   /**
    * Specifies the alignment of a summary item.
    */
-  alignment?: 'center' | 'left' | 'right';
+  alignment?: HorizontalAlignment;
   /**
    * Specifies the column that provides data for a summary item.
    */
@@ -2784,7 +2869,7 @@ export type SummaryTotalItem = {
   /**
    * Specifies how to aggregate data for the total summary item.
    */
-  summaryType?: 'avg' | 'count' | 'custom' | 'max' | 'min' | 'sum' | string;
+  summaryType?: SummaryType | string;
   /**
    * Specifies a summary item value&apos;s display format.
    */
@@ -2830,8 +2915,6 @@ export type SummaryTexts = {
     sumOtherColumn?: string;
 };
 
-type DefaultToolbarItemName = 'addRowButton' | 'applyFilterButton' | 'columnChooserButton' | 'exportButton' | 'groupPanel' | 'revertButton' | 'saveButton' | 'searchPanel';
-
 /**
  * @deprecated Attention! This type is for internal purposes only. If you used it previously, please describe your scenario in the following GitHub Issue, and we will suggest a public alternative: {@link https://github.com/DevExpress/DevExtreme/issues/17885|Internal Types}.
  */
@@ -2849,11 +2932,11 @@ export interface ToolbarItem extends dxToolbarItem {
   /**
    * A name used to identify the toolbar item.
    */
-  name?: DefaultToolbarItemName | string;
+  name?: DataGridPredefinedToolbarItem | string;
   /**
    * Specifies a location for the item on the toolbar.
    */
-  location?: 'after' | 'before' | 'center';
+  location?: ToolbarItemLocation;
 }
 
 /**
@@ -2863,7 +2946,7 @@ export type Toolbar = {
   /**
    * Configures toolbar items.
    */
-  items?: Array<DefaultToolbarItemName | ToolbarItem>;
+  items?: Array<DataGridPredefinedToolbarItem | ToolbarItem>;
   /**
    * Specifies whether the toolbar is visible.
    */
@@ -2899,7 +2982,7 @@ export type Editing<TRowData = any, TKey = any> = EditingBase<TRowData, TKey> &
     /**
      * Specifies a position for a new row.
      */
-    newRowPosition?: 'first' | 'last' | 'pageBottom' | 'pageTop' | 'viewportBottom' | 'viewportTop';
+    newRowPosition?: NewRowPosition;
 };
 
 /**
@@ -2911,7 +2994,7 @@ export type Scrolling = ScrollingBase & {
     /**
      * Specifies the scrolling mode.
      */
-    mode?: 'infinite' | 'standard' | 'virtual';
+    mode?: DataGridScrollMode;
 };
 
 /**
@@ -2927,11 +3010,11 @@ export type Selection = SelectionBase & {
     /**
      * Specifies the mode in which all the records are selected. Applies only if selection.allowSelectAll is true.
      */
-    selectAllMode?: 'allPages' | 'page';
+    selectAllMode?: SelectAllMode;
     /**
      * Specifies when to display the selection column and row selection checkboxes. Applies only if selection.mode is &apos;multiple&apos;.
      */
-    showCheckBoxesMode?: 'always' | 'none' | 'onClick' | 'onLongTap';
+    showCheckBoxesMode?: SelectionColumnDisplayMode;
 };
 /**
  * The DataGrid is a UI component that represents data from a local or remote source in the form of a grid. This UI component offers such basic features as sorting, grouping, filtering, as well as more advanced capabilities, like state storing, client-side exporting, master-detail interface, and many others.
@@ -3097,7 +3180,7 @@ export interface dxDataGridColumn<TRowData = any, TKey = any> extends ColumnBase
     /**
      * Allows you to customize buttons in the edit column or create a custom command column. Applies only if the column&apos;s type is &apos;buttons&apos;.
      */
-    buttons?: Array<'cancel' | 'delete' | 'edit' | 'save' | 'undelete' | ColumnButton<TRowData, TKey>>;
+    buttons?: Array<DataGridPredefinedColumnButton | ColumnButton<TRowData, TKey>>;
     /**
      * Sets custom column values used to group grid records.
      */
@@ -3133,7 +3216,7 @@ export interface dxDataGridColumn<TRowData = any, TKey = any> extends ColumnBase
     /**
      * Specifies the command column that this object customizes.
      */
-    type?: 'adaptive' | 'buttons' | 'detailExpand' | 'groupExpand' | 'selection' | 'drag';
+    type?: DataGridCommandColumnType;
 }
 
 export type ColumnButton<TRowData = any, TKey = any> = dxDataGridColumnButton<TRowData, TKey>;
@@ -3145,7 +3228,7 @@ export interface dxDataGridColumnButton<TRowData = any, TKey = any> extends Colu
     /**
      * The name used to identify a built-in button.
      */
-    name?: 'cancel' | 'delete' | 'edit' | 'save' | 'undelete' | string;
+    name?: DataGridPredefinedColumnButton | string;
     /**
      * A function that is executed when the button is clicked or tapped.
      */

package/ui/date_box.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExtreme (ui/date_box.d.ts)
-* Version: 22.1.2
-* Build date: Tue May 17 2022
+* Version: 22.1.3
+* Build date: Mon Jun 13 2022
 *
 * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -35,6 +35,9 @@ import {
     Properties as PopupProperties,
 } from './popup';
 
+export type DateType = 'date' | 'datetime' | 'time';
+export type DatePickerType = 'calendar' | 'list' | 'native' | 'rollers';
+
 export type ChangeEvent = NativeEventInfo<dxDateBox, Event>;
 
 export type ClosedEvent = EventInfo<dxDateBox>;
@@ -55,7 +58,7 @@ export type FocusOutEvent = NativeEventInfo<dxDateBox, FocusEvent>;
 
 export type InitializedEvent = InitializedEventInfo<dxDateBox>;
 
-export type InputEvent = NativeEventInfo<dxDateBox, UIEvent>;
+export type InputEvent = NativeEventInfo<dxDateBox, UIEvent & { target: HTMLInputElement }>;
 
 export type KeyDownEvent = NativeEventInfo<dxDateBox, KeyboardEvent>;
 
@@ -131,7 +134,7 @@ export interface dxDateBoxOptions extends dxDropDownEditorOptions<dxDateBox> {
     /**
      * Specifies the type of the date/time picker.
      */
-    pickerType?: 'calendar' | 'list' | 'native' | 'rollers';
+    pickerType?: DatePickerType;
     /**
      * Specifies a placeholder for the input field.
      */
@@ -143,7 +146,7 @@ export interface dxDateBoxOptions extends dxDropDownEditorOptions<dxDateBox> {
     /**
      * A format used to display date/time information.
      */
-    type?: 'date' | 'datetime' | 'time';
+    type?: DateType;
     /**
      * Specifies whether to control user input using a mask created based on the displayFormat.
      */

package/ui/defer_rendering.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExtreme (ui/defer_rendering.d.ts)
-* Version: 22.1.2
-* Build date: Tue May 17 2022
+* Version: 22.1.3
+* Build date: Mon Jun 13 2022
 *
 * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/