diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.html b/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.html
index 7332c6b1ef8a..d7aa8f2800c2 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.html
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.html
@@ -98,7 +98,7 @@
     <dx-text-box
       label="Phone"
       [inputAttr]="{ 'aria-label': 'Phone' }"
-      mask="+1 (000) 000-0000"
+      mask="(X00) 000-0000"
       id="phone"
       [maskRules]="phoneRules"
       [stylingMode]="stylingMode"
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/React/App.tsx b/apps/demos/Demos/Common/EditorAppearanceVariants/React/App.tsx
index 7a0284dff814..7c8abd7b00e3 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/React/App.tsx
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/React/App.tsx
@@ -159,7 +159,7 @@ export default function App() {
         <TextBox
           id="phone"
           stylingMode={stylingMode}
-          mask="+1 (000) 000-0000"
+          mask="(X00) 000-0000"
           inputAttr={phoneLabel}
           maskRules={phoneRules}
           label="Phone"
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/App.js b/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/App.js
index 1f5d7487d83f..f047e5f1334e 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/App.js
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/ReactJs/App.js
@@ -141,7 +141,7 @@ export default function App() {
         <TextBox
           id="phone"
           stylingMode={stylingMode}
-          mask="+1 (000) 000-0000"
+          mask="(X00) 000-0000"
           inputAttr={phoneLabel}
           maskRules={phoneRules}
           label="Phone"
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/App.vue b/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/App.vue
index c7551e6eccec..f4d3b166910b 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/App.vue
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/Vue/App.vue
@@ -97,7 +97,7 @@
         :mask-rules="phoneRules"
         :input-attr="{ 'aria-label': 'Phone' }"
         id="phone"
-        mask="+1 (000) 000-0000"
+        mask="(X00) 000-0000"
         label="Phone"
       >
         <DxValidator>
diff --git a/apps/demos/Demos/Common/EditorAppearanceVariants/jQuery/index.js b/apps/demos/Demos/Common/EditorAppearanceVariants/jQuery/index.js
index 1ce3dd9aed70..494def967072 100644
--- a/apps/demos/Demos/Common/EditorAppearanceVariants/jQuery/index.js
+++ b/apps/demos/Demos/Common/EditorAppearanceVariants/jQuery/index.js
@@ -74,7 +74,7 @@ $(() => {
 
   const phone = $('#phone').dxTextBox({
     label: 'Phone',
-    mask: '+1 (000) 000-0000',
+    mask: '(X00) 000-0000',
     inputAttr: { 'aria-label': 'Phone' },
     maskRules: {
       X: /[02-9]/,
diff --git a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.html b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.html
index f3dcddcb825c..236256354996 100644
--- a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.html
+++ b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.html
@@ -3,7 +3,7 @@
     <div class="dx-field-label">Locale-dependent format</div>
     <div class="dx-field-value">
       <dx-date-box
-        placeholder="12/31/2018, 2:52 PM"
+        placeholder="12/31/2025, 2:52 PM"
         type="datetime"
         [showClearButton]="true"
         [useMaskBehavior]="true"
@@ -16,7 +16,7 @@
     <div class="dx-field-label">Built-in predefined format</div>
     <div class="dx-field-value">
       <dx-date-box
-        placeholder="10/16/2018"
+        placeholder="10/16/2025"
         [showClearButton]="true"
         [useMaskBehavior]="true"
         displayFormat="shortdate"
@@ -31,7 +31,7 @@
     <div class="dx-field-label">Locale Data Markup Language (LDML) pattern</div>
     <div class="dx-field-value">
       <dx-date-box
-        placeholder="Tuesday, 16 of Oct, 2018 14:52"
+        placeholder="Thursday, 16 of Oct, 2025 14:52"
         [showClearButton]="true"
         [useMaskBehavior]="true"
         displayFormat="EEEE, d of MMM, yyyy HH:mm"
@@ -46,7 +46,7 @@
     <div class="dx-field-label">Format with literal characters</div>
     <div class="dx-field-value">
       <dx-date-box
-        placeholder="Year: 2018"
+        placeholder="Year: 2025"
         [showClearButton]="true"
         [useMaskBehavior]="true"
         displayFormat="'Year': yyyy"
diff --git a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
index c750083965f2..6e323339d359 100644
--- a/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DateBox/Formatting/Angular/app/app.component.ts
@@ -22,7 +22,7 @@ if (window && window.config?.packageConfigPaths) {
 })
 
 export class AppComponent {
-  date: Date = new Date(2018, 9, 16, 15, 8, 12);
+  date: Date = new Date(2025, 9, 16, 15, 8, 12);
 }
 
 bootstrapApplication(AppComponent, {
diff --git a/apps/demos/Demos/DateBox/Formatting/React/App.tsx b/apps/demos/Demos/DateBox/Formatting/React/App.tsx
index 07907c2a64ab..8d618df8ce28 100644
--- a/apps/demos/Demos/DateBox/Formatting/React/App.tsx
+++ b/apps/demos/Demos/DateBox/Formatting/React/App.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import DateBox from 'devextreme-react/date-box';
 
-const date = new Date(2018, 9, 16, 15, 8, 12);
+const date = new Date(2025, 9, 16, 15, 8, 12);
 const dataTimeLabel = { 'aria-label': 'Date Time' };
 const dateLabel = { 'aria-label': 'Date' };
 
@@ -14,7 +14,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               type="datetime"
-              placeholder="12/31/2018, 2:52 PM"
+              placeholder="12/31/2025, 2:52 PM"
               showClearButton={true}
               inputAttr={dataTimeLabel}
               useMaskBehavior={true}
@@ -26,7 +26,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               defaultValue={date}
-              placeholder="10/16/2018"
+              placeholder="10/16/2025"
               showClearButton={true}
               inputAttr={dateLabel}
               useMaskBehavior={true}
@@ -40,7 +40,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               defaultValue={date}
-              placeholder="Tuesday, 16 of Oct, 2018 14:52"
+              placeholder="Thursday, 16 of Oct, 2025 14:52"
               showClearButton={true}
               inputAttr={dateLabel}
               useMaskBehavior={true}
@@ -54,7 +54,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               defaultValue={date}
-              placeholder="Year: 2018"
+              placeholder="Year: 2025"
               showClearButton={true}
               useMaskBehavior={true}
               inputAttr={dateLabel}
diff --git a/apps/demos/Demos/DateBox/Formatting/ReactJs/App.js b/apps/demos/Demos/DateBox/Formatting/ReactJs/App.js
index 44de88582f3b..2631f60f8d59 100644
--- a/apps/demos/Demos/DateBox/Formatting/ReactJs/App.js
+++ b/apps/demos/Demos/DateBox/Formatting/ReactJs/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import DateBox from 'devextreme-react/date-box';
 
-const date = new Date(2018, 9, 16, 15, 8, 12);
+const date = new Date(2025, 9, 16, 15, 8, 12);
 const dataTimeLabel = { 'aria-label': 'Date Time' };
 const dateLabel = { 'aria-label': 'Date' };
 function App() {
@@ -13,7 +13,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               type="datetime"
-              placeholder="12/31/2018, 2:52 PM"
+              placeholder="12/31/2025, 2:52 PM"
               showClearButton={true}
               inputAttr={dataTimeLabel}
               useMaskBehavior={true}
@@ -25,7 +25,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               defaultValue={date}
-              placeholder="10/16/2018"
+              placeholder="10/16/2025"
               showClearButton={true}
               inputAttr={dateLabel}
               useMaskBehavior={true}
@@ -39,7 +39,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               defaultValue={date}
-              placeholder="Tuesday, 16 of Oct, 2018 14:52"
+              placeholder="Thursday, 16 of Oct, 2025 14:52"
               showClearButton={true}
               inputAttr={dateLabel}
               useMaskBehavior={true}
@@ -53,7 +53,7 @@ function App() {
           <div className="dx-field-value">
             <DateBox
               defaultValue={date}
-              placeholder="Year: 2018"
+              placeholder="Year: 2025"
               showClearButton={true}
               useMaskBehavior={true}
               inputAttr={dateLabel}
diff --git a/apps/demos/Demos/DateBox/Formatting/Vue/App.vue b/apps/demos/Demos/DateBox/Formatting/Vue/App.vue
index 20ad231e5994..da99a729d883 100644
--- a/apps/demos/Demos/DateBox/Formatting/Vue/App.vue
+++ b/apps/demos/Demos/DateBox/Formatting/Vue/App.vue
@@ -9,7 +9,7 @@
             :use-mask-behavior="true"
             :input-attr="{ 'aria-label': 'Date' }"
             type="datetime"
-            placeholder="12/31/2018, 2:52 PM"
+            placeholder="12/31/2025, 2:52 PM"
           />
         </div>
       </div>
@@ -21,7 +21,7 @@
             :use-mask-behavior="true"
             :value="date"
             :input-attr="{ 'aria-label': 'Date' }"
-            placeholder="10/16/2018"
+            placeholder="10/16/2025"
             display-format="shortdate"
             type="date"
           />
@@ -36,7 +36,7 @@
             :input-attr="{ 'aria-label': 'Date' }"
             :value="date"
             type="datetime"
-            placeholder="Tuesday, 16 of Oct, 2018 14:52"
+            placeholder="Thursday, 16 of Oct, 2025 14:52"
             display-format="EEEE, d of MMM, yyyy HH:mm"
           />
         </div>
@@ -49,7 +49,7 @@
             :use-mask-behavior="true"
             :input-attr="{ 'aria-label': 'Date' }"
             :value="date"
-            placeholder="Year: 2018"
+            placeholder="Year: 2025"
             display-format="'Year': yyyy"
             type="date"
           />
@@ -61,7 +61,7 @@
 <script setup lang="ts">
 import DxDateBox from 'devextreme-vue/date-box';
 
-const date = new Date(2018, 9, 16, 15, 8, 12);
+const date = new Date(2025, 9, 16, 15, 8, 12);
 </script>
 <style>
 .dx-fieldset {
diff --git a/apps/demos/Demos/DateBox/Formatting/jQuery/index.js b/apps/demos/Demos/DateBox/Formatting/jQuery/index.js
index 231f7da510e3..fce9b5d9bd8b 100644
--- a/apps/demos/Demos/DateBox/Formatting/jQuery/index.js
+++ b/apps/demos/Demos/DateBox/Formatting/jQuery/index.js
@@ -1,8 +1,8 @@
 $(() => {
-  const date = new Date(2018, 9, 16, 15, 8, 12);
+  const date = new Date(2025, 9, 16, 15, 8, 12);
 
   $('#default').dxDateBox({
-    placeholder: '12/31/2018, 2:52 PM',
+    placeholder: '12/31/2025, 2:52 PM',
     type: 'datetime',
     showClearButton: true,
     useMaskBehavior: true,
@@ -10,7 +10,7 @@ $(() => {
   });
 
   $('#constant').dxDateBox({
-    placeholder: '10/16/2018',
+    placeholder: '10/16/2025',
     showClearButton: true,
     useMaskBehavior: true,
     displayFormat: 'shortdate',
@@ -20,7 +20,7 @@ $(() => {
   });
 
   $('#pattern').dxDateBox({
-    placeholder: 'Tuesday, 16 of Oct, 2018 14:52',
+    placeholder: 'Thursday, 16 of Oct, 2025 14:52',
     showClearButton: true,
     useMaskBehavior: true,
     displayFormat: 'EEEE, d of MMM, yyyy HH:mm',
@@ -30,7 +30,7 @@ $(() => {
   });
 
   $('#escape').dxDateBox({
-    placeholder: 'Year: 2018',
+    placeholder: 'Year: 2025',
     showClearButton: true,
     useMaskBehavior: true,
     displayFormat: "'Year': yyyy",
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
index b80d298f5f05..1867470fe129 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Angular/app/app.component.ts
@@ -22,19 +22,19 @@ if (window && window.config?.packageConfigPaths) {
 })
 export class AppComponent {
   dataSource = [
-    { t: new Date(2011, 11, 22), costs: 19, income: 18 },
-    { t: new Date(2011, 11, 29), costs: 27, income: 12 },
-    { t: new Date(2012, 0, 5), costs: 30, income: 5 },
-    { t: new Date(2012, 0, 12), costs: 26, income: 6 },
-    { t: new Date(2012, 0, 19), costs: 18, income: 10 },
-    { t: new Date(2012, 0, 26), costs: 15, income: 15 },
-    { t: new Date(2012, 1, 2), costs: 14, income: 21 },
-    { t: new Date(2012, 1, 9), costs: 14, income: 25 },
+    { t: new Date(2024, 11, 22), costs: 19, income: 18 },
+    { t: new Date(2024, 11, 29), costs: 27, income: 12 },
+    { t: new Date(2025, 0, 5), costs: 30, income: 5 },
+    { t: new Date(2025, 0, 12), costs: 26, income: 6 },
+    { t: new Date(2025, 0, 19), costs: 18, income: 10 },
+    { t: new Date(2025, 0, 26), costs: 15, income: 15 },
+    { t: new Date(2025, 1, 2), costs: 14, income: 21 },
+    { t: new Date(2025, 1, 9), costs: 14, income: 25 },
   ];
 
-  startSelectedValue: Date = new Date(2011, 11, 25);
+  startSelectedValue: Date = new Date(2024, 11, 25);
 
-  endSelectedValue: Date = new Date(2012, 0, 1);
+  endSelectedValue: Date = new Date(2025, 0, 1);
 }
 
 bootstrapApplication(AppComponent, {
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/React/App.tsx b/apps/demos/Demos/RangeSelector/EmbeddedChart/React/App.tsx
index 1945630f6070..ddc65314d677 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/React/App.tsx
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/React/App.tsx
@@ -6,7 +6,7 @@ import RangeSelector, {
 
 import { dataSource } from './data.ts';
 
-const range = [new Date(2011, 11, 25), new Date(2012, 0, 1)];
+const range = [new Date(2024, 11, 25), new Date(2025, 0, 1)];
 
 const App = () => (
   <RangeSelector
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/React/data.ts b/apps/demos/Demos/RangeSelector/EmbeddedChart/React/data.ts
index 0f72f3818a72..99f527a5c77a 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/React/data.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/React/data.ts
@@ -1,10 +1,10 @@
 export const dataSource = [
-  { t: new Date(2011, 11, 22), costs: 19, income: 18 },
-  { t: new Date(2011, 11, 29), costs: 27, income: 12 },
-  { t: new Date(2012, 0, 5), costs: 30, income: 5 },
-  { t: new Date(2012, 0, 12), costs: 26, income: 6 },
-  { t: new Date(2012, 0, 19), costs: 18, income: 10 },
-  { t: new Date(2012, 0, 26), costs: 15, income: 15 },
-  { t: new Date(2012, 1, 2), costs: 14, income: 21 },
-  { t: new Date(2012, 1, 9), costs: 14, income: 25 },
+  { t: new Date(2024, 11, 22), costs: 19, income: 18 },
+  { t: new Date(2024, 11, 29), costs: 27, income: 12 },
+  { t: new Date(2025, 0, 5), costs: 30, income: 5 },
+  { t: new Date(2025, 0, 12), costs: 26, income: 6 },
+  { t: new Date(2025, 0, 19), costs: 18, income: 10 },
+  { t: new Date(2025, 0, 26), costs: 15, income: 15 },
+  { t: new Date(2025, 1, 2), costs: 14, income: 21 },
+  { t: new Date(2025, 1, 9), costs: 14, income: 25 },
 ];
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/App.js b/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/App.js
index b10779e37ce0..3423560dd579 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/App.js
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/App.js
@@ -10,7 +10,7 @@ import RangeSelector, {
 } from 'devextreme-react/range-selector';
 import { dataSource } from './data.js';
 
-const range = [new Date(2011, 11, 25), new Date(2012, 0, 1)];
+const range = [new Date(2024, 11, 25), new Date(2025, 0, 1)];
 const App = () => (
   <RangeSelector
     id="range-selector"
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/data.js b/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/data.js
index 0f72f3818a72..99f527a5c77a 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/data.js
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/ReactJs/data.js
@@ -1,10 +1,10 @@
 export const dataSource = [
-  { t: new Date(2011, 11, 22), costs: 19, income: 18 },
-  { t: new Date(2011, 11, 29), costs: 27, income: 12 },
-  { t: new Date(2012, 0, 5), costs: 30, income: 5 },
-  { t: new Date(2012, 0, 12), costs: 26, income: 6 },
-  { t: new Date(2012, 0, 19), costs: 18, income: 10 },
-  { t: new Date(2012, 0, 26), costs: 15, income: 15 },
-  { t: new Date(2012, 1, 2), costs: 14, income: 21 },
-  { t: new Date(2012, 1, 9), costs: 14, income: 25 },
+  { t: new Date(2024, 11, 22), costs: 19, income: 18 },
+  { t: new Date(2024, 11, 29), costs: 27, income: 12 },
+  { t: new Date(2025, 0, 5), costs: 30, income: 5 },
+  { t: new Date(2025, 0, 12), costs: 26, income: 6 },
+  { t: new Date(2025, 0, 19), costs: 18, income: 10 },
+  { t: new Date(2025, 0, 26), costs: 15, income: 15 },
+  { t: new Date(2025, 1, 2), costs: 14, income: 21 },
+  { t: new Date(2025, 1, 9), costs: 14, income: 25 },
 ];
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/App.vue b/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/App.vue
index 234f3025967e..b5bd900bdf9b 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/App.vue
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/App.vue
@@ -37,7 +37,7 @@ import {
 } from 'devextreme-vue/range-selector';
 import { dataSource } from './data.ts';
 
-const range = reactive([new Date(2011, 11, 25), new Date(2012, 0, 1)]);
+const range = reactive([new Date(2024, 11, 25), new Date(2025, 0, 1)]);
 </script>
 <style scoped>
 #range-selector {
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/data.ts b/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/data.ts
index 0f72f3818a72..99f527a5c77a 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/data.ts
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/Vue/data.ts
@@ -1,10 +1,10 @@
 export const dataSource = [
-  { t: new Date(2011, 11, 22), costs: 19, income: 18 },
-  { t: new Date(2011, 11, 29), costs: 27, income: 12 },
-  { t: new Date(2012, 0, 5), costs: 30, income: 5 },
-  { t: new Date(2012, 0, 12), costs: 26, income: 6 },
-  { t: new Date(2012, 0, 19), costs: 18, income: 10 },
-  { t: new Date(2012, 0, 26), costs: 15, income: 15 },
-  { t: new Date(2012, 1, 2), costs: 14, income: 21 },
-  { t: new Date(2012, 1, 9), costs: 14, income: 25 },
+  { t: new Date(2024, 11, 22), costs: 19, income: 18 },
+  { t: new Date(2024, 11, 29), costs: 27, income: 12 },
+  { t: new Date(2025, 0, 5), costs: 30, income: 5 },
+  { t: new Date(2025, 0, 12), costs: 26, income: 6 },
+  { t: new Date(2025, 0, 19), costs: 18, income: 10 },
+  { t: new Date(2025, 0, 26), costs: 15, income: 15 },
+  { t: new Date(2025, 1, 2), costs: 14, income: 21 },
+  { t: new Date(2025, 1, 9), costs: 14, income: 25 },
 ];
diff --git a/apps/demos/Demos/RangeSelector/EmbeddedChart/jQuery/index.js b/apps/demos/Demos/RangeSelector/EmbeddedChart/jQuery/index.js
index 40f063f1a10b..617c2c3cd618 100644
--- a/apps/demos/Demos/RangeSelector/EmbeddedChart/jQuery/index.js
+++ b/apps/demos/Demos/RangeSelector/EmbeddedChart/jQuery/index.js
@@ -10,14 +10,14 @@ $(() => {
       },
     },
     dataSource: [
-      { t: new Date(2011, 11, 22), costs: 19, income: 18 },
-      { t: new Date(2011, 11, 29), costs: 27, income: 12 },
-      { t: new Date(2012, 0, 5), costs: 30, income: 5 },
-      { t: new Date(2012, 0, 12), costs: 26, income: 6 },
-      { t: new Date(2012, 0, 19), costs: 18, income: 10 },
-      { t: new Date(2012, 0, 26), costs: 15, income: 15 },
-      { t: new Date(2012, 1, 2), costs: 14, income: 21 },
-      { t: new Date(2012, 1, 9), costs: 14, income: 25 },
+      { t: new Date(2024, 11, 22), costs: 19, income: 18 },
+      { t: new Date(2024, 11, 29), costs: 27, income: 12 },
+      { t: new Date(2025, 0, 5), costs: 30, income: 5 },
+      { t: new Date(2025, 0, 12), costs: 26, income: 6 },
+      { t: new Date(2025, 0, 19), costs: 18, income: 10 },
+      { t: new Date(2025, 0, 26), costs: 15, income: 15 },
+      { t: new Date(2025, 1, 2), costs: 14, income: 21 },
+      { t: new Date(2025, 1, 9), costs: 14, income: 25 },
     ],
     chart: {
       series: [
@@ -28,7 +28,7 @@ $(() => {
         min: 0,
       },
     },
-    value: [new Date(2011, 11, 25), new Date(2012, 0, 1)],
+    value: [new Date(2024, 11, 25), new Date(2025, 0, 1)],
     title: 'Select a Range in the Costs and Revenues History',
   });
 });
diff --git a/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.html b/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.html
index 71df902999a9..ac70b0e429fd 100644
--- a/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.html
+++ b/apps/demos/Demos/TextBox/Overview/Angular/app/app.component.html
@@ -45,7 +45,7 @@
       <div class="dx-field-label">Text mask</div>
       <div class="dx-field-value">
         <dx-text-box
-          mask="+1 (X00) 000-0000"
+          mask="(X00) 000-0000"
           [maskRules]="rules"
           [inputAttr]="{ 'aria-label': 'Mask' }"
         >
diff --git a/apps/demos/Demos/TextBox/Overview/React/App.tsx b/apps/demos/Demos/TextBox/Overview/React/App.tsx
index edbadec954c4..89cc9179e887 100644
--- a/apps/demos/Demos/TextBox/Overview/React/App.tsx
+++ b/apps/demos/Demos/TextBox/Overview/React/App.tsx
@@ -63,7 +63,7 @@ function App() {
           <div className="dx-field-label">Text mask</div>
           <div className="dx-field-value">
             <TextBox
-              mask="+1 (X00) 000-0000"
+              mask="(X00) 000-0000"
               inputAttr={maskLabel}
               maskRules={rules}
             />
diff --git a/apps/demos/Demos/TextBox/Overview/ReactJs/App.js b/apps/demos/Demos/TextBox/Overview/ReactJs/App.js
index 408698dd1e75..a418885e7dca 100644
--- a/apps/demos/Demos/TextBox/Overview/ReactJs/App.js
+++ b/apps/demos/Demos/TextBox/Overview/ReactJs/App.js
@@ -59,7 +59,7 @@ function App() {
           <div className="dx-field-label">Text mask</div>
           <div className="dx-field-value">
             <TextBox
-              mask="+1 (X00) 000-0000"
+              mask="(X00) 000-0000"
               inputAttr={maskLabel}
               maskRules={rules}
             />
diff --git a/apps/demos/Demos/TextBox/Overview/Vue/App.vue b/apps/demos/Demos/TextBox/Overview/Vue/App.vue
index c7ea41867a00..614d2e4e32bf 100644
--- a/apps/demos/Demos/TextBox/Overview/Vue/App.vue
+++ b/apps/demos/Demos/TextBox/Overview/Vue/App.vue
@@ -47,7 +47,7 @@
           <DxTextBox
             :mask-rules="rules"
             :input-attr="{ 'aria-label': 'Mask' }"
-            mask="+1 (X00) 000-0000"
+            mask="(X00) 000-0000"
           />
         </div>
       </div>
diff --git a/apps/demos/Demos/TextBox/Overview/jQuery/index.js b/apps/demos/Demos/TextBox/Overview/jQuery/index.js
index 540f6e2ad6e6..421e84e51c05 100644
--- a/apps/demos/Demos/TextBox/Overview/jQuery/index.js
+++ b/apps/demos/Demos/TextBox/Overview/jQuery/index.js
@@ -24,7 +24,7 @@ $(() => {
   });
 
   $('#mask').dxTextBox({
-    mask: '+1 (X00) 000-0000',
+    mask: '(X00) 000-0000',
     maskRules: { X: /[02-9]/ },
     inputAttr: { 'aria-label': 'Mask' },
   });
diff --git a/apps/demos/Demos/Validation/Overview/Angular/app/app.component.html b/apps/demos/Demos/Validation/Overview/Angular/app/app.component.html
index 7d753adc6134..e8c62ca1b52c 100644
--- a/apps/demos/Demos/Validation/Overview/Angular/app/app.component.html
+++ b/apps/demos/Demos/Validation/Overview/Angular/app/app.component.html
@@ -208,7 +208,7 @@
       <div class="dx-field-value">
         <dx-text-box
           [inputAttr]="{ 'aria-label': 'Phone' }"
-          mask="+1 (X00) 000-0000"
+          mask="(X00) 000-0000"
           [maskRules]="phoneRules"
           maskInvalidMessage="The phone must have a correct USA phone format"
           validationMessagePosition="left"
diff --git a/apps/demos/Demos/Validation/Overview/React/App.tsx b/apps/demos/Demos/Validation/Overview/React/App.tsx
index bf2f64d7d999..7a71528a2817 100644
--- a/apps/demos/Demos/Validation/Overview/React/App.tsx
+++ b/apps/demos/Demos/Validation/Overview/React/App.tsx
@@ -287,7 +287,7 @@ function App() {
           </div>
           <div className="dx-field-value">
             <TextBox
-              mask="+1 (X00) 000-0000"
+              mask="(X00) 000-0000"
               inputAttr={maskLabel}
               maskRules={phoneRules}
               maskInvalidMessage="The phone must have a correct USA phone format"
diff --git a/apps/demos/Demos/Validation/Overview/ReactJs/App.js b/apps/demos/Demos/Validation/Overview/ReactJs/App.js
index 544c248b9a0c..0aa835424ae5 100644
--- a/apps/demos/Demos/Validation/Overview/ReactJs/App.js
+++ b/apps/demos/Demos/Validation/Overview/ReactJs/App.js
@@ -275,7 +275,7 @@ function App() {
           </div>
           <div className="dx-field-value">
             <TextBox
-              mask="+1 (X00) 000-0000"
+              mask="(X00) 000-0000"
               inputAttr={maskLabel}
               maskRules={phoneRules}
               maskInvalidMessage="The phone must have a correct USA phone format"
diff --git a/apps/demos/Demos/Validation/Overview/Vue/App.vue b/apps/demos/Demos/Validation/Overview/Vue/App.vue
index a6048312314b..84d70b70248f 100644
--- a/apps/demos/Demos/Validation/Overview/Vue/App.vue
+++ b/apps/demos/Demos/Validation/Overview/Vue/App.vue
@@ -180,7 +180,7 @@
           <DxTextBox
             :mask-rules="phoneRules"
             :input-attr="{ 'aria-label': 'Mask' }"
-            mask="+1 (X00) 000-0000"
+            mask="(X00) 000-0000"
             mask-invalid-message="The phone must have a correct USA phone format"
             validation-message-position="left"
           >
diff --git a/apps/demos/Demos/Validation/Overview/jQuery/index.js b/apps/demos/Demos/Validation/Overview/jQuery/index.js
index 47eb51f88198..5952e9c1a4b2 100644
--- a/apps/demos/Demos/Validation/Overview/jQuery/index.js
+++ b/apps/demos/Demos/Validation/Overview/jQuery/index.js
@@ -200,7 +200,7 @@ $(() => {
     });
 
   $('#phone-validation').dxTextBox({
-    mask: '+1 (X00) 000-0000',
+    mask: '(X00) 000-0000',
     inputAttr: { 'aria-label': 'Phone' },
     maskRules: {
       X: /[02-9]/,
diff --git a/apps/demos/testing/etalons/Common-EditorAppearanceVariants (fluent.blue.light).png b/apps/demos/testing/etalons/Common-EditorAppearanceVariants (fluent.blue.light).png
index c5717e7a147b..87828c21f92d 100644
Binary files a/apps/demos/testing/etalons/Common-EditorAppearanceVariants (fluent.blue.light).png and b/apps/demos/testing/etalons/Common-EditorAppearanceVariants (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/DateBox-Formatting (fluent.blue.light).png b/apps/demos/testing/etalons/DateBox-Formatting (fluent.blue.light).png
index f6f5ecacfde7..17488f2a16cb 100644
Binary files a/apps/demos/testing/etalons/DateBox-Formatting (fluent.blue.light).png and b/apps/demos/testing/etalons/DateBox-Formatting (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent.blue.light).png b/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent.blue.light).png
index 682371810fca..457cfcb27b85 100644
Binary files a/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent.blue.light).png and b/apps/demos/testing/etalons/RangeSelector-EmbeddedChart (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/TextBox-Overview (fluent.blue.light).png b/apps/demos/testing/etalons/TextBox-Overview (fluent.blue.light).png
index c4e4b04fae28..1f5252327bb0 100644
Binary files a/apps/demos/testing/etalons/TextBox-Overview (fluent.blue.light).png and b/apps/demos/testing/etalons/TextBox-Overview (fluent.blue.light).png differ
diff --git a/apps/demos/testing/etalons/Validation-Overview (fluent.blue.light).png b/apps/demos/testing/etalons/Validation-Overview (fluent.blue.light).png
index 3a348b6151b7..ba9d785db437 100644
Binary files a/apps/demos/testing/etalons/Validation-Overview (fluent.blue.light).png and b/apps/demos/testing/etalons/Validation-Overview (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_floating_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_floating_desktop (fluent.blue.light).png
index 479fe2ef671a..bab122b9269a 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_floating_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_floating_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_hidden_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_hidden_desktop (fluent.blue.light).png
index 066a28357216..aafe22492479 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_hidden_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_hidden_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_outside_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_outside_desktop (fluent.blue.light).png
index 98df40615073..fc25231fd8a8 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_outside_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_outside_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_static_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_static_desktop (fluent.blue.light).png
index b86f2085f317..d92838481f2a 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_static_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_filled_static_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_floating_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_floating_desktop (fluent.blue.light).png
index c7de780ba9ff..24360848ef51 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_floating_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_floating_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_hidden_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_hidden_desktop (fluent.blue.light).png
index db26c94a299b..95a22be2866e 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_hidden_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_hidden_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_outside_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_outside_desktop (fluent.blue.light).png
index 0f012c7fb7c5..0b25a5a4ca4c 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_outside_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_outside_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_static_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_static_desktop (fluent.blue.light).png
index f726d6ac2347..75a4c5f04e82 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_static_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_outlined_static_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_floating_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_floating_desktop (fluent.blue.light).png
index 674bc3d13885..7336cb4b982c 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_floating_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_floating_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_hidden_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_hidden_desktop (fluent.blue.light).png
index f5956a294ab2..984005917b89 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_hidden_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_hidden_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_outside_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_outside_desktop (fluent.blue.light).png
index 2557e899aaab..0685749c84d8 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_outside_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_outside_desktop (fluent.blue.light).png differ
diff --git a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_static_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_static_desktop (fluent.blue.light).png
index 50bc924071f2..aad7b44ef072 100644
Binary files a/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_static_desktop (fluent.blue.light).png and b/apps/demos/testing/widgets/common/etalons/common_editor_appearance_variants_underlined_static_desktop (fluent.blue.light).png differ