diff --git a/e2e/testcafe-devextreme/tests/editors/dateRangeBox/calendar.ts b/e2e/testcafe-devextreme/tests/editors/dateRangeBox/calendar.ts
index ab1b7196b6ee..68262a3adb1a 100644
--- a/e2e/testcafe-devextreme/tests/editors/dateRangeBox/calendar.ts
+++ b/e2e/testcafe-devextreme/tests/editors/dateRangeBox/calendar.ts
@@ -2,6 +2,7 @@ import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
 import DateRangeBox from 'devextreme-testcafe-models/dateRangeBox';
 import {
   appendElementTo,
+  insertStylesheetRulesToPage,
   setAttribute,
 } from '../../../helpers/domUtils';
 import url from '../../../helpers/getPageUrl';
@@ -645,6 +646,7 @@ test('Disabled dates on end date select (disableOutOfRangeSelection: true)', asy
     .expect(compareResults.isValid())
     .ok(compareResults.errorMessages());
 }).before(async () => {
+  await insertStylesheetRulesToPage('* { caret-color: transparent !important; }');
   await appendElementTo('#container', 'div', 'dateRangeBox');
   await setAttribute('#container', 'style', 'width: 800px; height: 500px; padding-top: 10px;');
 
@@ -680,6 +682,7 @@ test('Disabled dates on inputs focus (disableOutOfRangeSelection: true)', async
     .expect(compareResults.isValid())
     .ok(compareResults.errorMessages());
 }).before(async () => {
+  await insertStylesheetRulesToPage('* { caret-color: transparent !important; }');
   await appendElementTo('#container', 'div', 'dateRangeBox');
   await setAttribute('#container', 'style', 'width: 800px; height: 500px; padding-top: 10px;');