@syncfusion/ej2-schedule 24.2.4 → 25.1.35

package/styles/fabric.css

@@ -280,6 +280,9 @@
   font-size: 14px;
   text-transform: initial;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -352,6 +355,9 @@
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
   height: calc(100% - 20px);
 }
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
+  height: 56px;
+}
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 56px;
   min-height: 56px;
@@ -378,6 +384,20 @@
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
 .e-schedule .e-schedule-resource-toolbar {
   background: #fff;
   border-bottom: 1px solid #dadada;
@@ -2425,8 +2445,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2746,6 +2766,19 @@
   float: right;
 }
 
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
 .e-ddl.e-popup .e-resource-template {
   display: -ms-flexbox;
   display: flex;
@@ -3335,6 +3368,18 @@
   margin-right: 0;
 }
 
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
   font-size: 24px;
 }

package/styles/fluent-dark.css

@@ -164,6 +164,11 @@
   border-left-width: 0;
 }
 
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -1.5em;
+}
+
 /*! Schedule component's bootstrap5 theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
@@ -349,6 +354,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 38px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 38px;
   min-height: 38px;
@@ -421,6 +429,9 @@
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
   height: calc(100% - 20px);
 }
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
+  height: 54px;
+}
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 54px;
   min-height: 54px;
@@ -447,6 +458,20 @@
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
 .e-schedule .e-schedule-resource-toolbar {
   background: #1b1a19;
   border-bottom: 1px solid #292827;
@@ -2494,8 +2519,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 54px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2815,6 +2840,19 @@
   float: right;
 }
 
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
 .e-ddl.e-popup .e-resource-template {
   display: -ms-flexbox;
   display: flex;
@@ -3404,6 +3442,18 @@
   margin-right: 0;
 }
 
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
   font-size: 24px;
 }

package/styles/fluent.css

@@ -164,6 +164,11 @@
   border-left-width: 0;
 }
 
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+  margin-top: -1.5em;
+}
+
 /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap5 theme definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: "\e765";
@@ -349,6 +354,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 38px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 38px;
   min-height: 38px;
@@ -421,6 +429,9 @@
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
   height: calc(100% - 20px);
 }
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
+  height: 54px;
+}
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 54px;
   min-height: 54px;
@@ -447,6 +458,20 @@
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
 .e-schedule .e-schedule-resource-toolbar {
   background: #fff;
   border-bottom: 1px solid #edebe9;
@@ -2494,8 +2519,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 54px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2815,6 +2840,19 @@
   float: right;
 }
 
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
 .e-ddl.e-popup .e-resource-template {
   display: -ms-flexbox;
   display: flex;
@@ -3404,6 +3442,18 @@
   margin-right: 0;
 }
 
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
   font-size: 24px;
 }

package/styles/highcontrast-light.css

@@ -362,6 +362,9 @@
   font-size: 14px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -434,6 +437,9 @@
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
   height: calc(100% - 20px);
 }
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
+  height: 56px;
+}
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 56px;
   min-height: 56px;
@@ -460,6 +466,20 @@
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
 .e-schedule .e-schedule-resource-toolbar {
   background: #fff;
   border-bottom: 1px solid #757575;
@@ -2507,8 +2527,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2828,6 +2848,19 @@
   float: right;
 }
 
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
 .e-ddl.e-popup .e-resource-template {
   display: -ms-flexbox;
   display: flex;
@@ -3417,6 +3450,18 @@
   margin-right: 0;
 }
 
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
   font-size: 24px;
 }

package/styles/highcontrast.css

@@ -371,6 +371,9 @@
   font-size: 14px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 43px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 43px;
   min-height: 43px;
@@ -443,6 +446,9 @@
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
   height: calc(100% - 20px);
 }
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
+  height: 56px;
+}
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 56px;
   min-height: 56px;
@@ -469,6 +475,20 @@
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
 .e-schedule .e-schedule-resource-toolbar {
   background: #000;
   border-bottom: 1px solid #969696;
@@ -2516,8 +2536,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2837,6 +2857,19 @@
   float: right;
 }
 
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
 .e-ddl.e-popup .e-resource-template {
   display: -ms-flexbox;
   display: flex;
@@ -3426,6 +3459,18 @@
   margin-right: 0;
 }
 
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
   font-size: 24px;
 }

package/styles/material-dark.css

@@ -306,6 +306,9 @@
   font-size: 13px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 42px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 42px;
   min-height: 42px;
@@ -378,6 +381,9 @@
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
   height: calc(100% - 20px);
 }
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
+  height: 56px;
+}
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 56px;
   min-height: 56px;
@@ -404,6 +410,20 @@
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
 .e-schedule .e-schedule-resource-toolbar {
   background: #212121;
   border-bottom: 0;
@@ -2451,8 +2471,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2772,6 +2792,19 @@
   float: right;
 }
 
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
 .e-ddl.e-popup .e-resource-template {
   display: -ms-flexbox;
   display: flex;
@@ -3361,6 +3394,18 @@
   margin-right: 0;
 }
 
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
   font-size: 24px;
 }

package/styles/material.css

@@ -342,6 +342,9 @@
   font-size: 13px;
   text-transform: uppercase;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 42px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 42px;
   min-height: 42px;
@@ -414,6 +417,9 @@
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
   height: calc(100% - 20px);
 }
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
+  height: 56px;
+}
 .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 56px;
   min-height: 56px;
@@ -440,6 +446,20 @@
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
+@media screen and (max-width: 320px) {
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
+    width: 100%;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-left: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
+    padding-right: 7px;
+  }
+  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
+    font-size: 8px;
+  }
+}
 .e-schedule .e-schedule-resource-toolbar {
   background: #fafafa;
   border-bottom: 0;
@@ -2487,8 +2507,8 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item {
   min-height: 56px;
 }
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer),
+.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   min-width: 34px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2808,6 +2828,19 @@
   float: right;
 }
 
+/*! schedule event window for smaller viewports*/
+@media screen and (max-width: 320px) {
+  .e-schedule-dialog.e-popup.e-popup-open {
+    max-height: 350px;
+    min-width: 100%;
+  }
+  .e-schedule-dialog .e-all-day-container {
+    padding-bottom: 10px;
+  }
+  .e-schedule-dialog .e-all-day-time-zone-row {
+    display: block;
+  }
+}
 .e-ddl.e-popup .e-resource-template {
   display: -ms-flexbox;
   display: flex;
@@ -3397,6 +3430,18 @@
   margin-right: 0;
 }
 
+/*! schedule quick popup for smaller viewports */
+@media screen and (max-width: 320px) {
+  .e-quick-popup-wrapper {
+    min-width: 100%;
+  }
+  .e-quick-popup-wrapper .e-popup-footer {
+    padding-left: 5px;
+  }
+  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
+    padding-right: 5px;
+  }
+}
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
   font-size: 24px;
 }