dxScheduler- update appointment layout in demo(day shift) (#3053)

* Add colon * Update data * Fix shortcomings in server-side demos * Fix data in reactjs * Fix react.js data
DevExpress · Nov 30, 2023 · 66c9fd3 · 66c9fd3
1 parent 4164cb3
commit 66c9fd3
Show file tree

Hide file tree

Showing 14 changed files with 28 additions and 28 deletions.
diff --git a/JSDemos/Demos/Scheduler/WorkShifts/Angular/app/app.component.html b/JSDemos/Demos/Scheduler/WorkShifts/Angular/app/app.component.html
@@ -1,6 +1,6 @@
 <div class="options">
   <div class="option">
-    <div class="label">Work Hours</div>
+    <div class="label">Work Hours:</div>
     <div class="value">
       <dx-radio-group
         [items]="shifts"

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/Angular/app/app.service.ts b/JSDemos/Demos/Scheduler/WorkShifts/Angular/app/app.service.ts
@@ -30,7 +30,7 @@ export const appointments: Appointment[] = [{
 }, {
   text: 'Approve Personal Computer Upgrade Plan',
   startDate: '2021-03-31T01:30:00.000Z',
-  endDate: '2021-03-31T02:00:00.000Z',
+  endDate: '2021-03-31T03:00:00.000Z',
 }, {
   text: 'Final Budget Review',
   startDate: '2021-03-30T16:30:00.000Z',
@@ -46,7 +46,7 @@ export const appointments: Appointment[] = [{
 }, {
   text: 'Prepare 2021 Marketing Plan',
   startDate: '2021-04-01T16:30:00.000Z',
-  endDate: '2021-04-01T17:30:00.000Z',
+  endDate: '2021-04-01T18:00:00.000Z',
 }, {
   text: 'Brochure Design Review',
   startDate: '2021-04-02T17:30:00.000Z',
@@ -62,7 +62,7 @@ export const appointments: Appointment[] = [{
 }, {
   text: 'Launch New Website',
   startDate: '2021-04-01T01:30:00.000Z',
-  endDate: '2021-04-01T02:30:00.000Z',
+  endDate: '2021-04-01T03:00:00.000Z',
   recurrenceRule: 'FREQ=WEEKLY;BYDAY=WE;INTERVAL=2',
 }, {
   text: 'Install New Router in Dev Room',

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/React/App.tsx b/JSDemos/Demos/Scheduler/WorkShifts/React/App.tsx
@@ -14,7 +14,7 @@ const App = () => {
   return <React.Fragment>
     <div className="options">
       <div className="option">
-        <div className="label">Work Hours</div>
+        <div className="label">Work Hours:</div>
         <div className="value">
           <RadioGroup
             defaultValue={shifts[0]}

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/React/data.ts b/JSDemos/Demos/Scheduler/WorkShifts/React/data.ts
@@ -23,7 +23,7 @@ export const data: SchedulerTypes.Appointment[] = [{
 }, {
   text: 'Approve Personal Computer Upgrade Plan',
   startDate: '2021-03-31T01:30:00.000Z',
-  endDate: '2021-03-31T02:00:00.000Z',
+  endDate: '2021-03-31T03:00:00.000Z',
 }, {
   text: 'Final Budget Review',
   startDate: '2021-03-30T16:30:00.000Z',
@@ -39,7 +39,7 @@ export const data: SchedulerTypes.Appointment[] = [{
 }, {
   text: 'Prepare 2021 Marketing Plan',
   startDate: '2021-04-01T16:30:00.000Z',
-  endDate: '2021-04-01T17:30:00.000Z',
+  endDate: '2021-04-01T18:00:00.000Z',
 }, {
   text: 'Brochure Design Review',
   startDate: '2021-04-02T17:30:00.000Z',
@@ -55,7 +55,7 @@ export const data: SchedulerTypes.Appointment[] = [{
 }, {
   text: 'Launch New Website',
   startDate: '2021-04-01T01:30:00.000Z',
-  endDate: '2021-04-01T02:30:00.000Z',
+  endDate: '2021-04-01T03:00:00.000Z',
   recurrenceRule: 'FREQ=WEEKLY;BYDAY=WE;INTERVAL=2',
 }, {
   text: 'Install New Router in Dev Room',

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/ReactJs/App.js b/JSDemos/Demos/Scheduler/WorkShifts/ReactJs/App.js
@@ -11,7 +11,7 @@ const App = () => {
     <React.Fragment>
       <div className="options">
         <div className="option">
-          <div className="label">Work Hours</div>
+          <div className="label">Work Hours:</div>
           <div className="value">
             <RadioGroup
               defaultValue={shifts[0]}

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/ReactJs/data.js b/JSDemos/Demos/Scheduler/WorkShifts/ReactJs/data.js
@@ -21,7 +21,7 @@ export const data = [
   {
     text: 'Approve Personal Computer Upgrade Plan',
     startDate: '2021-03-31T01:30:00.000Z',
-    endDate: '2021-03-31T02:00:00.000Z',
+    endDate: '2021-03-31T03:00:00.000Z',
   },
   {
     text: 'Final Budget Review',
@@ -41,7 +41,7 @@ export const data = [
   {
     text: 'Prepare 2021 Marketing Plan',
     startDate: '2021-04-01T16:30:00.000Z',
-    endDate: '2021-04-01T17:30:00.000Z',
+    endDate: '2021-04-01T18:00:00.000Z',
   },
   {
     text: 'Brochure Design Review',
@@ -61,7 +61,7 @@ export const data = [
   {
     text: 'Launch New Website',
     startDate: '2021-04-01T01:30:00.000Z',
-    endDate: '2021-04-01T02:30:00.000Z',
+    endDate: '2021-04-01T03:00:00.000Z',
     recurrenceRule: 'FREQ=WEEKLY;BYDAY=WE;INTERVAL=2',
   },
   {

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/Vue/App.vue b/JSDemos/Demos/Scheduler/WorkShifts/Vue/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="options">
     <div class="option">
-      <div class="label">Work Hours</div>
+      <div class="label">Work Hours:</div>
       <div class="value">
         <DxRadioGroup
           :items="shifts"

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/Vue/data.ts b/JSDemos/Demos/Scheduler/WorkShifts/Vue/data.ts
@@ -28,7 +28,7 @@ export const appointments: Appointment[] = [{
 }, {
   text: 'Approve Personal Computer Upgrade Plan',
   startDate: '2021-03-31T01:30:00.000Z',
-  endDate: '2021-03-31T02:00:00.000Z',
+  endDate: '2021-03-31T03:00:00.000Z',
 }, {
   text: 'Final Budget Review',
   startDate: '2021-03-30T16:30:00.000Z',
@@ -44,7 +44,7 @@ export const appointments: Appointment[] = [{
 }, {
   text: 'Prepare 2021 Marketing Plan',
   startDate: '2021-04-01T16:30:00.000Z',
-  endDate: '2021-04-01T17:30:00.000Z',
+  endDate: '2021-04-01T18:00:00.000Z',
 }, {
   text: 'Brochure Design Review',
   startDate: '2021-04-02T17:30:00.000Z',
@@ -60,7 +60,7 @@ export const appointments: Appointment[] = [{
 }, {
   text: 'Launch New Website',
   startDate: '2021-04-01T01:30:00.000Z',
-  endDate: '2021-04-01T02:30:00.000Z',
+  endDate: '2021-04-01T03:00:00.000Z',
   recurrenceRule: 'FREQ=WEEKLY;BYDAY=WE;INTERVAL=2',
 }, {
   text: 'Install New Router in Dev Room',

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/jQuery/data.js b/JSDemos/Demos/Scheduler/WorkShifts/jQuery/data.js
@@ -16,7 +16,7 @@ const data = [{
 }, {
   text: 'Approve Personal Computer Upgrade Plan',
   startDate: '2021-03-31T01:30:00.000Z',
-  endDate: '2021-03-31T02:00:00.000Z',
+  endDate: '2021-03-31T03:00:00.000Z',
 }, {
   text: 'Final Budget Review',
   startDate: '2021-03-30T16:30:00.000Z',
@@ -32,7 +32,7 @@ const data = [{
 }, {
   text: 'Prepare 2021 Marketing Plan',
   startDate: '2021-04-01T16:30:00.000Z',
-  endDate: '2021-04-01T17:30:00.000Z',
+  endDate: '2021-04-01T18:00:00.000Z',
 }, {
   text: 'Brochure Design Review',
   startDate: '2021-04-02T17:30:00.000Z',
@@ -48,7 +48,7 @@ const data = [{
 }, {
   text: 'Launch New Website',
   startDate: '2021-04-01T01:30:00.000Z',
-  endDate: '2021-04-01T02:30:00.000Z',
+  endDate: '2021-04-01T03:00:00.000Z',
   recurrenceRule: 'FREQ=WEEKLY;BYDAY=WE;INTERVAL=2',
 }, {
   text: 'Install New Router in Dev Room',

diff --git a/JSDemos/Demos/Scheduler/WorkShifts/jQuery/index.html b/JSDemos/Demos/Scheduler/WorkShifts/jQuery/index.html
@@ -16,7 +16,7 @@
     <div class="demo-container">
       <div class="options">
         <div class="option">
-          <div class="label">Work Hours</div>
+          <div class="label">Work Hours:</div>
           <div class="value">
             <div id="shifts"></div>
           </div>

diff --git a/MVCDemos/Models/SampleData/WorkShiftsAppointmentData.cs b/MVCDemos/Models/SampleData/WorkShiftsAppointmentData.cs
@@ -12,7 +12,7 @@ public partial class SampleData {
             }, new Appointment {
               Text = "Approve Personal Computer Upgrade Plan",
               StartDate = "2021-03-31T01:30:00.000Z",
-              EndDate = "2021-03-31T02:00:00.000Z",
+              EndDate = "2021-03-31T03:00:00.000Z",
             }, new Appointment {
               Text = "Final Budget Review",
               StartDate = "2021-03-30T16:30:00.000Z",
@@ -28,7 +28,7 @@ public partial class SampleData {
             }, new Appointment {
               Text = "Prepare 2021 Marketing Plan",
               StartDate = "2021-04-01T16:30:00.000Z",
-              EndDate = "2021-04-01T17:30:00.000Z",
+              EndDate = "2021-04-01T18:00:00.000Z",
             }, new Appointment {
               Text = "Brochure Design Review",
               StartDate = "2021-04-02T17:30:00.000Z",
@@ -44,7 +44,7 @@ public partial class SampleData {
             }, new Appointment {
               Text = "Launch New Website",
               StartDate = "2021-04-01T01:30:00.000Z",
-              EndDate = "2021-04-01T02:30:00.000Z",
+              EndDate = "2021-04-01T03:00:00.000Z",
               RecurrenceRule = "FREQ=WEEKLY;BYDAY=WE;INTERVAL=2",
             }, new Appointment {
               Text = "Install New Router in Dev Room",

diff --git a/MVCDemos/Views/Scheduler/WorkShifts.cshtml b/MVCDemos/Views/Scheduler/WorkShifts.cshtml
@@ -2,7 +2,7 @@
 
 <div class="options">
     <div class="option">
-        <div class="label">Work Hours</div>
+        <div class="label">Work Hours:</div>
         <div class="value">
             @(Html.DevExtreme().RadioGroup()
                 .DataSource(Model.WorkShifts)

diff --git a/NetCoreDemos/Models/SampleData/WorkShiftsAppointmentData.cs b/NetCoreDemos/Models/SampleData/WorkShiftsAppointmentData.cs
@@ -11,7 +11,7 @@ public partial class SampleData {
             }, new Appointment {
               Text = "Approve Personal Computer Upgrade Plan",
               StartDate = "2021-03-31T01:30:00.000Z",
-              EndDate = "2021-03-31T02:00:00.000Z",
+              EndDate = "2021-03-31T03:00:00.000Z",
             }, new Appointment {
               Text = "Final Budget Review",
               StartDate = "2021-03-30T16:30:00.000Z",
@@ -27,7 +27,7 @@ public partial class SampleData {
             }, new Appointment {
               Text = "Prepare 2021 Marketing Plan",
               StartDate = "2021-04-01T16:30:00.000Z",
-              EndDate = "2021-04-01T17:30:00.000Z",
+              EndDate = "2021-04-01T18:00:00.000Z",
             }, new Appointment {
               Text = "Brochure Design Review",
               StartDate = "2021-04-02T17:30:00.000Z",
@@ -43,7 +43,7 @@ public partial class SampleData {
             }, new Appointment {
               Text = "Launch New Website",
               StartDate = "2021-04-01T01:30:00.000Z",
-              EndDate = "2021-04-01T02:30:00.000Z",
+              EndDate = "2021-04-01T03:00:00.000Z",
               RecurrenceRule = "FREQ=WEEKLY;BYDAY=WE;INTERVAL=2",
             }, new Appointment {
               Text = "Install New Router in Dev Room",

diff --git a/NetCoreDemos/Views/Scheduler/WorkShifts.cshtml b/NetCoreDemos/Views/Scheduler/WorkShifts.cshtml
@@ -2,7 +2,7 @@
 
 <div class="options">
     <div class="option">
-        <div class="label">Work Hours</div>
+        <div class="label">Work Hours:</div>
         <div class="value">
             @(Html.DevExtreme().RadioGroup()
                 .DataSource(Model.WorkShifts)