Update packages/devextreme/js/__internal/scheduler/appointment_popup/appointment_popup.test.ts

Co-authored-by: Copilot <[email protected]>
Signed-off-by: Aleksei Semikozov <[email protected]>

Author: aleksei-semikozov

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

@@ -1327,7 +1327,7 @@ describe('Appointment Popup Form', () => {
     });
   });
 
-  describe('Form custimization', () => {
+  describe('Form customization', () => {
     it('should propagate editing.form options to the form instance', async () => {
       const { scheduler, POM } = await createScheduler({
         ...getDefaultConfig(),

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

@@ -208,9 +208,8 @@ export class AppointmentForm {
   private createForm(items: FormProperties['items']): dxForm {
     const element = $('<div>');
     const editingConfig = this.scheduler.getEditingConfig();
-    const userFormOptions = editingConfig?.form ?? {};
-
-    return this.scheduler.createComponent(element, dxForm, {
+    const customFormOptions = editingConfig?.form ?? {};
+    const defaultOptions: FormProperties = {
       items,
       formData: {},
       showColonAfterLabel: false,
@@ -259,8 +258,11 @@ export class AppointmentForm {
         this._dxForm = e.component;
         this._recurrenceForm.dxForm = this.dxForm;
       },
-      ...userFormOptions,
-    } as FormProperties) as dxForm;
+    };
+
+    const formOptions = extend(true, defaultOptions, customFormOptions);
+
+    return this.scheduler.createComponent(element, dxForm, formOptions) as dxForm;
   }
 
   private createMainFormGroup(): GroupItem {