@syncfusion/ej2-calendars 32.2.8 → 33.1.44

package/styles/material-dark-lite.css

@@ -683,6 +683,10 @@ ejs-calendar {
   cursor: pointer;
 }
 
+.e-timepicker {
+  --dummy-style: true;
+}
+
 .e-timepicker.e-time-modal {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
@@ -987,6 +991,9 @@ ejs-calendar {
           box-sizing: border-box;
 }
 
+.e-datepicker {
+  --dummy-style: true;
+}
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -1454,6 +1461,9 @@ ejs-calendar {
   width: 0;
 }
 
+.e-daterangepicker {
+  --dummy-style: true;
+}
 .e-daterangepicker.e-popup {
   border: #616161;
   border-radius: 0;
@@ -2249,6 +2259,10 @@ ejs-calendar {
   margin: 0 0 4px 6px;
 }
 
+.e-datetimepicker {
+  --dummy-style: true;
+}
+
 .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
   margin: 0 6px 4px 0;
 }

package/styles/material-dark.css

@@ -1277,6 +1277,10 @@ ejs-calendar {
   cursor: pointer;
 }
 
+.e-timepicker {
+  --dummy-style: true;
+}
+
 .e-timepicker.e-time-modal {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
@@ -1649,6 +1653,9 @@ ejs-calendar {
           box-sizing: border-box;
 }
 
+.e-datepicker {
+  --dummy-style: true;
+}
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -2164,6 +2171,9 @@ ejs-calendar {
   width: 0;
 }
 
+.e-daterangepicker {
+  --dummy-style: true;
+}
 .e-daterangepicker.e-popup {
   border: #616161;
   border-radius: 0;
@@ -3610,6 +3620,10 @@ ejs-calendar {
   margin: 0 0 4px 6px;
 }
 
+.e-datetimepicker {
+  --dummy-style: true;
+}
+
 .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
   margin: 0 6px 4px 0;
 }

package/styles/material-lite.css

@@ -716,6 +716,10 @@ ejs-calendar {
   cursor: pointer;
 }
 
+.e-timepicker {
+  --dummy-style: true;
+}
+
 .e-timepicker.e-time-modal {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
@@ -1030,6 +1034,9 @@ ejs-calendar {
           box-sizing: border-box;
 }
 
+.e-datepicker {
+  --dummy-style: true;
+}
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -1507,6 +1514,9 @@ ejs-calendar {
   width: 0;
 }
 
+.e-daterangepicker {
+  --dummy-style: true;
+}
 .e-daterangepicker.e-popup {
   border: none;
   border-radius: 0;
@@ -2331,6 +2341,10 @@ ejs-calendar {
   margin: 0 0 4px 6px;
 }
 
+.e-datetimepicker {
+  --dummy-style: true;
+}
+
 .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
   margin: 0 6px 4px 0;
 }

package/styles/material.css

@@ -1311,6 +1311,10 @@ ejs-calendar {
   cursor: pointer;
 }
 
+.e-timepicker {
+  --dummy-style: true;
+}
+
 .e-timepicker.e-time-modal {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
@@ -1703,6 +1707,9 @@ ejs-calendar {
           box-sizing: border-box;
 }
 
+.e-datepicker {
+  --dummy-style: true;
+}
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -2228,6 +2235,9 @@ ejs-calendar {
   width: 0;
 }
 
+.e-daterangepicker {
+  --dummy-style: true;
+}
 .e-daterangepicker.e-popup {
   border: none;
   border-radius: 0;
@@ -3718,6 +3728,10 @@ ejs-calendar {
   margin: 0 0 4px 6px;
 }
 
+.e-datetimepicker {
+  --dummy-style: true;
+}
+
 .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
   margin: 0 6px 4px 0;
 }

package/styles/material3-dark-lite.css

@@ -1018,8 +1018,11 @@ ejs-calendar {
   cursor: pointer;
 }
 
+.e-timepicker {
+  --dummy-style: true;
+}
+
 .e-timepicker.e-time-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -1298,7 +1301,6 @@ ejs-calendar {
 }
 
 .e-timepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: none;
   border-radius: calc(var(--e-radius) * 0.25);
@@ -1306,7 +1308,6 @@ ejs-calendar {
           box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
@@ -1564,6 +1565,9 @@ ejs-calendar {
           box-sizing: border-box;
 }
 
+.e-datepicker {
+  --dummy-style: true;
+}
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -1573,7 +1577,6 @@ ejs-calendar {
   pointer-events: auto;
 }
 .e-datepicker.e-date-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -1585,7 +1588,6 @@ ejs-calendar {
   z-index: 999;
 }
 .e-datepicker .e-model-header {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   cursor: default;
@@ -2003,7 +2005,6 @@ ejs-calendar {
 }
 .e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: none;
 }
@@ -2233,6 +2234,9 @@ ejs-calendar {
   width: 0;
 }
 
+.e-daterangepicker {
+  --dummy-style: true;
+}
 .e-daterangepicker.e-popup {
   border: none;
   border-radius: calc(var(--e-radius) * 0.5);
@@ -2251,7 +2255,6 @@ ejs-calendar {
   max-height: none;
 }
 .e-daterangepicker.e-popup .e-range-header {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   padding: 16px 16px 0 16px;
   width: auto;
@@ -2983,11 +2986,9 @@ ejs-calendar {
 }
 
 .e-daterangepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
@@ -2995,7 +2996,6 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -3063,11 +3063,9 @@ ejs-calendar {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-daterangepicker.e-popup .e-separator {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-footer {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border-bottom-left-radius: calc(var(--e-radius) * 0.5);
   border-bottom-right-radius: calc(var(--e-radius) * 0.5);
@@ -3210,6 +3208,10 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetimepicker {
+  --dummy-style: true;
+}
+
 .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
   margin: 0;
 }
@@ -3249,7 +3251,6 @@ ejs-calendar {
 }
 
 .e-datetimepicker.e-time-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -3422,7 +3423,6 @@ ejs-calendar {
           box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {

package/styles/material3-dark.css

@@ -1706,8 +1706,11 @@ ejs-calendar {
   cursor: pointer;
 }
 
+.e-timepicker {
+  --dummy-style: true;
+}
+
 .e-timepicker.e-time-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -1986,7 +1989,6 @@ ejs-calendar {
 }
 
 .e-timepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: none;
   border-radius: calc(var(--e-radius) * 0.25);
@@ -1994,7 +1996,6 @@ ejs-calendar {
           box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
@@ -2385,6 +2386,9 @@ ejs-calendar {
           box-sizing: border-box;
 }
 
+.e-datepicker {
+  --dummy-style: true;
+}
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -2394,7 +2398,6 @@ ejs-calendar {
   pointer-events: auto;
 }
 .e-datepicker.e-date-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -2406,7 +2409,6 @@ ejs-calendar {
   z-index: 999;
 }
 .e-datepicker .e-model-header {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   cursor: default;
@@ -2824,7 +2826,6 @@ ejs-calendar {
 }
 .e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: none;
 }
@@ -2938,7 +2939,6 @@ ejs-calendar {
 }
 .e-bigger.e-datepicker .e-calendar,
 .e-bigger.e-small.e-datepicker .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: none;
 }
@@ -3175,6 +3175,9 @@ ejs-calendar {
   width: 0;
 }
 
+.e-daterangepicker {
+  --dummy-style: true;
+}
 .e-daterangepicker.e-popup {
   border: none;
   border-radius: calc(var(--e-radius) * 0.5);
@@ -3193,7 +3196,6 @@ ejs-calendar {
   max-height: none;
 }
 .e-daterangepicker.e-popup .e-range-header {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   padding: 16px 16px 0 16px;
   width: auto;
@@ -3925,11 +3927,9 @@ ejs-calendar {
 }
 
 .e-daterangepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
@@ -3937,7 +3937,6 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -4005,11 +4004,9 @@ ejs-calendar {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-daterangepicker.e-popup .e-separator {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-footer {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border-bottom-left-radius: calc(var(--e-radius) * 0.5);
   border-bottom-right-radius: calc(var(--e-radius) * 0.5);
@@ -4124,7 +4121,6 @@ ejs-calendar {
 }
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -4139,7 +4135,6 @@ ejs-calendar {
 .e-bigger .e-daterangepicker.e-popup,
 *.e-bigger.e-daterangepicker.e-popup,
 *.e-device.e-daterangepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
@@ -4380,7 +4375,6 @@ ejs-calendar {
 *.e-bigger.e-daterangepicker .e-end-btn,
 *.e-device.e-daterangepicker .e-start-btn,
 *.e-device.e-daterangepicker .e-end-btn {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
@@ -4418,7 +4412,6 @@ ejs-calendar {
   max-height: none;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   padding: 16px 16px 0 16px;
   width: auto;
@@ -4634,12 +4627,10 @@ ejs-calendar {
 
 .e-bigger.e-small .e-daterangepicker.e-popup,
 .e-bigger.e-small.e-daterangepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
@@ -4650,7 +4641,6 @@ ejs-calendar {
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -4748,12 +4738,10 @@ ejs-calendar {
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border-bottom-left-radius: calc(var(--e-radius) * 0.5);
   border-bottom-right-radius: calc(var(--e-radius) * 0.5);
@@ -4923,6 +4911,10 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetimepicker {
+  --dummy-style: true;
+}
+
 .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
   margin: 0;
 }
@@ -4962,7 +4954,6 @@ ejs-calendar {
 }
 
 .e-datetimepicker.e-time-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -5135,7 +5126,6 @@ ejs-calendar {
           box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {

package/styles/material3-lite.css

@@ -1026,8 +1026,11 @@ ejs-calendar {
   cursor: pointer;
 }
 
+.e-timepicker {
+  --dummy-style: true;
+}
+
 .e-timepicker.e-time-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -1308,7 +1311,6 @@ ejs-calendar {
 }
 
 .e-timepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   border: none;
   border-radius: calc(var(--e-radius) * 0.25);
@@ -1316,7 +1318,6 @@ ejs-calendar {
           box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
@@ -1492,6 +1493,9 @@ ejs-calendar {
           box-sizing: border-box;
 }
 
+.e-datepicker {
+  --dummy-style: true;
+}
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -1501,7 +1505,6 @@ ejs-calendar {
   pointer-events: auto;
 }
 .e-datepicker.e-date-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -1513,7 +1516,6 @@ ejs-calendar {
   z-index: 999;
 }
 .e-datepicker .e-model-header {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   cursor: default;
@@ -1933,7 +1935,6 @@ ejs-calendar {
 }
 .e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   border: none;
 }
@@ -2147,6 +2148,9 @@ ejs-calendar {
   width: 0;
 }
 
+.e-daterangepicker {
+  --dummy-style: true;
+}
 .e-daterangepicker.e-popup {
   border: none;
   border-radius: calc(var(--e-radius) * 0.5);
@@ -2165,7 +2169,6 @@ ejs-calendar {
   max-height: none;
 }
 .e-daterangepicker.e-popup .e-range-header {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   padding: 16px 16px 0 16px;
   width: auto;
@@ -2899,11 +2902,9 @@ ejs-calendar {
 }
 
 .e-daterangepicker.e-popup {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-calendar {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
@@ -2911,7 +2912,6 @@ ejs-calendar {
   text-decoration: none;
 }
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -2979,11 +2979,9 @@ ejs-calendar {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-daterangepicker.e-popup .e-separator {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
 .e-daterangepicker.e-popup .e-footer {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   border-bottom-left-radius: calc(var(--e-radius) * 0.5);
   border-bottom-right-radius: calc(var(--e-radius) * 0.5);
@@ -3128,6 +3126,10 @@ ejs-calendar {
   margin: 0;
 }
 
+.e-datetimepicker {
+  --dummy-style: true;
+}
+
 .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
   margin: 0;
 }
@@ -3167,7 +3169,6 @@ ejs-calendar {
 }
 
 .e-datetimepicker.e-time-modal {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   height: 100%;
   left: 0;
@@ -3342,7 +3343,6 @@ ejs-calendar {
           box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {