Integrated latest changes at 11-23-2024 4:30:30 AM

Author: SyncfusionBuild

ej2-vue/code-snippet/schedule/calendar-export-cs2/app.vue

@@ -18,7 +18,7 @@
     </div>
 </template>
 <script>
-import { ScheduleComponent, Day, Week, WorkWeek, Month, Agenda, Resize, DragAndDrop, ICalendarExport, ICalendarImport } from "@syncfusion/ej2-vue-schedule";
+import { ScheduleComponent, ViewsDirective, ViewDirective, Day, Week, WorkWeek, Month, Agenda, Resize, DragAndDrop, ICalendarExport, ICalendarImport } from "@syncfusion/ej2-vue-schedule";
 import { ButtonComponent } from "@syncfusion/ej2-vue-buttons";
 import { scheduleData } from './datasource.js';
 

ej2-vue/code-snippet/schedule/cell-dimension-cs2/app.vue

@@ -13,7 +13,7 @@
 </template>
 <script>
 import { scheduleData } from './datasource.js';
-import { ScheduleComponent, Week, WorkWeek } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, Week, WorkWeek } from '@syncfusion/ej2-vue-schedule';
 
 export default {
     name: "App",

ej2-vue/code-snippet/schedule/cell-dimension-cs3/app.vue

@@ -24,7 +24,7 @@
     </div>
 </template>
 <script>
-import { ScheduleComponent, Day, Week, TimelineViews, Month } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, Day, Week, TimelineViews, Month } from '@syncfusion/ej2-vue-schedule';
 
 export default {
     name: "App",

ej2-vue/code-snippet/schedule/cell-dimension-cs5/app.vue

@@ -15,7 +15,7 @@
 </template>
 <script>
 import { Internationalization } from '@syncfusion/ej2-base';
-import { ScheduleComponent, Month } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, Month } from '@syncfusion/ej2-vue-schedule';
 
 const instance = new Internationalization();
 

ej2-vue/code-snippet/schedule/date-header-cs1/app.vue

@@ -23,7 +23,7 @@
 <script>
 import { Internationalization } from '@syncfusion/ej2-base';
 import { scheduleData } from './datasource.js';
-import { ScheduleComponent, Day, Week, Agenda, TimelineViews, TimelineMonth } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, Day, Week, Agenda, TimelineViews, TimelineMonth } from '@syncfusion/ej2-vue-schedule';
 
 var instance = new Internationalization();
 

ej2-vue/code-snippet/schedule/editor-window-cs3/app.vue

@@ -10,7 +10,7 @@
 import { ScheduleComponent, Day, Week, WorkWeek, Month, Agenda } from '@syncfusion/ej2-vue-schedule';
 import { scheduleData } from './datasource.js';
 
-let minValidation: (args) =>  = (args) => {
+let minValidation = (args) => {
   return args['value'].length >= 5;
 };
 

ej2-vue/code-snippet/schedule/localization-cs2/app.vue

@@ -15,7 +15,7 @@
 <script>
 import { scheduleData } from './datasource.js';
 import { L10n, loadCldr, setCulture } from '@syncfusion/ej2-base';
-import { ScheduleComponent, Day, Week, WorkWeek, Month } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, Day, Week, WorkWeek, Month } from '@syncfusion/ej2-vue-schedule';
 import * as localeText from './locale.json';
 import frNumberData from '@syncfusion/ej2-cldr-data/main/fr-CH/numbers.json';
 import frtimeZoneData from '@syncfusion/ej2-cldr-data/main/fr-CH/timeZoneNames.json';

ej2-vue/code-snippet/schedule/recur-editor-cs4/app.vue

@@ -4,7 +4,7 @@
       <div style='padding-bottom:15px;'>
         <label ref='ruleLabel' id='rule-label'>Rule Output</label>
         <div id='rule-output'>
-          <div v-for="(date, index) in dates" :key="index">{{ date }}</div>
+          <div v-for="date in dates" :key="date">{{ new Date(date).toString() }}</div>
         </div>
       </div>
       <ejs-recurrenceeditor id='editor' style="display: none;" ref='EditorObj' :selectedType='selectedType'>
@@ -14,7 +14,6 @@
 </template>
 <script>
 import { RecurrenceEditorComponent } from '@syncfusion/ej2-vue-schedule';
-import { createElement } from '@syncfusion/ej2-base';
 
 export default {
   name: "App",
@@ -30,9 +29,7 @@ export default {
   mounted: function () {
     let recObject = this.$refs.EditorObj;
     this.dates = recObject.getRecurrenceDates(new Date(2018, 0, 7, 10, 0), 'FREQ=DAILY;INTERVAL=1; COUNT=30', '20180108T114224Z,20180110T114224Z', 10, new Date(2018, 0, 7));
-    for (let index = 0; index < dates.length; index++) {
-      this.dates.push(new Date(dates[index]).toString());
-    }
+    this.dates = dates;
   }
 }
 </script>

ej2-vue/code-snippet/schedule/recurrence-cs2/app.vue

@@ -15,7 +15,7 @@ export default {
   },
   mounted: function () {
     let recObject = this.$refs.EditorObj;
-    recObject.endTypes = ["until", "count"];
+    recObject.setProperties({ endTypes: ["until", "count"] });
   }
 };
 </script>

ej2-vue/code-snippet/schedule/single-level-resource-cs2/app.vue

@@ -22,7 +22,7 @@
 
 <script>
 import { resourceData } from './datasource.js';
-import { ScheduleComponent, Week, Month, Agenda } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, ResourcesDirective, ResourceDirective, Week, Month, Agenda } from '@syncfusion/ej2-vue-schedule';
 
 export default {
     name: "App",

ej2-vue/code-snippet/schedule/time-zone-cs3/app.vue

@@ -17,7 +17,7 @@
 <script>
 import { fifaEventsData } from './datasource.js';
 import { extend } from '@syncfusion/ej2-base';
-import { ScheduleComponent, Day, Week, Month } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, Day, Week, Month } from '@syncfusion/ej2-vue-schedule';
 import { Timezone } from '@syncfusion/ej2-schedule';
 
 let timezone = new Timezone();

ej2-vue/code-snippet/schedule/time-zone-cs5/app.vue

@@ -15,7 +15,7 @@
 import { ScheduleComponent, ViewDirective, ViewsDirective, Day, Week, Month, timezoneData } from '@syncfusion/ej2-vue-schedule';
 import { scheduleData } from './datasource.js';
 
-let DataManager = [
+let data = [
     { Value: 'America/New_York', Text: '(UTC-05:00) Eastern Time' },
     { Value: 'UTC', Text: 'UTC' },
     { Value: 'Asia/Kolkata', Text: '(UTC+05:30) India Standard Time' }

ej2-vue/code-snippet/schedule/view-cs11/app.vue

@@ -10,7 +10,7 @@
     </div>
 </template>
 <script>
-import { Scheduleomponent, TimelineViews } from '@syncfusion/ej2-vue-schedule';
+import { ScheduleComponent, ViewsDirective, ViewDirective, TimelineViews } from '@syncfusion/ej2-vue-schedule';
 import { scheduleData } from './datasource.js';
 
 export default {

ej2-vue/code-snippet/schedule/year-customizations-cs1/app.vue

@@ -32,7 +32,7 @@
 
 <script>
 import { resourceData } from "./datasource.js";
-import { ScheduleComponent, Year, TimelineYear, Resize, DragAndDrop } from "@syncfusion/ej2-vue-schedule";
+import { ScheduleComponent, ViewsDirective, ViewDirective, ResourcesDirective, ResourceDirective, Year, TimelineYear, Resize, DragAndDrop } from "@syncfusion/ej2-vue-schedule";
 
 export default {
   name: "App",

ej2-vue/schedule/accessibility.md

@@ -89,7 +89,7 @@ The Scheduler component's accessibility levels are ensured through an [accessibi
 
 The accessibility compliance of the Scheduler component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/schedule.html) in a new window to evaluate the accessibility of the Scheduler component with accessibility tools.
 
-{% previewsample "https://ej2.syncfusion.com/accessibility/schedule.html" %}
+{% previewsample "page.domainurl/code-snippet/schedule/event-cs1" %}
 
 ## See also