Scheduler: use timezones second parameter in demo

Author: sjbur

apps/demos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts

@@ -44,7 +44,7 @@ export class AppComponent {
     this.currentTimeZone = this.timeZones[0].id;
   }
 
-  getDefaultTimeZones = (date: Date) => getTimeZones(date).filter((timeZone) => this.service.getLocations().indexOf(timeZone.id) !== -1);
+  getDefaultTimeZones = (date: Date) => getTimeZones(date, this.service.getLocations())
 
   onAppointmentFormOpening({ form }: DxSchedulerTypes.AppointmentFormOpeningEvent) {
     const startDateDataSource = form.getEditor('startDateTimeZone').option('dataSource') as DataSource;

apps/demos/Demos/Scheduler/TimeZonesSupport/React/App.tsx

@@ -10,11 +10,7 @@ const timeZoneLabel = { 'aria-label': 'Time zone' };
 const currentDate = new Date(2021, 3, 27);
 const views: SchedulerTypes.ViewType[] = ['workWeek'];
 
-const getTimeZones = (date: Date) => {
-  const timeZones = timeZoneUtils.getTimeZones(date);
-
-  return timeZones.filter((timeZone: { id: string; }) => locations.indexOf(timeZone.id) !== -1);
-};
+const getTimeZones = (date) => timeZoneUtils.getTimeZones(date, locations)
 
 const defaultTimeZones = getTimeZones(currentDate);
 

apps/demos/Demos/Scheduler/TimeZonesSupport/ReactJs/App.js

@@ -7,10 +7,7 @@ import { data, locations } from './data.js';
 const timeZoneLabel = { 'aria-label': 'Time zone' };
 const currentDate = new Date(2021, 3, 27);
 const views = ['workWeek'];
-const getTimeZones = (date) => {
-  const timeZones = timeZoneUtils.getTimeZones(date);
-  return timeZones.filter((timeZone) => locations.indexOf(timeZone.id) !== -1);
-};
+const getTimeZones = (date) => timeZoneUtils.getTimeZones(date, locations);
 const defaultTimeZones = getTimeZones(currentDate);
 const onAppointmentFormOpening = (e) => {
   const { form } = e;

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

@@ -40,10 +40,7 @@ const views = ['workWeek'];
 const dataSource = data;
 const currentDate = new Date(2021, 3, 27);
 
-const getTimeZones = function(date: Date) {
-  const timeZones = getTimeZonesUtility(date);
-  return timeZones.filter((timeZone) => locations.indexOf(timeZone.id) !== -1);
-};
+const getTimeZones = (date: Date) => getTimeZonesUtility(date, locations)
 
 const timeZones = ref(getTimeZones(currentDate));
 const currentTimeZone = ref(timeZones.value[0].id);

apps/demos/Demos/Scheduler/TimeZonesSupport/jQuery/index.js

@@ -1,10 +1,7 @@
 $(() => {
   const currentDate = new Date(2021, 3, 27);
 
-  const getTimeZones = function (date) {
-    const timeZones = DevExpress.utils.getTimeZones(date);
-    return timeZones.filter((timeZone) => locations.indexOf(timeZone.id) !== -1);
-  };
+  const getTimeZones = (date) => DevExpress.utils.getTimeZones(date, locations)
 
   const timeZones = getTimeZones(currentDate);