Scheduler New Form — Address review: use element(), simplify updateAnimationOffset

Author: aleksei-semikozov

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

@@ -1602,7 +1602,7 @@ describe('Appointment Form', () => {
 
       POM.popup.selectRepeatValue('weekly');
 
-      const formElement = POM.popup.dxForm.$element()[0];
+      const formElement = POM.popup.dxForm.element();
       const animationTop = formElement.style.getPropertyValue('--dx-scheduler-animation-top');
       expect(animationTop).toBe('50px');
     });

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

@@ -1071,15 +1071,12 @@ export class AppointmentForm {
       return;
     }
 
-    const formElement = this.dxForm.$element()[0];
+    const formElement = this.dxForm.element();
     const mainGroupElement = this._$mainGroup[0];
-
-    if (formElement && mainGroupElement) {
-      const formRect = formElement.getBoundingClientRect();
-      const groupRect = mainGroupElement.getBoundingClientRect();
-      const topOffset = groupRect.top - formRect.top;
-      formElement.style.setProperty('--dx-scheduler-animation-top', `${topOffset}px`);
-    }
+    const formRect = formElement.getBoundingClientRect();
+    const groupRect = mainGroupElement.getBoundingClientRect();
+    const topOffset = groupRect.top - formRect.top;
+    formElement.style.setProperty('--dx-scheduler-animation-top', `${topOffset}px`);
   }
 
   private focusFirstFocusableInGroup($group: dxElementWrapper): void {