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

@@ -1339,7 +1339,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

@@ -237,9 +237,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,
@@ -293,7 +292,10 @@ export class AppointmentForm {
         this._$mainGroup = $formElement.find(`.${CLASSES.mainGroup}`);
         this._$recurrenceGroup = $formElement.find(`.${CLASSES.recurrenceGroup}`);
       },
-    } as FormProperties) as dxForm;
+    } as FormProperties;
+    const formOptions = extend(true, defaultOptions, customFormOptions);
+
+    return this.scheduler.createComponent(element, dxForm, formOptions) as dxForm;
   }
 
   private createMainFormGroup(): GroupItem {