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

package/cjs/chart.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,12 +16,11 @@ import dxChart, { Properties } from "devextreme/viz/chart";
 import { Component as BaseComponent, IHtmlOptions } from "./core/component";
 import NestedOption from "./core/nested-option";
 import type { ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, PointClickEvent, SeriesClickEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, chartPointAggregationInfoObject, chartSeriesObject, dxChartAnnotationConfig, chartPointObject } from "devextreme/viz/chart";
+import type { Font as ChartsFont, ScaleBreak, ChartsColor } from "devextreme/common/charts";
 import type { template } from "devextreme/core/templates/template";
-import type { ScaleBreak, ChartsColor } from "devextreme/common/charts";
 import type { BaseChartLegendItem } from "devextreme/viz/chart_components/base_chart";
 import type { ChartSeries } from "devextreme/viz/common";
 import type * as CommonChartTypes from "devextreme/common/charts";
-import type * as BaseWidgetTypes from "devextreme/viz/core/base_widget";
 import type * as LocalizationTypes from "devextreme/localization";
 declare type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
@@ -203,7 +202,7 @@ declare class Animation extends NestedOption<IAnimationProps> {
 }
 declare type IAnnotationProps = React.PropsWithChildren<{
     allowDragging?: boolean;
-    argument?: any | number | string;
+    argument?: Date | number | string;
     arrowLength?: number;
     arrowWidth?: number;
     axis?: string;
@@ -219,7 +218,7 @@ declare type IAnnotationProps = React.PropsWithChildren<{
     customizeTooltip?: ((annotation: dxChartAnnotationConfig | any) => Record<string, any>);
     data?: any;
     description?: string;
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     height?: number;
     image?: Record<string, any> | string | {
         height?: number;
@@ -246,7 +245,7 @@ declare type IAnnotationProps = React.PropsWithChildren<{
     tooltipEnabled?: boolean;
     tooltipTemplate?: ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | template;
     type?: "text" | "image" | "custom";
-    value?: any | number | string;
+    value?: Date | number | string;
     width?: number;
     wordWrap?: "normal" | "breakWord" | "none";
     x?: number;
@@ -332,15 +331,15 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
     argumentType?: "datetime" | "numeric" | "string";
     axisDivisionFactor?: number;
     breaks?: Array<ScaleBreak> | {
-        endValue?: any | number | string;
-        startValue?: any | number | string;
+        endValue?: Date | number | string;
+        startValue?: Date | number | string;
     }[];
     breakStyle?: Record<string, any> | {
         color?: string;
         line?: "straight" | "waved";
         width?: number;
     };
-    categories?: Array<any | number | string>;
+    categories?: Array<Date | number | string>;
     color?: string;
     constantLines?: Array<Record<string, any>> | {
         color?: string;
@@ -348,7 +347,7 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
         displayBehindSeries?: boolean;
         extendAxis?: boolean;
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             position?: "inside" | "outside";
             text?: string;
@@ -357,14 +356,14 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
         };
         paddingLeftRight?: number;
         paddingTopBottom?: number;
-        value?: any | number | string;
+        value?: Date | number | string;
         width?: number;
     }[];
     constantLineStyle?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             position?: "inside" | "outside";
             verticalAlignment?: "bottom" | "center" | "top";
@@ -374,7 +373,7 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
         paddingTopBottom?: number;
         width?: number;
     };
-    customPosition?: any | number | string;
+    customPosition?: Date | number | string;
     customPositionAxis?: string;
     discreteAxisDivisionMode?: "betweenLabels" | "crossLabels";
     endOnTick?: boolean;
@@ -384,21 +383,21 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
         visible?: boolean;
         width?: number;
     };
-    holidays?: Array<any | string> | Array<number>;
+    holidays?: Array<Date | string> | Array<number>;
     hoverMode?: "allArgumentPoints" | "none";
     inverted?: boolean;
     label?: Record<string, any> | {
         alignment?: "center" | "left" | "right";
         customizeHint?: ((argument: {
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }) => string);
         customizeText?: ((argument: {
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }) => string);
         displayMode?: "rotate" | "stagger" | "standard";
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         indentFromAxis?: number;
         overlappingBehavior?: "rotate" | "stagger" | "none" | "hide";
@@ -406,7 +405,7 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
         rotationAngle?: number;
         staggeringSpacing?: number;
         template?: ((data: {
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }, element: any) => string | any) | template;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -458,23 +457,23 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
     opacity?: number;
     placeholderSize?: number;
     position?: "bottom" | "left" | "right" | "top";
-    singleWorkdays?: Array<any | string> | Array<number>;
+    singleWorkdays?: Array<Date | string> | Array<number>;
     strips?: Array<Record<string, any>> | {
         color?: string;
-        endValue?: any | number | string;
+        endValue?: Date | number | string;
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             text?: string;
             verticalAlignment?: "bottom" | "center" | "top";
         };
         paddingLeftRight?: number;
         paddingTopBottom?: number;
-        startValue?: any | number | string;
+        startValue?: Date | number | string;
     }[];
     stripStyle?: Record<string, any> | {
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             verticalAlignment?: "bottom" | "center" | "top";
         };
@@ -502,7 +501,7 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
     };
     title?: Record<string, any> | string | {
         alignment?: "center" | "left" | "right";
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         margin?: number;
         text?: string;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -511,16 +510,16 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
     type?: "continuous" | "discrete" | "logarithmic";
     valueMarginsEnabled?: boolean;
     visible?: boolean;
-    visualRange?: Array<any | number | string> | CommonChartTypes.VisualRange;
+    visualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
     visualRangeUpdateMode?: "auto" | "keep" | "reset" | "shift";
-    wholeRange?: Array<any | number | string> | CommonChartTypes.VisualRange;
+    wholeRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
     width?: number;
     workdaysOnly?: boolean;
     workWeek?: Array<number>;
-    defaultCategories?: Array<any | number | string>;
-    onCategoriesChange?: (value: Array<any | number | string>) => void;
-    defaultVisualRange?: Array<any | number | string> | CommonChartTypes.VisualRange;
-    onVisualRangeChange?: (value: Array<any | number | string> | CommonChartTypes.VisualRange) => void;
+    defaultCategories?: Array<Date | number | string>;
+    onCategoriesChange?: (value: Array<Date | number | string>) => void;
+    defaultVisualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
+    onVisualRangeChange?: (value: Array<Date | number | string> | CommonChartTypes.VisualRange) => void;
 }>;
 declare class ArgumentAxis extends NestedOption<IArgumentAxisProps> {
     static OptionName: string;
@@ -617,8 +616,8 @@ declare class ArgumentAxis extends NestedOption<IArgumentAxisProps> {
 }
 declare type IArgumentFormatProps = 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;
@@ -630,7 +629,7 @@ declare type IAxisConstantLineStyleProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         horizontalAlignment?: "center" | "left" | "right";
         position?: "inside" | "outside";
         verticalAlignment?: "bottom" | "center" | "top";
@@ -644,7 +643,7 @@ declare class AxisConstantLineStyle extends NestedOption<IAxisConstantLineStyleP
     static OptionName: string;
 }
 declare type IAxisConstantLineStyleLabelProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     position?: "inside" | "outside";
     verticalAlignment?: "bottom" | "center" | "top";
@@ -656,15 +655,15 @@ declare class AxisConstantLineStyleLabel extends NestedOption<IAxisConstantLineS
 declare type IAxisLabelProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     customizeHint?: ((argument: {
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }) => string);
     customizeText?: ((argument: {
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }) => string);
     displayMode?: "rotate" | "stagger" | "standard";
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     format?: LocalizationTypes.Format;
     indentFromAxis?: number;
     overlappingBehavior?: "rotate" | "stagger" | "none" | "hide";
@@ -672,7 +671,7 @@ declare type IAxisLabelProps = React.PropsWithChildren<{
     rotationAngle?: number;
     staggeringSpacing?: number;
     template?: ((data: {
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }, element: any) => string | any) | template;
     textOverflow?: "ellipsis" | "hide" | "none";
@@ -693,7 +692,7 @@ declare class AxisLabel extends NestedOption<IAxisLabelProps> {
 }
 declare type IAxisTitleProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     margin?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
@@ -725,8 +724,8 @@ declare class Border extends NestedOption<IBorderProps> {
     static OptionName: string;
 }
 declare type IBreakProps = React.PropsWithChildren<{
-    endValue?: any | number | string;
-    startValue?: any | number | string;
+    endValue?: Date | number | string;
+    startValue?: Date | number | string;
 }>;
 declare class Break extends NestedOption<IBreakProps> {
     static OptionName: string;
@@ -741,7 +740,7 @@ declare class BreakStyle extends NestedOption<IBreakStyleProps> {
     static OptionName: string;
 }
 declare type IChartTitleProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: number | Record<string, any> | {
         bottom?: number;
@@ -751,7 +750,7 @@ declare type IChartTitleProps = React.PropsWithChildren<{
     };
     placeholderSize?: number;
     subtitle?: Record<string, any> | string | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         offset?: number;
         text?: string;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -784,7 +783,7 @@ declare class ChartTitle extends NestedOption<IChartTitleProps> {
     };
 }
 declare type IChartTitleSubtitleProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     offset?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
@@ -808,7 +807,7 @@ declare class Color extends NestedOption<IColorProps> {
 }
 declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     allowDragging?: boolean;
-    argument?: any | number | string;
+    argument?: Date | number | string;
     arrowLength?: number;
     arrowWidth?: number;
     axis?: string;
@@ -824,7 +823,7 @@ declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     customizeTooltip?: ((annotation: dxChartAnnotationConfig | any) => Record<string, any>);
     data?: any;
     description?: string;
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     height?: number;
     image?: Record<string, any> | string | {
         height?: number;
@@ -850,7 +849,7 @@ declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     tooltipEnabled?: boolean;
     tooltipTemplate?: ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | template;
     type?: "text" | "image" | "custom";
-    value?: any | number | string;
+    value?: Date | number | string;
     width?: number;
     wordWrap?: "normal" | "breakWord" | "none";
     x?: number;
@@ -884,7 +883,7 @@ declare type ICommonAxisSettingsProps = React.PropsWithChildren<{
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             position?: "inside" | "outside";
             visible?: boolean;
         };
@@ -904,14 +903,14 @@ declare type ICommonAxisSettingsProps = React.PropsWithChildren<{
     label?: Record<string, any> | {
         alignment?: "center" | "left" | "right";
         displayMode?: "rotate" | "stagger" | "standard";
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         indentFromAxis?: number;
         overlappingBehavior?: "rotate" | "stagger" | "none" | "hide";
         position?: "inside" | "outside" | "bottom" | "left" | "right" | "top";
         rotationAngle?: number;
         staggeringSpacing?: number;
         template?: ((data: {
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }, element: any) => string | any) | template;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -938,7 +937,7 @@ declare type ICommonAxisSettingsProps = React.PropsWithChildren<{
     placeholderSize?: number;
     stripStyle?: Record<string, any> | {
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             verticalAlignment?: "bottom" | "center" | "top";
         };
@@ -955,7 +954,7 @@ declare type ICommonAxisSettingsProps = React.PropsWithChildren<{
     };
     title?: Record<string, any> | {
         alignment?: "center" | "left" | "right";
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         margin?: number;
         textOverflow?: "ellipsis" | "hide" | "none";
         wordWrap?: "normal" | "breakWord" | "none";
@@ -997,7 +996,7 @@ declare type ICommonAxisSettingsConstantLineStyleProps = React.PropsWithChildren
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         position?: "inside" | "outside";
         visible?: boolean;
     };
@@ -1019,7 +1018,7 @@ declare class CommonAxisSettingsConstantLineStyle extends NestedOption<ICommonAx
     };
 }
 declare type ICommonAxisSettingsConstantLineStyleLabelProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     position?: "inside" | "outside";
     visible?: boolean;
 }>;
@@ -1029,14 +1028,14 @@ declare class CommonAxisSettingsConstantLineStyleLabel extends NestedOption<ICom
 declare type ICommonAxisSettingsLabelProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     displayMode?: "rotate" | "stagger" | "standard";
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     indentFromAxis?: number;
     overlappingBehavior?: "rotate" | "stagger" | "none" | "hide";
     position?: "inside" | "outside" | "bottom" | "left" | "right" | "top";
     rotationAngle?: number;
     staggeringSpacing?: number;
     template?: ((data: {
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }, element: any) => string | any) | template;
     textOverflow?: "ellipsis" | "hide" | "none";
@@ -1057,7 +1056,7 @@ declare class CommonAxisSettingsLabel extends NestedOption<ICommonAxisSettingsLa
 }
 declare type ICommonAxisSettingsTitleProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     margin?: number;
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
@@ -1165,7 +1164,7 @@ declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{
         };
         customizeText?: ((pointInfo: any) => string);
         displayFormat?: string;
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         horizontalOffset?: number;
         position?: "inside" | "outside";
@@ -1397,7 +1396,7 @@ declare type ICommonSeriesSettingsLabelProps = React.PropsWithChildren<{
     };
     customizeText?: ((pointInfo: any) => string);
     displayFormat?: string;
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     format?: LocalizationTypes.Format;
     horizontalOffset?: number;
     position?: "inside" | "outside";
@@ -1488,7 +1487,7 @@ declare type IConstantLineProps = React.PropsWithChildren<{
     displayBehindSeries?: boolean;
     extendAxis?: boolean;
     label?: Record<string, any> | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         horizontalAlignment?: "center" | "left" | "right";
         position?: "inside" | "outside";
         text?: string;
@@ -1497,7 +1496,7 @@ declare type IConstantLineProps = React.PropsWithChildren<{
     };
     paddingLeftRight?: number;
     paddingTopBottom?: number;
-    value?: any | number | string;
+    value?: Date | number | string;
     width?: number;
 }>;
 declare class ConstantLine extends NestedOption<IConstantLineProps> {
@@ -1505,7 +1504,7 @@ declare class ConstantLine extends NestedOption<IConstantLineProps> {
     static IsCollectionItem: boolean;
 }
 declare type IConstantLineLabelProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     position?: "inside" | "outside";
     text?: string;
@@ -1519,7 +1518,7 @@ declare type IConstantLineStyleProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         horizontalAlignment?: "center" | "left" | "right";
         position?: "inside" | "outside";
         verticalAlignment?: "bottom" | "center" | "top";
@@ -1543,10 +1542,10 @@ declare type ICrosshairProps = React.PropsWithChildren<{
             backgroundColor?: string;
             customizeText?: ((info: {
                 point: chartPointObject;
-                value: any | number | string;
+                value: Date | number | string;
                 valueText: string;
             }) => string);
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             format?: LocalizationTypes.Format;
             visible?: boolean;
         };
@@ -1558,10 +1557,10 @@ declare type ICrosshairProps = React.PropsWithChildren<{
         backgroundColor?: string;
         customizeText?: ((info: {
             point: chartPointObject;
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }) => string);
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         visible?: boolean;
     };
@@ -1573,10 +1572,10 @@ declare type ICrosshairProps = React.PropsWithChildren<{
             backgroundColor?: string;
             customizeText?: ((info: {
                 point: chartPointObject;
-                value: any | number | string;
+                value: Date | number | string;
                 valueText: string;
             }) => string);
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             format?: LocalizationTypes.Format;
             visible?: boolean;
         };
@@ -1646,8 +1645,8 @@ declare class Font extends NestedOption<IFontProps> {
 }
 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;
@@ -1687,10 +1686,10 @@ declare type IHorizontalLineProps = React.PropsWithChildren<{
         backgroundColor?: string;
         customizeText?: ((info: {
             point: chartPointObject;
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }) => string);
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         visible?: boolean;
     };
@@ -1715,10 +1714,10 @@ declare type IHorizontalLineLabelProps = React.PropsWithChildren<{
     backgroundColor?: string;
     customizeText?: ((info: {
         point: chartPointObject;
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }) => string);
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     format?: LocalizationTypes.Format;
     visible?: boolean;
 }>;
@@ -1765,7 +1764,7 @@ declare class Image extends NestedOption<IImageProps> {
     static OptionName: string;
 }
 declare type ILabelProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     position?: "inside" | "outside" | "bottom" | "left" | "right" | "top";
     verticalAlignment?: "bottom" | "center" | "top";
@@ -1773,11 +1772,11 @@ declare type ILabelProps = React.PropsWithChildren<{
     text?: string;
     alignment?: "center" | "left" | "right";
     customizeHint?: ((argument: {
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }) => string);
     customizeText?: ((argument: {
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }) => string);
     displayMode?: "rotate" | "stagger" | "standard";
@@ -1787,7 +1786,7 @@ declare type ILabelProps = React.PropsWithChildren<{
     rotationAngle?: number;
     staggeringSpacing?: number;
     template?: ((data: {
-        value: any | number | string;
+        value: Date | number | string;
         valueText: string;
     }, element: any) => string | any) | template;
     textOverflow?: "ellipsis" | "hide" | "none";
@@ -1845,7 +1844,7 @@ declare type ILegendProps = React.PropsWithChildren<{
         seriesIndex: number;
         seriesName: any;
     }) => string);
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     hoverMode?: "excludePoints" | "includePoints" | "none";
     itemsAlignment?: "center" | "left" | "right";
@@ -1865,7 +1864,7 @@ declare type ILegendProps = React.PropsWithChildren<{
     rowCount?: number;
     rowItemSpacing?: number;
     title?: Record<string, any> | string | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         horizontalAlignment?: "center" | "left" | "right";
         margin?: Record<string, any> | {
             bottom?: number;
@@ -1875,7 +1874,7 @@ declare type ILegendProps = React.PropsWithChildren<{
         };
         placeholderSize?: number;
         subtitle?: Record<string, any> | string | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             offset?: number;
             text?: string;
         };
@@ -1924,7 +1923,7 @@ declare class Legend extends NestedOption<ILegendProps> {
     }[];
 }
 declare type ILegendTitleProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: Record<string, any> | {
         bottom?: number;
@@ -1934,7 +1933,7 @@ declare type ILegendTitleProps = React.PropsWithChildren<{
     };
     placeholderSize?: number;
     subtitle?: Record<string, any> | string | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         offset?: number;
         text?: string;
     };
@@ -1963,7 +1962,7 @@ declare class LegendTitle extends NestedOption<ILegendTitleProps> {
     };
 }
 declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     offset?: number;
     text?: string;
 }>;
@@ -1993,7 +1992,7 @@ declare class Length extends NestedOption<ILengthProps> {
 declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: string;
     enabled?: boolean;
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     show?: boolean;
     text?: string;
     defaultShow?: boolean;
@@ -2379,7 +2378,7 @@ declare type ISeriesProps = React.PropsWithChildren<{
         };
         customizeText?: ((pointInfo: any) => string);
         displayFormat?: string;
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         horizontalOffset?: number;
         position?: "inside" | "outside";
@@ -2525,23 +2524,23 @@ declare class Size extends NestedOption<ISizeProps> {
 }
 declare type IStripProps = React.PropsWithChildren<{
     color?: string;
-    endValue?: any | number | string;
+    endValue?: Date | number | string;
     label?: Record<string, any> | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         horizontalAlignment?: "center" | "left" | "right";
         text?: string;
         verticalAlignment?: "bottom" | "center" | "top";
     };
     paddingLeftRight?: number;
     paddingTopBottom?: number;
-    startValue?: any | number | string;
+    startValue?: Date | number | string;
 }>;
 declare class Strip extends NestedOption<IStripProps> {
     static OptionName: string;
     static IsCollectionItem: boolean;
 }
 declare type IStripLabelProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     text?: string;
     verticalAlignment?: "bottom" | "center" | "top";
@@ -2551,7 +2550,7 @@ declare class StripLabel extends NestedOption<IStripLabelProps> {
 }
 declare type IStripStyleProps = React.PropsWithChildren<{
     label?: Record<string, any> | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         horizontalAlignment?: "center" | "left" | "right";
         verticalAlignment?: "bottom" | "center" | "top";
     };
@@ -2572,7 +2571,7 @@ declare class StripStyle extends NestedOption<IStripStyleProps> {
     };
 }
 declare type IStripStyleLabelProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     verticalAlignment?: "bottom" | "center" | "top";
 }>;
@@ -2580,7 +2579,7 @@ declare class StripStyleLabel extends NestedOption<IStripStyleLabelProps> {
     static OptionName: string;
 }
 declare type ISubtitleProps = React.PropsWithChildren<{
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     offset?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
@@ -2616,7 +2615,7 @@ declare class TickInterval extends NestedOption<ITickIntervalProps> {
 }
 declare type ITitleProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     margin?: number | Record<string, any> | {
         bottom?: number;
         left?: number;
@@ -2629,7 +2628,7 @@ declare type ITitleProps = React.PropsWithChildren<{
     horizontalAlignment?: "center" | "left" | "right";
     placeholderSize?: number;
     subtitle?: Record<string, any> | string | {
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         offset?: number;
         text?: string;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -2656,7 +2655,7 @@ declare type ITooltipProps = React.PropsWithChildren<{
     cornerRadius?: number;
     customizeTooltip?: ((pointInfo: any) => Record<string, any>);
     enabled?: boolean;
-    font?: BaseWidgetTypes.Font;
+    font?: ChartsFont;
     format?: LocalizationTypes.Format;
     interactive?: boolean;
     location?: "center" | "edge";
@@ -2734,15 +2733,15 @@ declare type IValueAxisProps = React.PropsWithChildren<{
     autoBreaksEnabled?: boolean;
     axisDivisionFactor?: number;
     breaks?: Array<ScaleBreak> | {
-        endValue?: any | number | string;
-        startValue?: any | number | string;
+        endValue?: Date | number | string;
+        startValue?: Date | number | string;
     }[];
     breakStyle?: Record<string, any> | {
         color?: string;
         line?: "straight" | "waved";
         width?: number;
     };
-    categories?: Array<any | number | string>;
+    categories?: Array<Date | number | string>;
     color?: string;
     constantLines?: Array<Record<string, any>> | {
         color?: string;
@@ -2750,7 +2749,7 @@ declare type IValueAxisProps = React.PropsWithChildren<{
         displayBehindSeries?: boolean;
         extendAxis?: boolean;
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             position?: "inside" | "outside";
             text?: string;
@@ -2759,14 +2758,14 @@ declare type IValueAxisProps = React.PropsWithChildren<{
         };
         paddingLeftRight?: number;
         paddingTopBottom?: number;
-        value?: any | number | string;
+        value?: Date | number | string;
         width?: number;
     }[];
     constantLineStyle?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             position?: "inside" | "outside";
             verticalAlignment?: "bottom" | "center" | "top";
@@ -2776,7 +2775,7 @@ declare type IValueAxisProps = React.PropsWithChildren<{
         paddingTopBottom?: number;
         width?: number;
     };
-    customPosition?: any | number | string;
+    customPosition?: Date | number | string;
     discreteAxisDivisionMode?: "betweenLabels" | "crossLabels";
     endOnTick?: boolean;
     grid?: Record<string, any> | {
@@ -2789,15 +2788,15 @@ declare type IValueAxisProps = React.PropsWithChildren<{
     label?: Record<string, any> | {
         alignment?: "center" | "left" | "right";
         customizeHint?: ((axisValue: {
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }) => string);
         customizeText?: ((axisValue: {
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }) => string);
         displayMode?: "rotate" | "stagger" | "standard";
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         indentFromAxis?: number;
         overlappingBehavior?: "rotate" | "stagger" | "none" | "hide";
@@ -2805,7 +2804,7 @@ declare type IValueAxisProps = React.PropsWithChildren<{
         rotationAngle?: number;
         staggeringSpacing?: number;
         template?: ((data: {
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }, element: any) => string | any) | template;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -2864,20 +2863,20 @@ declare type IValueAxisProps = React.PropsWithChildren<{
     showZero?: boolean;
     strips?: Array<Record<string, any>> | {
         color?: string;
-        endValue?: any | number | string;
+        endValue?: Date | number | string;
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             text?: string;
             verticalAlignment?: "bottom" | "center" | "top";
         };
         paddingLeftRight?: number;
         paddingTopBottom?: number;
-        startValue?: any | number | string;
+        startValue?: Date | number | string;
     }[];
     stripStyle?: Record<string, any> | {
         label?: Record<string, any> | {
-            font?: BaseWidgetTypes.Font;
+            font?: ChartsFont;
             horizontalAlignment?: "center" | "left" | "right";
             verticalAlignment?: "bottom" | "center" | "top";
         };
@@ -2906,7 +2905,7 @@ declare type IValueAxisProps = React.PropsWithChildren<{
     };
     title?: Record<string, any> | string | {
         alignment?: "center" | "left" | "right";
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         margin?: number;
         text?: string;
         textOverflow?: "ellipsis" | "hide" | "none";
@@ -2916,14 +2915,14 @@ declare type IValueAxisProps = React.PropsWithChildren<{
     valueMarginsEnabled?: boolean;
     valueType?: "datetime" | "numeric" | "string";
     visible?: boolean;
-    visualRange?: Array<any | number | string> | CommonChartTypes.VisualRange;
+    visualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
     visualRangeUpdateMode?: "auto" | "keep" | "reset" | "shift";
-    wholeRange?: Array<any | number | string> | CommonChartTypes.VisualRange;
+    wholeRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
     width?: number;
-    defaultCategories?: Array<any | number | string>;
-    onCategoriesChange?: (value: Array<any | number | string>) => void;
-    defaultVisualRange?: Array<any | number | string> | CommonChartTypes.VisualRange;
-    onVisualRangeChange?: (value: Array<any | number | string> | CommonChartTypes.VisualRange) => void;
+    defaultCategories?: Array<Date | number | string>;
+    onCategoriesChange?: (value: Array<Date | number | string>) => void;
+    defaultVisualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
+    onVisualRangeChange?: (value: Array<Date | number | string> | CommonChartTypes.VisualRange) => void;
 }>;
 declare class ValueAxis extends NestedOption<IValueAxisProps> {
     static OptionName: string;
@@ -3012,10 +3011,10 @@ declare type IVerticalLineProps = React.PropsWithChildren<{
         backgroundColor?: string;
         customizeText?: ((info: {
             point: chartPointObject;
-            value: any | number | string;
+            value: Date | number | string;
             valueText: string;
         }) => string);
-        font?: BaseWidgetTypes.Font;
+        font?: ChartsFont;
         format?: LocalizationTypes.Format;
         visible?: boolean;
     };
@@ -3037,7 +3036,7 @@ declare class VerticalLine extends NestedOption<IVerticalLineProps> {
     };
 }
 declare type IVisualRangeProps = React.PropsWithChildren<{
-    endValue?: any | number | string;
+    endValue?: Date | number | string;
     length?: number | Record<string, any> | "day" | "hour" | "millisecond" | "minute" | "month" | "quarter" | "second" | "week" | "year" | {
         days?: number;
         hours?: number;
@@ -3049,11 +3048,11 @@ declare type IVisualRangeProps = React.PropsWithChildren<{
         weeks?: number;
         years?: number;
     };
-    startValue?: any | number | string;
-    defaultEndValue?: any | number | string;
-    onEndValueChange?: (value: any | number | string) => void;
-    defaultStartValue?: any | number | string;
-    onStartValueChange?: (value: any | number | string) => void;
+    startValue?: Date | number | string;
+    defaultEndValue?: Date | number | string;
+    onEndValueChange?: (value: Date | number | string) => void;
+    defaultStartValue?: Date | number | string;
+    onStartValueChange?: (value: Date | number | string) => void;
 }>;
 declare class VisualRange extends NestedOption<IVisualRangeProps> {
     static OptionName: string;
@@ -3063,7 +3062,7 @@ declare class VisualRange extends NestedOption<IVisualRangeProps> {
     };
 }
 declare type IWholeRangeProps = React.PropsWithChildren<{
-    endValue?: any | number | string;
+    endValue?: Date | number | string;
     length?: number | Record<string, any> | "day" | "hour" | "millisecond" | "minute" | "month" | "quarter" | "second" | "week" | "year" | {
         days?: number;
         hours?: number;
@@ -3075,11 +3074,11 @@ declare type IWholeRangeProps = React.PropsWithChildren<{
         weeks?: number;
         years?: number;
     };
-    startValue?: any | number | string;
-    defaultEndValue?: any | number | string;
-    onEndValueChange?: (value: any | number | string) => void;
-    defaultStartValue?: any | number | string;
-    onStartValueChange?: (value: any | number | string) => void;
+    startValue?: Date | number | string;
+    defaultEndValue?: Date | number | string;
+    onEndValueChange?: (value: Date | number | string) => void;
+    defaultStartValue?: Date | number | string;
+    onStartValueChange?: (value: Date | number | string) => void;
 }>;
 declare class WholeRange extends NestedOption<IWholeRangeProps> {
     static OptionName: string;