@syncfusion/ej2-angular-schedule 23.1.44 → 23.2.4-ngcc

package/styles/recurrence-editor/tailwind.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/definition/tailwind.scss';
-@import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-definition.scss';
-@import 'ej2-buttons/styles/radio-button/tailwind-definition.scss';
-@import 'ej2-calendars/styles/datepicker/tailwind-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/recurrence-editor/tailwind.scss';

package/styles/schedule/bootstrap-dark.css

@@ -133,6 +133,11 @@
   width: 40px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e990";
@@ -249,6 +254,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e964";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e94a";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e944";
 }
@@ -2993,7 +3001,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/bootstrap-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import '../recurrence-editor/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap-dark.scss';

package/styles/schedule/bootstrap.css

@@ -249,6 +249,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e964";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e94a";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e944";
 }
@@ -2993,7 +2996,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/bootstrap.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
-@import '../recurrence-editor/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap.scss';

package/styles/schedule/bootstrap4.css

@@ -358,6 +358,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e74d";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e773";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e78f";
 }
@@ -3102,7 +3105,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/bootstrap4.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap4-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
-@import '../recurrence-editor/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap4.scss';

package/styles/schedule/bootstrap5-dark.css

@@ -176,7 +176,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }
@@ -302,6 +303,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e7c8";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e820";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e730";
 }
@@ -3046,7 +3050,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/bootstrap5-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap5-dark.scss';

package/styles/schedule/bootstrap5.css

@@ -176,7 +176,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #212529;
   height: 100%;
 }
@@ -302,6 +303,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e7c8";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e820";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e730";
 }
@@ -3046,7 +3050,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/bootstrap5.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
-@import '../recurrence-editor/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/bootstrap5.scss';

package/styles/schedule/fabric-dark.css

@@ -100,6 +100,11 @@
   margin: 2px 2px 2px 0;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /*! recurrence editor theme wise definitions*/ /*! Schedule component's fabric theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e98f";
@@ -216,6 +221,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e954";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e965";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e97c";
 }
@@ -2960,7 +2968,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/fabric-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
-@import '../recurrence-editor/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/fabric-dark.scss';

package/styles/schedule/fabric.css

@@ -211,6 +211,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e954";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e965";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e97c";
 }
@@ -2955,7 +2958,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/fabric.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
-@import 'ej2-navigations/styles/treeview/fabric-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-calendars/styles/calendar/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import '../recurrence-editor/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/fabric.scss';

package/styles/schedule/fluent-dark.css

@@ -154,7 +154,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #f3f2f1;
   height: 100%;
 }
@@ -279,6 +280,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e7c8";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e820";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e730";
 }
@@ -3023,7 +3027,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/fluent-dark.scss

@@ -1,15 +1 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/fluent-dark.scss';

package/styles/schedule/fluent.css

@@ -154,7 +154,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #201f1e;
   height: 100%;
 }
@@ -279,6 +280,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e7c8";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e820";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e730";
 }
@@ -3023,7 +3027,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/fluent.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/fluent.scss';
-@import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
-@import 'ej2-navigations/styles/treeview/fluent-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-calendars/styles/calendar/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
-@import '../recurrence-editor/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/fluent.scss';

package/styles/schedule/highcontrast-light.css

@@ -293,6 +293,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e954";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e965";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e97c";
 }
@@ -3037,7 +3040,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/highcontrast-light.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/highcontrast-light.scss';
-@import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/calendar/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
-@import '../recurrence-editor/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/highcontrast-light.scss';

package/styles/schedule/highcontrast.css

@@ -181,6 +181,11 @@
   width: 30px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 /*! recurrence editor theme wise definitions*/ /*! Schedule component's highcontrast theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e98f";
@@ -297,6 +302,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e954";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e965";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e97c";
 }
@@ -3041,7 +3049,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/highcontrast.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/highcontrast.scss';
-@import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/calendar/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
-@import '../recurrence-editor/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/highcontrast.scss';

package/styles/schedule/material-dark.css

@@ -237,6 +237,9 @@
 .e-schedule-dialog.e-device .e-save-icon::before {
   content: "\e98e";
 }
+.e-schedule-dialog.e-device .e-delete-icon::before {
+  content: "\e94a";
+}
 .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
   content: "\e944";
 }
@@ -2981,7 +2984,16 @@
   cursor: pointer;
   line-height: normal;
 }
-.e-schedule-dialog.e-device .e-save-icon {
+.e-schedule-dialog.e-device .e-title-text {
+  text-align: center;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-back-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
+  width: 2.5em;
+}
+.e-schedule-dialog.e-device .e-save-icon,
+.e-schedule-dialog.e-device .e-delete-icon {
   text-align: right;
 }
 .e-schedule-dialog.e-device .e-time-zone-row,

package/styles/schedule/material-dark.scss

@@ -1,16 +1 @@
-@import 'ej2-base/styles/definition/material-dark.scss';
-@import 'ej2-navigations/styles/toolbar/material-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
-@import 'ej2-inputs/styles/input/material-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/material-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
-@import '../recurrence-editor/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-schedule/styles/schedule/material-dark.scss';