diff --git a/apps/demos/Demos/Pagination/Overview/React/EmployeeCard.tsx b/apps/demos/Demos/Pagination/Overview/React/EmployeeCard.tsx
index f089a0dc9ffe..be9d07419c7f 100644
--- a/apps/demos/Demos/Pagination/Overview/React/EmployeeCard.tsx
+++ b/apps/demos/Demos/Pagination/Overview/React/EmployeeCard.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Employee } from './data';
+import type { Employee } from './data';
 
 interface EmployeeCardProps {
   employee: Employee;
diff --git a/apps/demos/Demos/Pagination/Overview/React/EmployeesGallery.tsx b/apps/demos/Demos/Pagination/Overview/React/EmployeesGallery.tsx
index c8667c9b344f..2c0a94a5dc4d 100644
--- a/apps/demos/Demos/Pagination/Overview/React/EmployeesGallery.tsx
+++ b/apps/demos/Demos/Pagination/Overview/React/EmployeesGallery.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import EmployeeCard from './EmployeeCard.tsx';
-import { Employee } from './data';
+import type { Employee } from './data';
 
 interface EmployeeGalleryProps {
   employees: Employee[];
diff --git a/apps/demos/Demos/Scheduler/AllDayPanelMode/React/App.tsx b/apps/demos/Demos/Scheduler/AllDayPanelMode/React/App.tsx
index 6b4c4dc26166..73a8bc7ba217 100644
--- a/apps/demos/Demos/Scheduler/AllDayPanelMode/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/AllDayPanelMode/React/App.tsx
@@ -1,6 +1,8 @@
 import React, { useCallback, useState } from 'react';
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
-import RadioGroup, { type RadioGroupTypes } from 'devextreme-react/radio-group';
+import Scheduler from 'devextreme-react/scheduler';
+import RadioGroup from 'devextreme-react/radio-group';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
+import type { RadioGroupTypes } from 'devextreme-react/radio-group';
 import { data } from './data.ts';
 
 const currentDate = new Date(2021, 2, 28);
diff --git a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/App.tsx b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/App.tsx
index a125356e7a17..f378a4cd0a9a 100644
--- a/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/App.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import Scheduler, { Resource, type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler, { Resource } from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import { data, resourcesData } from './data.ts';
 
diff --git a/apps/demos/Demos/Scheduler/BasicViews/React/App.tsx b/apps/demos/Demos/Scheduler/BasicViews/React/App.tsx
index 062700c348c9..1f3901e45b8b 100644
--- a/apps/demos/Demos/Scheduler/BasicViews/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/BasicViews/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import { data } from './data.ts';
 
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/React/App.tsx b/apps/demos/Demos/Scheduler/CellTemplates/React/App.tsx
index 5cd77776e4a8..8a7c20c8c4c1 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/CellTemplates/React/App.tsx
@@ -37,7 +37,8 @@ const notifyDisableDate = () => {
 };
 
 const onContentReady = (e: SchedulerTypes.ContentReadyEvent) => {
-  setComponentAria(e.component?.$element());
+  const element = e.component?.element();
+  element && setComponentAria(element);
 };
 
 const applyDisableDatesToDateEditors = (form: ReturnType<FormRef['instance']>) => {
@@ -75,11 +76,11 @@ const onAppointmentUpdating = (e: SchedulerTypes.AppointmentUpdatingEvent) => {
   }
 };
 
-const setComponentAria = (element) => {
-  const prevAria = element?.attr('aria-label') || '';
+const setComponentAria = (element: HTMLElement) => {
+  const prevAria = element.getAttribute('aria-label') || '';
   const description = ariaDescription();
   const nextAria = `${prevAria}${description ? ` ${description}` : ''}`;
-  element?.attr('aria-label', nextAria);
+  element.setAttribute('aria-label', nextAria);
 };
 
 const App = () => {
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/React/DateCell.tsx b/apps/demos/Demos/Scheduler/CellTemplates/React/DateCell.tsx
index 686bd1e69574..4e98d0558221 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/React/DateCell.tsx
+++ b/apps/demos/Demos/Scheduler/CellTemplates/React/DateCell.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SchedulerTypes } from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 import Utils from './utils.ts';
 
 interface DateCellProps {
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/React/TimeCell.tsx b/apps/demos/Demos/Scheduler/CellTemplates/React/TimeCell.tsx
index d36467501b57..1ecdaaaa4820 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/React/TimeCell.tsx
+++ b/apps/demos/Demos/Scheduler/CellTemplates/React/TimeCell.tsx
@@ -12,7 +12,7 @@ const TimeCell = (props: TimeCellProps) => {
   const hasCoffeeCupIcon = Utils.hasCoffeeCupIcon(date);
 
   return (
-    <div className={isDinner ? 'dinner' : null}>
+    <div className={isDinner ? 'dinner' : undefined}>
       {text}
       {hasCoffeeCupIcon && <div className='cafe' />}
     </div>
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/React/utils.ts b/apps/demos/Demos/Scheduler/CellTemplates/React/utils.ts
index 97dde1744aaa..a585e5ae05d8 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/React/utils.ts
+++ b/apps/demos/Demos/Scheduler/CellTemplates/React/utils.ts
@@ -29,9 +29,9 @@ export default class Utils {
   }
 
   static isValidAppointment(component: SchedulerTypes.AppointmentAddingEvent['component'], appointmentData: SchedulerTypes.AppointmentAddingEvent['appointmentData']) {
-    const startDate = new Date(appointmentData.startDate);
-    const endDate = new Date(appointmentData.endDate);
-    const cellDuration = component.option('cellDuration');
+    const startDate = appointmentData.startDate ? new Date(appointmentData.startDate) : new Date();
+    const endDate = appointmentData.endDate ? new Date(appointmentData.endDate) : new Date();
+    const cellDuration = Number(component.option('cellDuration'));
     return Utils.isValidAppointmentInterval(startDate, endDate, cellDuration);
   }
 
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/App.js b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/App.js
index 66e165ea6ddc..5c3a51926885 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/App.js
+++ b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/App.js
@@ -37,7 +37,8 @@ const notifyDisableDate = () => {
   );
 };
 const onContentReady = (e) => {
-  setComponentAria(e.component?.$element());
+  const element = e.component?.element();
+  element && setComponentAria(element);
 };
 const applyDisableDatesToDateEditors = (form) => {
   const startDateEditor = form.getEditor('startDate');
@@ -70,10 +71,10 @@ const onAppointmentUpdating = (e) => {
   }
 };
 const setComponentAria = (element) => {
-  const prevAria = element?.attr('aria-label') || '';
+  const prevAria = element.getAttribute('aria-label') || '';
   const description = ariaDescription();
   const nextAria = `${prevAria}${description ? ` ${description}` : ''}`;
-  element?.attr('aria-label', nextAria);
+  element.setAttribute('aria-label', nextAria);
 };
 const App = () => {
   const [currentView, setCurrentView] = useState(views[0]);
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/TimeCell.js b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/TimeCell.js
index d527447d9eb4..497799ec5498 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/TimeCell.js
+++ b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/TimeCell.js
@@ -6,7 +6,7 @@ const TimeCell = (props) => {
   const isDinner = Utils.isDinner(date);
   const hasCoffeeCupIcon = Utils.hasCoffeeCupIcon(date);
   return (
-    <div className={isDinner ? 'dinner' : null}>
+    <div className={isDinner ? 'dinner' : undefined}>
       {text}
       {hasCoffeeCupIcon && <div className="cafe" />}
     </div>
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/utils.js b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/utils.js
index c54f886a63a7..74d5884f577a 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/utils.js
+++ b/apps/demos/Demos/Scheduler/CellTemplates/ReactJs/utils.js
@@ -27,9 +27,9 @@ export default class Utils {
   }
 
   static isValidAppointment(component, appointmentData) {
-    const startDate = new Date(appointmentData.startDate);
-    const endDate = new Date(appointmentData.endDate);
-    const cellDuration = component.option('cellDuration');
+    const startDate = appointmentData.startDate ? new Date(appointmentData.startDate) : new Date();
+    const endDate = appointmentData.endDate ? new Date(appointmentData.endDate) : new Date();
+    const cellDuration = Number(component.option('cellDuration'));
     return Utils.isValidAppointmentInterval(startDate, endDate, cellDuration);
   }
 
diff --git a/apps/demos/Demos/Scheduler/CellTemplates/Vue/utils.ts b/apps/demos/Demos/Scheduler/CellTemplates/Vue/utils.ts
index 721f6defa428..5b8e95fea8d0 100644
--- a/apps/demos/Demos/Scheduler/CellTemplates/Vue/utils.ts
+++ b/apps/demos/Demos/Scheduler/CellTemplates/Vue/utils.ts
@@ -1,4 +1,4 @@
-import { type DxScheduler } from 'devextreme-vue';
+import type { DxScheduler } from 'devextreme-vue';
 import { dinnerTime, holidays } from './data.ts';
 
 export default class Utils {
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.service.ts b/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.service.ts
index 3f48e91e2aa2..58ab97226925 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.service.ts
+++ b/apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.service.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { type DxContextMenuTypes } from 'devextreme-angular/ui/context-menu';
+import type { DxContextMenuTypes } from 'devextreme-angular/ui/context-menu';
 
 export interface Appointment {
   text: string;
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/React/App.tsx b/apps/demos/Demos/Scheduler/ContextMenu/React/App.tsx
index e9c954b0d0d0..daca502ff623 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/ContextMenu/React/App.tsx
@@ -15,7 +15,7 @@ const appointmentClassName = '.dx-scheduler-appointment';
 const cellClassName = '.dx-scheduler-date-table-cell';
 
 const onContextMenuItemClick = (e: ContextMenuTypes.ItemClickEvent<ContextMenuItem>) => {
-  e.itemData.onItemClick?.(e);
+  e.itemData?.onItemClick?.(e);
 };
 
 const App = () => {
@@ -35,7 +35,7 @@ const App = () => {
       ...item,
       onItemClick: (e: ContextMenuTypes.ItemClickEvent<ContextMenuItem>) => scheduler?.updateAppointment(appointmentData, {
         ...appointmentData,
-        ...{ roomId: [e.itemData.id] },
+        ...{ roomId: [e.itemData?.id] },
       }),
     }));
 
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/React/types.ts b/apps/demos/Demos/Scheduler/ContextMenu/React/types.ts
index b24978c31031..854fba22f8c6 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/React/types.ts
+++ b/apps/demos/Demos/Scheduler/ContextMenu/React/types.ts
@@ -1,5 +1,5 @@
 import type { SchedulerTypes } from 'devextreme-react/scheduler';
-import { type ContextMenuTypes } from 'devextreme-react/context-menu';
+import type { ContextMenuTypes } from 'devextreme-react/context-menu';
 
 export type Appointment = SchedulerTypes.Appointment & { roomId: number[] };
 
diff --git a/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/App.js b/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/App.js
index 2a7dd7ceb3a7..2052f22053ec 100644
--- a/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/App.js
+++ b/apps/demos/Demos/Scheduler/ContextMenu/ReactJs/App.js
@@ -8,7 +8,7 @@ const views = ['day', 'month'];
 const appointmentClassName = '.dx-scheduler-appointment';
 const cellClassName = '.dx-scheduler-date-table-cell';
 const onContextMenuItemClick = (e) => {
-  e.itemData.onItemClick?.(e);
+  e.itemData?.onItemClick?.(e);
 };
 const App = () => {
   const schedulerRef = useRef(null);
@@ -26,7 +26,7 @@ const App = () => {
       onItemClick: (e) =>
         scheduler?.updateAppointment(appointmentData, {
           ...appointmentData,
-          ...{ roomId: [e.itemData.id] },
+          ...{ roomId: [e.itemData?.id] },
         }),
     }));
     setTarget(appointmentClassName);
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/App.tsx b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/App.tsx
index 3a415c2a8e58..2cdbdb986692 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/App.tsx
@@ -1,7 +1,10 @@
 import React, { useCallback, useState } from 'react';
-import Scheduler, { Resource, type SchedulerTypes } from 'devextreme-react/scheduler';
-import { Switch, type SwitchTypes } from 'devextreme-react/switch';
-import { NumberBox, type NumberBoxTypes } from 'devextreme-react/number-box';
+import Scheduler, { Resource } from 'devextreme-react/scheduler';
+import { Switch } from 'devextreme-react/switch';
+import { NumberBox } from 'devextreme-react/number-box';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
+import type { SwitchTypes } from 'devextreme-react/switch';
+import type { NumberBoxTypes } from 'devextreme-react/number-box';
 
 import { data, moviesData } from './data.ts';
 import AppointmentTemplate from './AppointmentTemplate.tsx';
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue
index 9c2e165e47a1..b2939d9766f1 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue
@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
 import { query as Query } from 'devextreme-vue/common/data';
-import { type DxSchedulerTypes } from 'devextreme-vue/scheduler';
+import type { DxSchedulerTypes } from 'devextreme-vue/scheduler';
 import { moviesData } from './data.ts';
 
 const props = defineProps<{
diff --git a/apps/demos/Demos/Scheduler/CustomViewDuration/React/App.tsx b/apps/demos/Demos/Scheduler/CustomViewDuration/React/App.tsx
index faa059b468c8..29d38564f397 100644
--- a/apps/demos/Demos/Scheduler/CustomViewDuration/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/CustomViewDuration/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import { data } from './data.ts';
 
diff --git a/apps/demos/Demos/Scheduler/Editing/React/App.tsx b/apps/demos/Demos/Scheduler/Editing/React/App.tsx
index 68a06c6374a4..5ca267609c8a 100644
--- a/apps/demos/Demos/Scheduler/Editing/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/Editing/React/App.tsx
@@ -13,15 +13,15 @@ const showToast = (event: string, value: string, type: string) => {
 };
 
 const showAddedToast = (e: SchedulerTypes.AppointmentAddedEvent) => {
-  showToast('Added', e.appointmentData.text, 'success');
+  showToast('Added', e.appointmentData.text ?? '', 'success');
 };
 
 const showUpdatedToast = (e: SchedulerTypes.AppointmentUpdatedEvent) => {
-  showToast('Updated', e.appointmentData.text, 'info');
+  showToast('Updated', e.appointmentData.text ?? '', 'info');
 };
 
 const showDeletedToast = (e: SchedulerTypes.AppointmentDeletedEvent) => {
-  showToast('Deleted', e.appointmentData.text, 'warning');
+  showToast('Deleted', e.appointmentData.text ?? '', 'warning');
 };
 
 const App = () => {
diff --git a/apps/demos/Demos/Scheduler/Editing/ReactJs/App.js b/apps/demos/Demos/Scheduler/Editing/ReactJs/App.js
index ad8b3e9bdc5d..9920f6750be7 100644
--- a/apps/demos/Demos/Scheduler/Editing/ReactJs/App.js
+++ b/apps/demos/Demos/Scheduler/Editing/ReactJs/App.js
@@ -10,13 +10,13 @@ const showToast = (event, value, type) => {
   notify(`${event} "${value}" task`, type, 800);
 };
 const showAddedToast = (e) => {
-  showToast('Added', e.appointmentData.text, 'success');
+  showToast('Added', e.appointmentData.text ?? '', 'success');
 };
 const showUpdatedToast = (e) => {
-  showToast('Updated', e.appointmentData.text, 'info');
+  showToast('Updated', e.appointmentData.text ?? '', 'info');
 };
 const showDeletedToast = (e) => {
-  showToast('Deleted', e.appointmentData.text, 'warning');
+  showToast('Deleted', e.appointmentData.text ?? '', 'warning');
 };
 const App = () => {
   const [allowAdding, setAllowAdding] = useState(true);
diff --git a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/App.tsx b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/App.tsx
index 909d34cd94eb..c7b62e96311e 100644
--- a/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/GoogleCalendarIntegration/React/App.tsx
@@ -1,11 +1,13 @@
 import 'whatwg-fetch';
 import React from 'react';
 
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
+import type { LoadOptions } from 'devextreme/data';
 
 import { CustomStore } from 'devextreme-react/common/data';
 
-const getData = async (_, requestOptions) => {
+const getData = async (_: LoadOptions, requestOptions: RequestInit & { showDeleted: boolean }) => {
   const GOOGLE_CALENDAR_URL = 'https://www.googleapis.com/calendar/v3/calendars/';
   const CALENDAR_ID = 'f7jnetm22dsjc3npc2lu3buvu4@group.calendar.google.com';
   const PUBLIC_KEY = 'AIzaSyBnNAISIUKe6xdhq1_rjor2rxoI3UlMY7k';
diff --git a/apps/demos/Demos/Scheduler/GroupByDate/React/App.tsx b/apps/demos/Demos/Scheduler/GroupByDate/React/App.tsx
index 992df21fd44d..667b38a68715 100644
--- a/apps/demos/Demos/Scheduler/GroupByDate/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/GroupByDate/React/App.tsx
@@ -1,6 +1,7 @@
 import React, { useCallback, useState } from 'react';
 
-import Switch, { type SwitchTypes } from 'devextreme-react/switch';
+import Switch from 'devextreme-react/switch';
+import type { SwitchTypes } from 'devextreme-react/switch';
 import Scheduler, { Resource, View } from 'devextreme-react/scheduler';
 import { data, priorityData } from './data.ts';
 
diff --git a/apps/demos/Demos/Scheduler/Overview/React/App.tsx b/apps/demos/Demos/Scheduler/Overview/React/App.tsx
index 29588d559451..7265c367b0b8 100644
--- a/apps/demos/Demos/Scheduler/Overview/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/Overview/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import Scheduler, { Resource, type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler, { Resource } from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import { employees, data } from './data.ts';
 import DataCell from './DataCell.tsx';
diff --git a/apps/demos/Demos/Scheduler/RecurringAppointments/React/App.tsx b/apps/demos/Demos/Scheduler/RecurringAppointments/React/App.tsx
index c99213f36aa9..aded629f816b 100644
--- a/apps/demos/Demos/Scheduler/RecurringAppointments/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/RecurringAppointments/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import Scheduler, { Resource, type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler, { Resource } from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import { data, resourcesData } from './data.ts';
 
diff --git a/apps/demos/Demos/Scheduler/Resources/React/App.tsx b/apps/demos/Demos/Scheduler/Resources/React/App.tsx
index 8cbbc9cfb16b..c35b9f2b5f5d 100644
--- a/apps/demos/Demos/Scheduler/Resources/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/Resources/React/App.tsx
@@ -8,7 +8,8 @@ import Scheduler, {
   type SchedulerTypes,
 } from 'devextreme-react/scheduler';
 
-import RadioGroup, { type RadioGroupTypes } from 'devextreme-react/radio-group';
+import RadioGroup from 'devextreme-react/radio-group';
+import type { RadioGroupTypes } from 'devextreme-react/radio-group';
 
 import {
   data, assignees, rooms, priorities, resourcesList,
diff --git a/apps/demos/Demos/Scheduler/SignalRService/React/App.tsx b/apps/demos/Demos/Scheduler/SignalRService/React/App.tsx
index 8637b0c5f722..00e717f8cec4 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/SignalRService/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 
diff --git a/apps/demos/Demos/Scheduler/SimpleArray/React/App.tsx b/apps/demos/Demos/Scheduler/SimpleArray/React/App.tsx
index 0ae0ebd705d8..79f85b51fc94 100644
--- a/apps/demos/Demos/Scheduler/SimpleArray/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/SimpleArray/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import { data } from './data.ts';
 
diff --git a/apps/demos/Demos/Scheduler/Templates/React/App.tsx b/apps/demos/Demos/Scheduler/Templates/React/App.tsx
index 46db5575cb8e..a477a4291487 100644
--- a/apps/demos/Demos/Scheduler/Templates/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/Templates/React/App.tsx
@@ -5,18 +5,20 @@ import Scheduler, {
   Form as SchedulerForm,
   Item,
   Label,
-  type SchedulerTypes,
 } from 'devextreme-react/scheduler';
 import { query } from 'devextreme-react/common/data';
-import { type SelectBoxTypes } from 'devextreme-react/select-box';
-import { type FormTypes } from 'devextreme-react/form';
-import { type PopupTypes } from 'devextreme-react/popup';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
+import type { SelectBoxTypes } from 'devextreme-react/select-box';
+import type { FormTypes } from 'devextreme-react/form';
+import type { PopupTypes } from 'devextreme-react/popup';
 import Appointment from './Appointment.tsx';
 import AppointmentTooltip from './AppointmentTooltip.tsx';
 import MovieInfoContainer from './MovieInfoContainer.tsx';
 import {
-  data, moviesData, theatreData, type MovieResource,
+  data, moviesData, theatreData,
 } from './data.ts';
+import type { MovieResource } from './data.ts';
+import type { ToolbarItem } from 'devextreme/ui/popup';
 
 type dxForm = NonNullable<FormTypes.InitializedEvent['component']>;
 
@@ -42,7 +44,7 @@ const App = () => {
 
   const onPopupOptionChanged = useCallback((e: PopupTypes.OptionChangedEvent) => {
     if (e.fullName === 'toolbarItems' && e.value) {
-      e.value.forEach((item, index: number) => {
+      e.value.forEach((item: ToolbarItem & { shortcut?: string }, index: number) => {
         if (item.shortcut === 'done' || item.shortcut === 'cancel') {
           e.component.option(`toolbarItems[${index}].toolbar`, 'bottom');
         }
@@ -57,23 +59,23 @@ const App = () => {
 
   const updateEndDate = useCallback((movie: MovieResource): void => {
     const form = formInstanceRef.current;
-    const formData = form.option('formData');
+    const formData = form?.option('formData');
     const { startDate } = formData;
 
     if (startDate) {
       const newEndDate = new Date(startDate.getTime() + 60 * 1000 * movie.duration);
-      form.updateData('endDate', newEndDate);
+      form?.updateData('endDate', newEndDate);
     }
   }, []);
 
   const onFormInitialized = useCallback((e: FormTypes.InitializedEvent) => {
     const form = e.component;
-    formInstanceRef.current = form;
+    form && (formInstanceRef.current = form);
 
-    form.on('fieldDataChanged', (fieldEvent: FormTypes.FieldDataChangedEvent) => {
+    form?.on('fieldDataChanged', (fieldEvent: FormTypes.FieldDataChangedEvent) => {
       if (fieldEvent.dataField === 'startDate') {
-        const currentFormData = form.option('formData');
-        const movie = getMovieById(currentFormData.movieId);
+        const currentFormData = form?.option('formData');
+        const movie = getMovieById(currentFormData?.movieId);
 
         if (movie) {
           updateEndDate(movie);
@@ -87,7 +89,7 @@ const App = () => {
     const movie = getMovieById(e.value);
 
     if (movie) {
-      form.updateData('director', movie.director);
+      form?.updateData('director', movie.director);
       updateEndDate(movie);
     }
   }, [updateEndDate]);
diff --git a/apps/demos/Demos/Scheduler/Templates/React/Appointment.tsx b/apps/demos/Demos/Scheduler/Templates/React/Appointment.tsx
index e4c31ddf4c98..d8450dadcd7e 100644
--- a/apps/demos/Demos/Scheduler/Templates/React/Appointment.tsx
+++ b/apps/demos/Demos/Scheduler/Templates/React/Appointment.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { query as Query } from 'devextreme-react/common/data';
 import { formatDate } from 'devextreme-react/common/core/localization';
-import { type SchedulerTypes } from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 import { moviesData } from './data.ts';
 
 const getMovieById = (id: number) => Query(moviesData).filter(['id', id]).toArray()[0];
diff --git a/apps/demos/Demos/Scheduler/Templates/React/AppointmentTooltip.tsx b/apps/demos/Demos/Scheduler/Templates/React/AppointmentTooltip.tsx
index 850ea3752795..d9d699ca705d 100644
--- a/apps/demos/Demos/Scheduler/Templates/React/AppointmentTooltip.tsx
+++ b/apps/demos/Demos/Scheduler/Templates/React/AppointmentTooltip.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { query as Query } from 'devextreme-react/common/data';
-import { type SchedulerTypes } from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import { moviesData } from './data.ts';
 
diff --git a/apps/demos/Demos/Scheduler/Templates/React/MovieInfoContainer.tsx b/apps/demos/Demos/Scheduler/Templates/React/MovieInfoContainer.tsx
index 5dc48501e0b3..b8b2d48904ae 100644
--- a/apps/demos/Demos/Scheduler/Templates/React/MovieInfoContainer.tsx
+++ b/apps/demos/Demos/Scheduler/Templates/React/MovieInfoContainer.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { type FormTypes } from 'devextreme-react/form';
+import type { FormTypes } from 'devextreme-react/form';
 import { query } from 'devextreme-react/common/data';
 import { moviesData, type MovieResource } from './data.ts';
 
@@ -18,9 +18,9 @@ const MovieInfoContainer: React.FC<MovieInfoContainerProps> = ({ formInstanceRef
 
   useEffect(() => {
     const form = formInstanceRef.current;
-    const formData = form.option('formData');
+    const formData = form?.option('formData');
 
-    const currentMovie = getMovieById(formData.movieId);
+    const currentMovie = getMovieById(formData?.movieId);
     setMovie(currentMovie);
 
     const handleFieldDataChanged = (e: FormTypes.FieldDataChangedEvent) => {
@@ -30,10 +30,10 @@ const MovieInfoContainer: React.FC<MovieInfoContainerProps> = ({ formInstanceRef
       }
     };
 
-    form.on('fieldDataChanged', handleFieldDataChanged);
+    form?.on('fieldDataChanged', handleFieldDataChanged);
 
     return () => {
-      form.off('fieldDataChanged', handleFieldDataChanged);
+      form?.off('fieldDataChanged', handleFieldDataChanged);
     };
   }, [formInstanceRef]);
 
diff --git a/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js b/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js
index 9e0ecad18d15..dc51a6b3ed60 100644
--- a/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js
+++ b/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js
@@ -43,21 +43,21 @@ const App = () => {
   );
   const updateEndDate = useCallback((movie) => {
     const form = formInstanceRef.current;
-    const formData = form.option('formData');
+    const formData = form?.option('formData');
     const { startDate } = formData;
     if (startDate) {
       const newEndDate = new Date(startDate.getTime() + 60 * 1000 * movie.duration);
-      form.updateData('endDate', newEndDate);
+      form?.updateData('endDate', newEndDate);
     }
   }, []);
   const onFormInitialized = useCallback(
     (e) => {
       const form = e.component;
-      formInstanceRef.current = form;
-      form.on('fieldDataChanged', (fieldEvent) => {
+      form && (formInstanceRef.current = form);
+      form?.on('fieldDataChanged', (fieldEvent) => {
         if (fieldEvent.dataField === 'startDate') {
-          const currentFormData = form.option('formData');
-          const movie = getMovieById(currentFormData.movieId);
+          const currentFormData = form?.option('formData');
+          const movie = getMovieById(currentFormData?.movieId);
           if (movie) {
             updateEndDate(movie);
           }
@@ -71,7 +71,7 @@ const App = () => {
       const form = formInstanceRef.current;
       const movie = getMovieById(e.value);
       if (movie) {
-        form.updateData('director', movie.director);
+        form?.updateData('director', movie.director);
         updateEndDate(movie);
       }
     },
diff --git a/apps/demos/Demos/Scheduler/Templates/ReactJs/MovieInfoContainer.js b/apps/demos/Demos/Scheduler/Templates/ReactJs/MovieInfoContainer.js
index 80c56a84348c..22642f9df7a0 100644
--- a/apps/demos/Demos/Scheduler/Templates/ReactJs/MovieInfoContainer.js
+++ b/apps/demos/Demos/Scheduler/Templates/ReactJs/MovieInfoContainer.js
@@ -8,8 +8,8 @@ const MovieInfoContainer = ({ formInstanceRef }) => {
   const [movie, setMovie] = useState(null);
   useEffect(() => {
     const form = formInstanceRef.current;
-    const formData = form.option('formData');
-    const currentMovie = getMovieById(formData.movieId);
+    const formData = form?.option('formData');
+    const currentMovie = getMovieById(formData?.movieId);
     setMovie(currentMovie);
     const handleFieldDataChanged = (e) => {
       if (e.dataField === 'movieId') {
@@ -17,9 +17,9 @@ const MovieInfoContainer = ({ formInstanceRef }) => {
         setMovie(updatedMovie);
       }
     };
-    form.on('fieldDataChanged', handleFieldDataChanged);
+    form?.on('fieldDataChanged', handleFieldDataChanged);
     return () => {
-      form.off('fieldDataChanged', handleFieldDataChanged);
+      form?.off('fieldDataChanged', handleFieldDataChanged);
     };
   }, [formInstanceRef]);
   return (
diff --git a/apps/demos/Demos/Scheduler/Templates/Vue/App.vue b/apps/demos/Demos/Scheduler/Templates/Vue/App.vue
index ad3dab4345d9..403899953246 100644
--- a/apps/demos/Demos/Scheduler/Templates/Vue/App.vue
+++ b/apps/demos/Demos/Scheduler/Templates/Vue/App.vue
@@ -101,9 +101,9 @@ import DxScheduler, {
   DxForm as DxSchedulerForm,
   type DxSchedulerTypes,
 } from 'devextreme-vue/scheduler';
-import { type DxFormTypes } from 'devextreme-vue/form';
-import { type DxSelectBoxTypes } from 'devextreme-vue/select-box';
-import { type DxPopupTypes } from 'devextreme-vue/popup';
+import type { DxFormTypes } from 'devextreme-vue/form';
+import type { DxSelectBoxTypes } from 'devextreme-vue/select-box';
+import type { DxPopupTypes } from 'devextreme-vue/popup';
 import { query } from 'devextreme-vue/common/data';
 import type { MovieResource } from './data.ts';
 import AppointmentTemplate from './AppointmentTemplate.vue';
diff --git a/apps/demos/Demos/Scheduler/TimeZonesSupport/React/App.tsx b/apps/demos/Demos/Scheduler/TimeZonesSupport/React/App.tsx
index 02efa162bf9d..2560560bb3b2 100644
--- a/apps/demos/Demos/Scheduler/TimeZonesSupport/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/TimeZonesSupport/React/App.tsx
@@ -1,6 +1,8 @@
 import React, { useCallback, useState } from 'react';
-import Scheduler, { Editing, type SchedulerTypes } from 'devextreme-react/scheduler';
-import SelectBox, { type SelectBoxTypes } from 'devextreme-react/select-box';
+import Scheduler, { Editing } from 'devextreme-react/scheduler';
+import SelectBox from 'devextreme-react/select-box';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
+import type { SelectBoxTypes } from 'devextreme-react/select-box';
 
 import * as timeZoneUtils from 'devextreme/time_zone_utils';
 import { data, locations } from './data.ts';
diff --git a/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx b/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx
index 92475caf5178..205e0edb20aa 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx
@@ -1,10 +1,12 @@
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 
-import { Scheduler, Resource, Toolbar, Item, type SchedulerRef, type SchedulerTypes } from 'devextreme-react/scheduler';
-import { SelectBox, type SelectBoxTypes } from 'devextreme-react/select-box';
-import { type DataSource } from 'devextreme-react/common/data';
+import { Scheduler, Resource, Toolbar, Item } from 'devextreme-react/scheduler';
+import { SelectBox } from 'devextreme-react/select-box';
+import type { DataSource } from 'devextreme-react/common/data';
+import type { SchedulerRef, SchedulerTypes } from 'devextreme-react/scheduler';
+import type { SelectBoxTypes } from 'devextreme-react/select-box';
 
-import { assignees, schedulerDataSource, currentDate } from './data.ts';
+import { assignees, data, currentDate } from './data.ts';
 
 const views: SchedulerTypes.ViewType[] = ['day', 'week', 'workWeek', 'month'];
 const selectBoxPlaceholder = 'Select Employee';
@@ -52,7 +54,7 @@ const App = () => {
     }
 
     const currentDate = scheduler.option('currentDate');
-    const cellDuration = scheduler.option('cellDuration');
+    const cellDuration = Number(scheduler.option('cellDuration'));
     const cellDurationMs = cellDuration * MS_IN_HOUR;
     const currentTime = new Date(currentDate as Date).getTime();
     const roundTime = Math.round(currentTime / cellDurationMs) * cellDurationMs;
@@ -74,7 +76,7 @@ const App = () => {
   return (
     <Scheduler
       timeZone="America/Los_Angeles"
-      dataSource={schedulerDataSource}
+      dataSource={data}
       views={views}
       defaultCurrentView="workWeek"
       defaultCurrentDate={currentDate}
diff --git a/apps/demos/Demos/Scheduler/Toolbar/React/data.ts b/apps/demos/Demos/Scheduler/Toolbar/React/data.ts
index 8ea330b2e5a3..2ee9d39cb9fb 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/React/data.ts
+++ b/apps/demos/Demos/Scheduler/Toolbar/React/data.ts
@@ -1,5 +1,4 @@
-import { type SchedulerTypes } from 'devextreme-react/scheduler';
-import { DataSource } from 'devextreme-react/common/data';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 type Appointment = SchedulerTypes.Appointment & {
   assigneeId: number[];
@@ -14,7 +13,7 @@ const now = new Date(new Date().setUTCHours(0, 0, 0, 0));
 const startOfTheWeek = addDays(now, -now.getUTCDay());
 export const currentDate = new Date(2025, 5, 10);
 const currentStartOfTheWeek = addDays(currentDate, -currentDate.getUTCDay());
-const data: Appointment[] = [
+export const data: Appointment[] = [
   {
     text: 'Website Re-Design Plan',
     assigneeId: [4],
@@ -99,7 +98,6 @@ const data: Appointment[] = [
     endDate: new Date(addDays(currentStartOfTheWeek, 4).setUTCHours(21)),
   },
 ];
-export const schedulerDataSource = new DataSource(data);
 
 export const assignees: Assignee[] = [
   {
diff --git a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js
index 5d5455945db1..e189d0934201 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js
+++ b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js
@@ -5,7 +5,7 @@ import {
   Scheduler, Resource, Toolbar, Item,
 } from 'devextreme-react/scheduler';
 import { SelectBox } from 'devextreme-react/select-box';
-import { assignees, schedulerDataSource, currentDate } from './data.js';
+import { assignees, data, currentDate } from './data.js';
 
 const views = ['day', 'week', 'workWeek', 'month'];
 const selectBoxPlaceholder = 'Select Employee';
@@ -46,7 +46,7 @@ const App = () => {
       return;
     }
     const currentDate = scheduler.option('currentDate');
-    const cellDuration = scheduler.option('cellDuration');
+    const cellDuration = Number(scheduler.option('cellDuration'));
     const cellDurationMs = cellDuration * MS_IN_HOUR;
     const currentTime = new Date(currentDate).getTime();
     const roundTime = Math.round(currentTime / cellDurationMs) * cellDurationMs;
@@ -73,7 +73,7 @@ const App = () => {
   return (
     <Scheduler
       timeZone="America/Los_Angeles"
-      dataSource={schedulerDataSource}
+      dataSource={data}
       views={views}
       defaultCurrentView="workWeek"
       defaultCurrentDate={currentDate}
diff --git a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/data.js b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/data.js
index eff35ed3d659..091778f36aaa 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/data.js
+++ b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/data.js
@@ -1,11 +1,9 @@
-import { DataSource } from 'devextreme-react/common/data';
-
 const addDays = (date, days) => new Date(new Date(date).setUTCDate(date.getUTCDate() + days));
 const now = new Date(new Date().setUTCHours(0, 0, 0, 0));
 const startOfTheWeek = addDays(now, -now.getUTCDay());
 export const currentDate = new Date(2025, 5, 10);
 const currentStartOfTheWeek = addDays(currentDate, -currentDate.getUTCDay());
-const data = [
+export const data = [
   {
     text: 'Website Re-Design Plan',
     assigneeId: [4],
@@ -105,7 +103,6 @@ const data = [
     endDate: new Date(addDays(currentStartOfTheWeek, 4).setUTCHours(21)),
   },
 ];
-export const schedulerDataSource = new DataSource(data);
 export const assignees = [
   {
     text: 'Samantha Bright',
diff --git a/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue b/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue
index 83a231d6a262..1a798fcf1b94 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue
+++ b/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue
@@ -1,7 +1,7 @@
 <template>
   <DxScheduler
     time-zone="America/Los_Angeles"
-    :data-source="schedulerDataSource"
+    :data-source="data"
     :views="views"
     current-view="workWeek"
     :current-date="currentDate"
@@ -56,11 +56,12 @@
 import { ref } from 'vue';
 import {
   DxScheduler, DxResource,
-  DxToolbar, DxItem, type DxSchedulerTypes,
+  DxToolbar, DxItem,
 } from 'devextreme-vue/scheduler';
+import type { DxSchedulerTypes } from 'devextreme-vue/scheduler';
 import { DxSelectBox, type DxSelectBoxTypes } from 'devextreme-vue/select-box';
-import { type DataSource } from 'devextreme-vue/common/data';
-import { assignees, currentDate, schedulerDataSource } from './data.ts';
+import type { DataSource } from 'devextreme-vue/common/data';
+import { assignees, currentDate, data } from './data.ts';
 
 const MS_IN_HOUR = 60 * 1000;
 const views: DxSchedulerTypes.ViewType[] = ['day', 'week', 'workWeek', 'month'];
diff --git a/apps/demos/Demos/Scheduler/Toolbar/Vue/data.ts b/apps/demos/Demos/Scheduler/Toolbar/Vue/data.ts
index d770fdebb1d1..9f5648ef9f09 100644
--- a/apps/demos/Demos/Scheduler/Toolbar/Vue/data.ts
+++ b/apps/demos/Demos/Scheduler/Toolbar/Vue/data.ts
@@ -1,7 +1,6 @@
-import { type SchedulerTypes } from 'devextreme-react/scheduler';
-import { DataSource } from 'devextreme-vue/common/data';
+import type { DxSchedulerTypes } from 'devextreme-vue/scheduler';
 
-type CustomAppointment = SchedulerTypes.Appointment & {
+type CustomAppointment = DxSchedulerTypes.Appointment & {
   assigneeId: number[];
 };
 
@@ -10,7 +9,7 @@ const now = new Date(new Date().setUTCHours(0, 0, 0, 0));
 const startOfTheWeek = addDays(now, -now.getUTCDay());
 export const currentDate = new Date(2025, 5, 10);
 const currentStartOfTheWeek = addDays(currentDate, -currentDate.getUTCDay());
-const data: CustomAppointment[] = [
+export const data: CustomAppointment[] = [
   {
     text: 'Website Re-Design Plan',
     assigneeId: [4],
@@ -95,7 +94,6 @@ const data: CustomAppointment[] = [
     endDate: new Date(addDays(currentStartOfTheWeek, 4).setUTCHours(21)),
   },
 ];
-export const schedulerDataSource = new DataSource(data);
 
 export const assignees = [
   {
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/React/App.tsx b/apps/demos/Demos/Scheduler/WebAPIService/React/App.tsx
index 59adf85fc13b..fec41f896f7b 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/WebAPIService/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 
diff --git a/apps/demos/Demos/Scheduler/WorkShifts/React/App.tsx b/apps/demos/Demos/Scheduler/WorkShifts/React/App.tsx
index b30ff057e091..2fdc9db7d68b 100644
--- a/apps/demos/Demos/Scheduler/WorkShifts/React/App.tsx
+++ b/apps/demos/Demos/Scheduler/WorkShifts/React/App.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 
-import Scheduler, { type SchedulerTypes } from 'devextreme-react/scheduler';
+import Scheduler from 'devextreme-react/scheduler';
+import type { SchedulerTypes } from 'devextreme-react/scheduler';
 import RadioGroup from 'devextreme-react/radio-group';
 
 import { data, shifts } from './data.ts';
diff --git a/apps/demos/tsconfig.react-check.json b/apps/demos/tsconfig.react-check.json
index dbf16f035daa..331a208d2405 100644
--- a/apps/demos/tsconfig.react-check.json
+++ b/apps/demos/tsconfig.react-check.json
@@ -25,10 +25,6 @@
    "Demos/FloatingActionButton/**/React/**/*.tsx",
    "Demos/Gantt/**/React/**/*.ts",
    "Demos/Gantt/**/React/**/*.tsx",
-   "Demos/Pagination/**/React/**/*.ts",
-   "Demos/Pagination/**/React/**/*.tsx",
-   "Demos/Scheduler/**/React/**/*.ts",
-   "Demos/Scheduler/**/React/**/*.tsx",
    "Demos/VectorMap/**/React/**/*.ts",
    "Demos/VectorMap/**/React/**/*.tsx",
    "Demos/Localization/**/React/**/*.ts",