fix minor issues

Author: Tucchhaa

apps/demos/Demos/Scheduler/Templates/jQuery/index.html

@@ -10,7 +10,7 @@
     <script src="../../../../node_modules/cldrjs/dist/cldr/event.js"></script>
     <script src="../../../../node_modules/cldrjs/dist/cldr/supplemental.js"></script>
     <script src="../../../../node_modules/cldrjs/dist/cldr/unresolved.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.material.blue.dark.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="data.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />

apps/demos/Demos/Scheduler/Templates/jQuery/index.js

@@ -32,7 +32,6 @@ $(() => {
     },
     onAppointmentFormOpening(e) {
       form = e.form;
-      window.x = form;
 
       form.on('fieldDataChanged', (e) => {
         if (e.dataField === 'startDate') {
@@ -48,6 +47,7 @@ $(() => {
           {
             template: () => {
               $movieInfoContainer = $('<div class="movie-info-container">');
+              updateMovieInfoContainer(movie);
               return $movieInfoContainer;
             },
           },
@@ -69,8 +69,7 @@ $(() => {
                   onValueChanged(e) {
                     const movie = getMovieById(e.value);
 
-                    const $movieInfo = movieInfoTemplate(movie);
-                    $movieInfoContainer.empty().append($movieInfo);
+                    updateMovieInfoContainer(movie);
 
                     if (!form) {
                       return;
@@ -159,6 +158,11 @@ $(() => {
     `);
   }
 
+  function updateMovieInfoContainer(movie) {
+    const $movieInfo = movieInfoTemplate(movie);
+    $movieInfoContainer.empty().append($movieInfo);
+  }
+
   function getEditorStylingMode() {
     return $('.dx-theme-fluent, .dx-theme-material').length > 0 ? 'filled' : 'outlined';
   }

packages/devextreme/js/__internal/scheduler/appointment_popup/m_form.ts

@@ -785,10 +785,7 @@ export class AppointmentForm {
       return;
     }
 
-    const isSimpleItem = item.itemType === 'simple' || 'editorType' in item || 'editorOptions' in item;
-    const isGroupItem = 'items' in item;
-
-    if (isSimpleItem) {
+    if (item.itemType === 'simple') {
       const simpleItem = item as SimpleItem;
       const stylingMode = isFluent(current()) ? 'filled' : undefined;
 
@@ -799,8 +796,9 @@ export class AppointmentForm {
       return;
     }
 
-    if (isGroupItem) {
-      item.items?.forEach((child) => {
+    if (item.itemType === 'group') {
+      const groupItem = item as GroupItem;
+      groupItem.items?.forEach((child) => {
         this.setStylingModeToEditors(child, showIcon);
       });
     }

packages/devextreme/js/__internal/scheduler/appointment_popup/m_popup.ts

@@ -163,8 +163,6 @@ export class AppointmentPopup {
   }
 
   _updateForm(): void {
-    this.form.showMainGroup(false);
-
     const rawAppointment = this.state.appointment.data;
     const appointmentAdapter = this._createAppointmentAdapter(rawAppointment)
       .clone()
@@ -174,6 +172,8 @@ export class AppointmentPopup {
 
     this.form.formData = formData;
     this.form.readOnly = this._isReadOnly(appointmentAdapter);
+
+    this.form.showMainGroup(false);
   }
 
   _createFormData(appointmentAdapter: AppointmentAdapter): Record<string, any> {