apply copilot's review

Author: Tucchhaa

packages/devextreme/js/__internal/scheduler/appointments_new/appointment_collector.test.ts

@@ -124,7 +124,7 @@ describe('AppointmentCollector', () => {
     });
   });
 
-  describe('Resize', () => {
+  describe('Geometry', () => {
     it('should have correct top and left on init', () => {
       const instance = createAppointmentCollector({
         ...getProperties(defaultAppointmentData),
@@ -163,6 +163,8 @@ describe('AppointmentCollector', () => {
 
       expect(instance.$element().css('top')).toBe('150px');
       expect(instance.$element().css('left')).toBe('250px');
+      expect(instance.$element().css('height')).toBe('30px');
+      expect(instance.$element().css('width')).toBe('40px');
     });
   });
 

packages/devextreme/js/__internal/scheduler/appointments_new/appointment_collector.ts

@@ -32,6 +32,8 @@ export class AppointmentCollector
   extends DOMComponent<AppointmentCollector, AppointmentCollectorProperties> {
   private defaultAppointmentCollectorTemplate!: FunctionTemplate;
 
+  private buttonInstance?: Button;
+
   override _init(): void {
     super._init();
 
@@ -54,6 +56,11 @@ export class AppointmentCollector
       top: this.option().geometry.top,
       left: this.option().geometry.left,
     });
+
+    this.buttonInstance?.option({
+      width: this.option().geometry.width,
+      height: this.option().geometry.height,
+    });
   }
 
   private applyElementClasses(): void {
@@ -85,7 +92,7 @@ export class AppointmentCollector
       ? this.defaultAppointmentCollectorTemplate
       : this.option().appointmentCollectorTemplate;
 
-    this._createComponent(this.$element(), Button, {
+    this.buttonInstance = this._createComponent(this.$element(), Button, {
       type: 'default',
       width: this.option().geometry.width,
       height: this.option().geometry.height,

packages/devextreme/js/__internal/scheduler/appointments_new/appointments.ts

@@ -170,7 +170,11 @@ export class Appointments extends DOMComponent<Appointments, AppointmentsPropert
       const { allDay, sortedIndex } = diffItem.item;
 
       switch (true) {
-        case diffItem.needToRemove && !isRepaintAll: {
+        case diffItem.needToRemove: {
+          if (isRepaintAll) {
+            break;
+          }
+
           this.getAppointmentElement(sortedIndex).remove();
           break;
         }

packages/devextreme/js/__internal/scheduler/m_scheduler.ts

@@ -70,6 +70,7 @@ import type {
   AppointmentTooltipItem,
   SafeAppointment,
   ScrollToGroupValuesOrOptions, ScrollToOptions, TargetedAppointment,
+  ViewType,
 } from './types';
 import { AppointmentAdapter } from './utils/appointment_adapter/appointment_adapter';
 import { AppointmentDataAccessor } from './utils/data_accessor/appointment_data_accessor';
@@ -318,9 +319,8 @@ class Scheduler extends SchedulerOptionsBaseWidget {
 
         if (this.option('_newAppointments')) {
           this._appointments.option({
+            currentView: value,
             viewModel: [],
-            allowDrag: this.allowDragging(),
-            allowResize: this.allowResizing(),
             // TODO<Appointments>: update appointmentTemplate and appointmentCollectorTemplate
           });
         } else {
@@ -1044,6 +1044,7 @@ class Scheduler extends SchedulerOptionsBaseWidget {
         : this.getViewOption('appointmentTemplate');
 
       const appointmentsConfig: Partial<AppointmentsProperties> = {
+        currentView: this.option('currentView') as ViewType,
         // TODO<Appointments>: set custom templates
         appointmentTemplate: appointmentTemplateValue,
         appointmentCollectorTemplate: this.getViewOption('appointmentCollectorTemplate'),