@syncfusion/ej2-calendars 26.2.11 → 27.1.48

package/styles/timepicker/material-dark.css

@@ -25,13 +25,6 @@
   min-width: 20px;
 }
 
-.e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
-.e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
-.e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
-  min-height: 0;
-  min-width: 24px;
-}
-
 .e-small .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
 .e-time-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon,
 .e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
@@ -39,14 +32,6 @@
   min-width: 18px;
 }
 
-.e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
-.e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
-.e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
-.e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
-  min-height: 0;
-  min-width: 20px;
-}
-
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
 .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e932";
@@ -123,26 +108,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 18px;
-  min-height: 22px;
-  min-width: 22px;
-}
-
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
-  padding: 0 0;
-}
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 14px;
-  line-height: 48px;
-  text-indent: 16px;
-}
-
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 12px;
@@ -157,31 +122,11 @@
   font-size: 14px;
 }
 
-.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 13px;
-  line-height: 40px;
-  text-indent: 16px;
-}
-
-.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 18px;
-}
-
 .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
   background-size: 250px 33px;
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
-.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 /* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
@@ -345,9 +290,7 @@
 }
 
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #000;
 }
 
@@ -360,4 +303,64 @@
 .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
   color: #fff;
   font-weight: 500;
+}
+
+.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 18px;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
+  padding: 0 0;
+}
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 14px;
+  line-height: 48px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
+.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
+  background-size: 250px 40px;
+  min-height: 40px;
+}
+
+.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 13px;
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 18px;
+}
+
+.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  color: #000;
+}
+
+.e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
+.e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
+.e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
+  min-height: 0;
+  min-width: 24px;
+}
+
+.e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
+.e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
+.e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
+.e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
+  min-height: 0;
+  min-width: 20px;
 }

package/styles/timepicker/material-dark.scss

@@ -4,3 +4,4 @@
 @import 'material-dark-definition.scss';
 @import 'icons/material-dark.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/timepicker/material.css

@@ -45,13 +45,6 @@
   min-width: 20px;
 }
 
-.e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
-.e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
-.e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
-  min-height: 0;
-  min-width: 24px;
-}
-
 .e-small .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
 .e-time-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-time-icon,
 .e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
@@ -59,14 +52,6 @@
   min-width: 18px;
 }
 
-.e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
-.e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
-.e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
-.e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
-  min-height: 0;
-  min-width: 20px;
-}
-
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
 .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e932";
@@ -143,26 +128,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 18px;
-  min-height: 22px;
-  min-width: 22px;
-}
-
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
-  padding: 0 0;
-}
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 14px;
-  line-height: 48px;
-  text-indent: 16px;
-}
-
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 12px;
@@ -177,31 +142,11 @@
   font-size: 14px;
 }
 
-.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 13px;
-  line-height: 40px;
-  text-indent: 16px;
-}
-
-.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 18px;
-}
-
 .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
   background-size: 250px 33px;
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
-.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 /* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
@@ -365,9 +310,7 @@
 }
 
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #000;
 }
 
@@ -380,4 +323,64 @@
 .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
   color: #fff;
   font-weight: 500;
+}
+
+.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 18px;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
+  padding: 0 0;
+}
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 14px;
+  line-height: 48px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
+.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
+  background-size: 250px 40px;
+  min-height: 40px;
+}
+
+.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 13px;
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 18px;
+}
+
+.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  color: #000;
+}
+
+.e-bigger .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
+.e-time-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-time-icon,
+.e-bigger .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
+  min-height: 0;
+  min-width: 24px;
+}
+
+.e-bigger.e-small .e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
+.e-bigger.e-small.e-outline.e-time-wrapper .e-input-group-icon.e-time-icon,
+.e-time-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-time-icon,
+.e-bigger.e-small .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
+  min-height: 0;
+  min-width: 20px;
 }

package/styles/timepicker/material.scss

@@ -4,3 +4,4 @@
 @import 'material-definition.scss';
 @import 'icons/material.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/timepicker/material3-dark.css

@@ -121,28 +121,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 20px;
-  min-height: 38px;
-  min-width: 38px;
-  border-radius: 20px;
-  margin: 0;
-}
-
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
-  padding: 0 0;
-}
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 14px;
-  line-height: 40px;
-  text-indent: 16px;
-}
-
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 12px;
@@ -161,35 +139,11 @@
   margin: 0;
 }
 
-.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 13px;
-  line-height: 36px;
-  text-indent: 16px;
-}
-
-.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 20px;
-  min-height: 34px;
-  min-width: 34px;
-  border-radius: 20px;
-  margin: 0;
-}
-
 .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
   background-size: 250px 33px;
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
-.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 /* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
@@ -358,9 +312,7 @@
 }
 
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: rgba(var(--color-sf-on-surface));
 }
 
@@ -373,4 +325,55 @@
 .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
   color: rgba(var(--color-sf-on-primary));
   font-weight: 500;
+}
+
+.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 20px;
+  min-height: 38px;
+  min-width: 38px;
+  border-radius: 20px;
+  margin: 0;
+}
+
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
+  padding: 0 0;
+}
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 14px;
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
+.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
+  background-size: 250px 40px;
+  min-height: 40px;
+}
+
+.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 13px;
+  line-height: 36px;
+  text-indent: 16px;
+}
+
+.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 20px;
+  min-height: 34px;
+  min-width: 34px;
+  border-radius: 20px;
+  margin: 0;
+}
+
+.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  color: rgba(var(--color-sf-on-surface));
 }

package/styles/timepicker/material3-dark.scss

@@ -5,3 +5,4 @@
 @import 'material3-dark-definition.scss';
 @import 'icons/material3-dark.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/timepicker/material3.css

@@ -123,28 +123,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 20px;
-  min-height: 38px;
-  min-width: 38px;
-  border-radius: 20px;
-  margin: 0;
-}
-
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
-  padding: 0 0;
-}
-.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 14px;
-  line-height: 40px;
-  text-indent: 16px;
-}
-
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 12px;
@@ -163,35 +141,11 @@
   margin: 0;
 }
 
-.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
-  font-size: 13px;
-  line-height: 36px;
-  text-indent: 16px;
-}
-
-.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
-*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
-*.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
-*.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 20px;
-  min-height: 34px;
-  min-width: 34px;
-  border-radius: 20px;
-  margin: 0;
-}
-
 .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
   background-size: 250px 33px;
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
-.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 /* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
@@ -360,9 +314,7 @@
 }
 
 .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
-*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+*.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: rgba(var(--color-sf-on-surface));
 }
 
@@ -375,4 +327,55 @@
 .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
   color: rgba(var(--color-sf-on-primary));
   font-weight: 500;
+}
+
+.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 20px;
+  min-height: 38px;
+  min-width: 38px;
+  border-radius: 20px;
+  margin: 0;
+}
+
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
+  padding: 0 0;
+}
+.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 14px;
+  line-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
+.e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
+  background-size: 250px 40px;
+  min-height: 40px;
+}
+
+.e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  font-size: 13px;
+  line-height: 36px;
+  text-indent: 16px;
+}
+
+.e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
+*.e-small.e-bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
+*.e-control-wrapper.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons {
+  font-size: 20px;
+  min-height: 34px;
+  min-width: 34px;
+  border-radius: 20px;
+  margin: 0;
+}
+
+.e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
+*.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
+  color: rgba(var(--color-sf-on-surface));
 }

package/styles/timepicker/material3.scss

@@ -5,3 +5,4 @@
 @import 'material3-definition.scss';
 @import 'icons/material3.scss';
 @import 'all.scss';
+@import 'bigger.scss';