@syncfusion/ej2-schedule 24.2.4 → 25.1.35

package/styles/schedule/icons/_bds.scss

@@ -0,0 +1,235 @@
+@include export-module('schedule-bds-icons') {
+  .e-schedule {
+    .e-schedule-toolbar {
+      & .e-icon-prev::before {
+        content: '\e765';
+      }
+
+      & .e-icon-next::before {
+        content: '\e748';
+      }
+
+      & .e-icon-add::before {
+        content: '\e805';
+      }
+
+      & .e-icon-today::before {
+        content: '\e778';
+      }
+
+      & .e-icon-down-arrow::before {
+        content: '\e729';
+      }
+
+      & .e-icon-day::before {
+        content: '\e75e';
+      }
+
+      & .e-icon-week::before {
+        content: '\e817';
+      }
+
+      & .e-icon-workweek::before {
+        content: '\e817';
+      }
+
+      & .e-icon-month::before {
+        content: '\e7c5';
+      }
+
+      & .e-icon-month-agenda::before {
+        content: '\e75b';
+      }
+
+      & .e-icon-agenda::before {
+        content: '\e74c';
+      }
+
+      & .e-icon-year::before {
+        content: '\e7c5';
+      }
+
+      & .e-icon-timeline-year-vertical::before {
+        content: '\e876';
+      }
+
+      & .e-icon-timeline-year-horizontal::before {
+        content: '\e876';
+      }
+
+      & .e-icon-timeline-day::before {
+        content: '\e7da';
+      }
+
+      & .e-icon-timeline-week::before {
+        content: '\e81f';
+      }
+
+      & .e-icon-timeline-workweek::before {
+        content: '\e720';
+      }
+
+      & .e-icon-timeline-month::before {
+        content: '\e876';
+      }
+
+      &.e-toolbar {
+        .e-popup-down-icon::before {
+          content: '\e770';
+        }
+
+        .e-popup-up-icon::before {
+          content: '\e770';
+        }
+      }
+
+      &.e-rtl {
+        & .e-icon-prev::before {
+          content: '\e748';
+        }
+
+        & .e-icon-next::before {
+          content: '\e765';
+        }
+      }
+    }
+
+    .e-schedule-resource-toolbar {
+      & .e-icon-menu::before {
+        content: '\e799';
+      }
+
+      & .e-icon-next::before {
+        content: '\e748';
+      }
+    }
+
+    .e-close-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-block-indicator::before {
+      content: '\e839';
+    }
+
+    .e-appointment {
+      .e-recurrence-icon::before {
+        content: '\e772';
+      }
+
+      .e-recurrence-edit-icon::before {
+        content: '\e789';
+      }
+
+      .e-up-icon::before {
+        content: '\e822';
+      }
+
+      .e-down-icon::before {
+        content: '\e7fe';
+      }
+
+      .e-left-icon::before {
+        content: '\e744';
+      }
+
+      .e-right-icon::before {
+        content: '\e7a9';
+      }
+    }
+
+    .e-vertical-view .e-all-day-cells {
+      .e-all-day-appointment-section::before {
+        content: '\e729';
+      }
+    }
+
+    &.e-rtl {
+      .e-appointment {
+        & .e-left-icon::before {
+          content: '\e7a9';
+        }
+
+        & .e-right-icon::before {
+          content: '\e744';
+        }
+      }
+    }
+
+    .e-resource-tree-icon::before {
+      content: '\e748';
+    }
+  }
+
+  .e-schedule-dialog.e-device {
+    .e-back-icon::before {
+      content: '\e773';
+    }
+
+    .e-save-icon::before {
+      content: '\e7c8';
+    }
+
+    .e-delete-icon::before {
+      content: '\e820';
+    }
+
+    .e-recurrence-container {
+      .e-recurrence-edit-button {
+        .e-recurrence-edit.e-icons::before {
+          content: '\e730';
+        }
+      }
+    }
+  }
+
+  .e-schedule-dialog.e-device.e-rtl {
+    .e-back-icon::before {
+      content: '\e7f9';
+    }
+  }
+
+  .e-quick-popup-wrapper {
+    .e-edit-icon::before {
+      content: '\e730';
+    }
+
+    .e-delete-icon::before {
+      content: '\e820';
+    }
+
+    .e-close-icon::before {
+      content: '\e7e7';
+    }
+
+    .e-time-icon::before {
+      content: '\e705';
+    }
+
+    .e-location-icon::before {
+      content: '\e756';
+    }
+
+    .e-time-zone-icon::before {
+      content: '\e804';
+    }
+
+    .e-description-icon::before {
+      content: '\e7c0';
+    }
+
+    .e-resource-icon::before {
+      content: '\e7b9';
+    }
+
+    .e-date-time-icon::before {
+      content: '\e7da';
+    }
+  }
+
+  .e-more-popup-wrapper.e-device {
+    .e-close-icon::before {
+      content: '\e7e7';
+    }
+  }
+}

package/styles/schedule/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/schedule/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;
 }

package/styles/schedule/material3-dark.css

@@ -400,6 +400,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 48px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 48px;
   min-height: 48px;
@@ -481,6 +484,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;
@@ -507,6 +513,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: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
@@ -1340,7 +1360,7 @@
   cursor: default;
   font-weight: normal;
   height: 34px;
-  padding: 8px;
+  padding: 3px;
 }
 .e-schedule .e-month-view .e-content-table {
   height: 100%;
@@ -2554,8 +2574,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: 32px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2875,6 +2895,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;
@@ -3464,6 +3497,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/schedule/material3.css

@@ -456,6 +456,9 @@
   font-size: 14px;
   text-transform: none;
 }
+.e-schedule .e-schedule-toolbar .e-toolbar-items {
+  height: 48px;
+}
 .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
   height: 48px;
   min-height: 48px;
@@ -537,6 +540,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;
@@ -563,6 +569,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: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
@@ -1396,7 +1416,7 @@
   cursor: default;
   font-weight: normal;
   height: 34px;
-  padding: 8px;
+  padding: 3px;
 }
 .e-schedule .e-month-view .e-content-table {
   height: 100%;
@@ -2610,8 +2630,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: 32px;
 }
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -2931,6 +2951,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;
@@ -3520,6 +3553,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/schedule/tailwind-dark.css

@@ -313,6 +313,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;
@@ -385,6 +388,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;
@@ -411,6 +417,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: #374151;
   border-bottom: 0;
@@ -1244,7 +1264,7 @@
   cursor: default;
   font-weight: normal;
   height: 34px;
-  padding: 8px;
+  padding: 3px;
 }
 .e-schedule .e-month-view .e-content-table {
   height: 100%;
@@ -2458,8 +2478,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,
@@ -2779,6 +2799,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;
@@ -3368,6 +3401,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;
 }