From 76c7dfc17c49f5429032480a83924f3ffa35329a Mon Sep 17 00:00:00 2001 From: charlescordialDevExpress Date: Mon, 1 Jun 2026 12:32:06 +0800 Subject: [PATCH] fix: add missing side-effect imports in Scheduler demos --- .../Demos/Scheduler/Templates/Angular/app/app.component.ts | 1 + apps/demos/Demos/Scheduler/Templates/React/App.tsx | 1 + apps/demos/Demos/Scheduler/Templates/ReactJs/App.js | 1 + apps/demos/Demos/Scheduler/Templates/Vue/App.vue | 1 + .../Demos/Scheduler/Toolbar/Angular/app/app.component.ts | 4 ++-- apps/demos/Demos/Scheduler/Toolbar/React/App.tsx | 1 + apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js | 1 + apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue | 1 + 8 files changed, 9 insertions(+), 2 deletions(-) diff --git a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts index 5a8a40cbb778..418d04d3a0d4 100644 --- a/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts +++ b/apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.ts @@ -12,6 +12,7 @@ import { formatDate } from 'devextreme-angular/common/core/localization'; import { query } from 'devextreme-angular/common/data'; import { DxSchedulerModule, DxSchedulerComponent } from 'devextreme-angular/ui/scheduler'; import { DxSelectBoxTypes } from 'devextreme-angular/ui/select-box'; +import 'devextreme/ui/select_box'; import { DxFormTypes } from 'devextreme-angular/ui/form'; import { DxPopupTypes } from 'devextreme-angular/ui/popup'; diff --git a/apps/demos/Demos/Scheduler/Templates/React/App.tsx b/apps/demos/Demos/Scheduler/Templates/React/App.tsx index ee868d85ed1e..8819a08d2ddd 100644 --- a/apps/demos/Demos/Scheduler/Templates/React/App.tsx +++ b/apps/demos/Demos/Scheduler/Templates/React/App.tsx @@ -9,6 +9,7 @@ import Scheduler, { import { query } from 'devextreme-react/common/data'; import type { SchedulerTypes } from 'devextreme-react/scheduler'; import type { SelectBoxTypes } from 'devextreme-react/select-box'; +import 'devextreme/ui/select_box'; import type { FormTypes } from 'devextreme-react/form'; import type { PopupTypes } from 'devextreme-react/popup'; import type { ToolbarItem } from 'devextreme/ui/popup'; diff --git a/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js b/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js index dc51a6b3ed60..06f077acdcc6 100644 --- a/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js +++ b/apps/demos/Demos/Scheduler/Templates/ReactJs/App.js @@ -7,6 +7,7 @@ import Scheduler, { Label, } from 'devextreme-react/scheduler'; import { query } from 'devextreme-react/common/data'; +import 'devextreme/ui/select_box'; import Appointment from './Appointment.js'; import AppointmentTooltip from './AppointmentTooltip.js'; import MovieInfoContainer from './MovieInfoContainer.js'; diff --git a/apps/demos/Demos/Scheduler/Templates/Vue/App.vue b/apps/demos/Demos/Scheduler/Templates/Vue/App.vue index 403899953246..8657609765cf 100644 --- a/apps/demos/Demos/Scheduler/Templates/Vue/App.vue +++ b/apps/demos/Demos/Scheduler/Templates/Vue/App.vue @@ -103,6 +103,7 @@ import DxScheduler, { } from 'devextreme-vue/scheduler'; import type { DxFormTypes } from 'devextreme-vue/form'; import type { DxSelectBoxTypes } from 'devextreme-vue/select-box'; +import 'devextreme/ui/select_box'; import type { DxPopupTypes } from 'devextreme-vue/popup'; import { query } from 'devextreme-vue/common/data'; import type { MovieResource } from './data.ts'; diff --git a/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts index ca88c4a86d3e..c1fa67309c6f 100644 --- a/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts +++ b/apps/demos/Demos/Scheduler/Toolbar/Angular/app/app.component.ts @@ -1,6 +1,7 @@ import { bootstrapApplication } from '@angular/platform-browser'; import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from '@angular/core'; -import { DxButtonModule, type DxButtonTypes } from 'devextreme-angular/ui/button'; +import { type DxButtonTypes } from 'devextreme-angular/ui/button'; +import 'devextreme/ui/button'; import { DxSchedulerModule, DxSchedulerComponent } from 'devextreme-angular/ui/scheduler'; import { DxSelectBoxModule, type DxSelectBoxTypes } from 'devextreme-angular/ui/select-box'; import { Service } from './app.service'; @@ -22,7 +23,6 @@ if (window && window.config?.packageConfigPaths) { templateUrl: `.${modulePrefix}/app.component.html`, providers: [Service], imports: [ - DxButtonModule, DxSchedulerModule, DxSelectBoxModule, ], diff --git a/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx b/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx index 205e0edb20aa..2a5d5407e65c 100644 --- a/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx +++ b/apps/demos/Demos/Scheduler/Toolbar/React/App.tsx @@ -5,6 +5,7 @@ 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 'devextreme/ui/button'; import { assignees, data, currentDate } from './data.ts'; diff --git a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js index e189d0934201..eb1cc0d33a1e 100644 --- a/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js +++ b/apps/demos/Demos/Scheduler/Toolbar/ReactJs/App.js @@ -5,6 +5,7 @@ import { Scheduler, Resource, Toolbar, Item, } from 'devextreme-react/scheduler'; import { SelectBox } from 'devextreme-react/select-box'; +import 'devextreme/ui/button'; import { assignees, data, currentDate } from './data.js'; const views = ['day', 'week', 'workWeek', 'month']; diff --git a/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue b/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue index 1a798fcf1b94..00854c3202ae 100644 --- a/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue +++ b/apps/demos/Demos/Scheduler/Toolbar/Vue/App.vue @@ -61,6 +61,7 @@ import { 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 'devextreme/ui/button'; import { assignees, currentDate, data } from './data.ts'; const MS_IN_HOUR = 60 * 1000;