fix lint and ts errors

Author: Tucchhaa

apps/demos/Demos/Scheduler/Templates/Angular/app/app.component.html

@@ -28,10 +28,7 @@ <h3>DXCinema Show Times</h3>
   <dxi-scheduler-resource fieldExpr="theatreId" [dataSource]="theatreData">
   </dxi-scheduler-resource>
 
-  <dxo-scheduler-editing
-    [allowAdding]="false"
-    [popup]="popupOptions"
-  >
+  <dxo-scheduler-editing [allowAdding]="false" [popup]="popupOptions">
     <dxo-scheduler-form [onInitialized]="onFormInitialized">
       <dxi-scheduler-item
         template="movie-info-form-template"

apps/demos/Demos/Scheduler/Templates/Vue/App.vue

@@ -156,7 +156,7 @@ const popupOptions = {
 };
 
 const updateEndDate = (movie: MovieResource): void => {
-  const form = formInstance.value;
+  const form = formInstance.value!;
   const formData = form.option('formData');
   const { startDate } = formData;
 
@@ -167,7 +167,7 @@ const updateEndDate = (movie: MovieResource): void => {
 };
 
 const onFormInitialized = (e: DxFormTypes.InitializedEvent): void => {
-  const form = e.component;
+  const form = e.component!;
   const formData = form.option('formData');
 
   formInstance.value = form;
@@ -185,11 +185,12 @@ const onFormInitialized = (e: DxFormTypes.InitializedEvent): void => {
 };
 
 const onMovieValueChanged = (e: DxSelectBoxTypes.ValueChangedEvent): void => {
+  const form = formInstance.value!;
   const movie = getMovieById(e.value);
   currentMovie.value = movie;
 
   if (movie) {
-    formInstance.value.updateData('director', movie.director);
+    form.updateData('director', movie.director);
     updateEndDate(movie);
   }
 };