@syncfusion/ej2-angular-calendars 20.1.55 → 20.1.58-alpha

package/styles/timepicker/bootstrap.css

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e93e';
+  content: "\e93e";
 }
 
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
-
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.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: 15px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
-
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -167,7 +158,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #333;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #333;
 }
@@ -178,16 +168,13 @@
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(51, 51, 51, 0.175);
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #333;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: rgba(85, 85, 85, 0.65);
   opacity: 1;
@@ -195,20 +182,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #f5f5f5;
   border: none;
   color: #333;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #317ab9;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #f5f5f5;
   color: #333;
@@ -219,4 +201,4 @@
 .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: #333;
-}
+}

package/styles/timepicker/bootstrap.scss

@@ -1 +1,6 @@
-@import 'ej2-calendars/styles/timepicker/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';

package/styles/timepicker/bootstrap4.css

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e7c7';
+  content: "\e7c7";
 }
 
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 14px;
 }
-
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(0, 0, 0, 0.5);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.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: 16px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
-
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -169,7 +160,6 @@
   border-color: #545b62;
   color: #fff;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -180,16 +170,13 @@
   border-radius: 4px;
   box-shadow: none;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #212529;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #adb5bd;
   opacity: 1;
@@ -197,20 +184,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #f2f4f6;
   border: none;
   color: #212529;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #007bff;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #f2f4f6;
   color: #212529;
@@ -221,4 +203,4 @@
 .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: #212529;
-}
+}

package/styles/timepicker/bootstrap4.scss

@@ -1 +1,6 @@
-@import 'ej2-calendars/styles/timepicker/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/timepicker/bootstrap5-dark.css

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e705';
+  content: "\e705";
 }
 
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
-
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: #343a40;
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.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: 16px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
-
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -169,7 +160,6 @@
   border-color: #545b62;
   color: #fff;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -180,16 +170,13 @@
   border-radius: 6px;
   box-shadow: none;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #343a40;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #6c757d;
   opacity: 1;
@@ -197,20 +184,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #444c54;
   border: none;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #0d6efd;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #444c54;
   color: #fff;
@@ -221,4 +203,4 @@
 .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: #fff;
-}
+}

package/styles/timepicker/bootstrap5-dark.scss

@@ -1 +1,6 @@
-@import 'ej2-calendars/styles/timepicker/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/timepicker/bootstrap5.css

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e705';
+  content: "\e705";
 }
 
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
-
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: #e9ecef;
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.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: 16px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
-
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -169,7 +160,6 @@
   border-color: #545b62;
   color: #fff;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -180,16 +170,13 @@
   border-radius: 6px;
   box-shadow: none;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #212529;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #adb5bd;
   opacity: 1;
@@ -197,20 +184,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #e9ecef;
   border: none;
   color: #212529;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #0d6efd;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #e9ecef;
   color: #212529;
@@ -221,4 +203,4 @@
 .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: #212529;
-}
+}

package/styles/timepicker/bootstrap5.scss

@@ -1 +1,6 @@
-@import 'ej2-calendars/styles/timepicker/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/timepicker/fabric-dark.css

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
+  content: "\e97f";
 }
 
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
-
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(248, 248, 248, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.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;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
-
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -167,7 +158,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #dadada;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #dadada;
 }
@@ -178,16 +168,13 @@
   border-radius: 0;
   box-shadow: none;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #282727;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #dadada;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #6f6c6c;
   opacity: 1;
@@ -195,20 +182,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #414040;
   border: none;
   color: #dadada;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #514f4f;
   color: #dadada;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #514f4f;
   color: #dadada;
@@ -219,4 +201,4 @@
 .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: #dadada;
-}
+}

package/styles/timepicker/fabric-dark.scss

@@ -1 +1,6 @@
-@import 'ej2-calendars/styles/timepicker/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';