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

package/styles/timepicker/icons/_bootstrap4.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-bootstrap4-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e7c7';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/timepicker/icons/_bootstrap5.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-bootstrap5-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_fabric-dark.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-fabric-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e97f';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_fabric.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-fabric-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e97f';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_fluent-dark.scss

@@ -0,0 +1 @@
+@import './fluent.scss';

package/styles/timepicker/icons/_fluent.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-fluent-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_fusionnew.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-fusionnew-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_highcontrast-light.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-highcontrast-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e97f';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_highcontrast.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-highcontrast-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e97f';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_material-dark.scss

@@ -0,0 +1,41 @@
+@include export-module('timepicker-material-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e20c';
+    }
+
+  }
+
+  .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
+  .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
+    min-height: $zero-value;
+    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: $zero-value;
+    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 {
+    min-height: $zero-value;
+    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: $zero-value;
+    min-width: 20px;
+  }
+}
+

package/styles/timepicker/icons/_material.scss

@@ -0,0 +1,42 @@
+@include export-module('timepicker-material-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e20c';
+    }
+
+  }
+
+  // Outline textbox icon configuration
+
+  .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
+  .e-time-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-time-icon {
+    min-height: $zero-value;
+    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: $zero-value;
+    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 {
+    min-height: $zero-value;
+    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: $zero-value;
+    min-width: 20px;
+  }
+}

package/styles/timepicker/icons/_material3.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-material3-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+    }
+
+  }
+}
+

package/styles/timepicker/icons/_tailwind-dark.scss

@@ -0,0 +1 @@
+@import './tailwind.scss';

package/styles/timepicker/icons/_tailwind.scss

@@ -0,0 +1,13 @@
+@include export-module('timepicker-tailwind-icons') {
+  /*! component icons */
+
+  .e-time-wrapper,
+  #{if(&, '&', '*')}.e-control-wrapper.e-time-wrapper {
+
+    #{if(&, '&', '*')} .e-time-icon.e-icons::before {
+      content: '\e705';
+    }
+
+  }
+}
+

package/styles/timepicker/material-dark.css

@@ -5,11 +5,10 @@
     transform: scale(4);
   }
 }
-
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e20c';
+  content: "\e20c";
 }
 
 .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
@@ -50,19 +49,16 @@
 *.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;
   min-height: 20px;
   min-width: 20px;
 }
-
 .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;
@@ -72,7 +68,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;
@@ -85,16 +81,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: 13px;
@@ -105,7 +98,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -128,7 +120,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;
@@ -196,7 +187,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;
@@ -207,7 +197,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #00b0ff;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #00b0ff;
 }
@@ -218,16 +207,13 @@
   border-radius: 2px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #424242;
 }
-
 .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: rgba(255, 255, 255, 0.3);
   opacity: 1;
@@ -235,20 +221,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: rgba(255, 255, 255, 0.1);
   border: none;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: rgba(255, 255, 255, 0.1);
   color: #00b0ff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: rgba(255, 255, 255, 0.1);
   color: #00b0ff;
@@ -259,4 +240,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: #000;
-}
+}

package/styles/timepicker/material-dark.scss

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

package/styles/timepicker/material.css

@@ -5,7 +5,6 @@
     transform: scale(4);
   }
 }
-
 @keyframes slideTopUp {
   from {
     transform: translate3d(0, 0, 0) scale(1);
@@ -14,11 +13,10 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e20c';
+  content: "\e20c";
 }
 
 .e-time-wrapper.e-outline .e-input-group-icon.e-time-icon,
@@ -59,19 +57,16 @@
 *.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;
   min-height: 20px;
   min-width: 20px;
 }
-
 .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;
@@ -81,7 +76,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;
@@ -94,16 +89,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: 13px;
@@ -114,7 +106,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -137,7 +128,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;
@@ -205,7 +195,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;
@@ -216,7 +205,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #e3165b;
 }
@@ -227,16 +215,13 @@
   border-radius: 2px;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
-
 .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: rgba(0, 0, 0, 0.87);
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: rgba(0, 0, 0, 0.38);
   opacity: 1;
@@ -244,20 +229,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: #eee;
   border: none;
   color: #000;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #eee;
   color: #e3165b;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #eee;
   color: #e3165b;
@@ -268,4 +248,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: #000;
-}
+}

package/styles/timepicker/material.scss

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

package/styles/timepicker/tailwind-dark.css

@@ -2,7 +2,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,
@@ -15,17 +15,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;
@@ -35,7 +32,7 @@
   background-color: #374151;
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -48,16 +45,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: 4px 0;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -68,7 +62,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -89,7 +82,6 @@
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
   padding: 4px 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;
@@ -157,7 +149,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;
@@ -168,7 +159,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #fff;
 }
-
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -179,16 +169,13 @@
   border-radius: 6px;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #1f2937;
 }
-
 .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: #6b7280;
   opacity: 1;
@@ -196,20 +183,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: #4b5563;
   border: none;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #6b7280;
   color: #fff;
 }
-
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #4b5563;
   color: #fff;
@@ -220,4 +202,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/tailwind-dark.scss

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