@syncfusion/ej2-angular-calendars 20.4.38-ngcc → 20.4.38

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

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

package/styles/datetimepicker/icons/_fabric.scss

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

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

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

package/styles/datetimepicker/icons/_fluent.scss

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

package/styles/datetimepicker/icons/_fusionnew.scss

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

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

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

package/styles/datetimepicker/icons/_highcontrast.scss

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

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

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

package/styles/datetimepicker/icons/_material.scss

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

package/styles/datetimepicker/icons/_material3.scss

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

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

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

package/styles/datetimepicker/icons/_tailwind.scss

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

package/styles/datetimepicker/material-dark.scss

@@ -1 +1,8 @@
-@import 'ej2-calendars/styles/datetimepicker/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 'ej2-buttons/styles/button/material-dark-definition.scss';
+@import '../datepicker/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'icons/material-dark.scss';
+@import 'all.scss';

package/styles/datetimepicker/material.scss

@@ -1 +1,8 @@
-@import 'ej2-calendars/styles/datetimepicker/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 'ej2-buttons/styles/button/material-definition.scss';
+@import '../datepicker/material-definition.scss';
+@import 'material-definition.scss';
+@import 'icons/material.scss';
+@import 'all.scss';

package/styles/datetimepicker/tailwind-dark.scss

@@ -1 +1,8 @@
-@import 'ej2-calendars/styles/datetimepicker/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 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
+@import '../datepicker/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'icons/tailwind-dark.scss';
+@import 'all.scss';

package/styles/datetimepicker/tailwind.scss

@@ -1 +1,8 @@
-@import 'ej2-calendars/styles/datetimepicker/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-inputs/styles/input/tailwind-definition.scss';
+@import 'ej2-popups/styles/popup/tailwind-definition.scss';
+@import 'ej2-buttons/styles/button/tailwind-definition.scss';
+@import '../datepicker/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/fabric-dark.css

@@ -649,7 +649,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #414040;
+  background-color: #514f4f;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
@@ -1830,13 +1830,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 150px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/fabric.css

@@ -650,7 +650,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #eaeaea;
+  background-color: #dadada;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
@@ -1837,13 +1837,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 150px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/fluent-dark.css

@@ -188,7 +188,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
-  background-color: #252423;
+  background-color: transparent;
   cursor: default;
   background-color: #201f1e;
 }
@@ -568,7 +568,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
-  background-color: #252423;
+  background-color: transparent;
   border: 1px solid #292827;
   box-shadow: none;
 }
@@ -660,7 +660,7 @@ ejs-calendar {
 .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #323130;
+  background-color: #252423;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
@@ -1984,13 +1984,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 130px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }
@@ -2283,29 +2276,6 @@ ejs-calendar {
   color: #3b3a39;
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
-.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
-  line-height: 26px;
-}
-
-.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
-.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-other-month.e-range-hover span.e-day {
-  line-height: 28px;
-}
-
-.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
-.e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
-  line-height: 24px;
-}
-
-.e-bigger .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
-  line-height: 30px;
-}
-
-.e-bigger .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
-  line-height: 32px;
-}
-
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /*! component icons */

package/styles/fluent.css

@@ -188,7 +188,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
-  background-color: #fff;
+  background-color: transparent;
   cursor: default;
   background-color: #faf9f8;
 }
@@ -568,7 +568,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
-  background-color: #fff;
+  background-color: transparent;
   border: 1px solid #edebe9;
   box-shadow: none;
 }
@@ -1984,13 +1984,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 130px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }
@@ -2283,29 +2276,6 @@ ejs-calendar {
   color: #a19f9d;
 }
 
-.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
-.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
-  line-height: 26px;
-}
-
-.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
-.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-other-month.e-range-hover span.e-day {
-  line-height: 28px;
-}
-
-.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
-.e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
-  line-height: 24px;
-}
-
-.e-bigger .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
-  line-height: 30px;
-}
-
-.e-bigger .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
-  line-height: 32px;
-}
-
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /*! component icons */

package/styles/highcontrast-light.css

@@ -1841,13 +1841,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 150px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/highcontrast.css

@@ -1844,13 +1844,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 150px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/material-dark.css

@@ -1960,13 +1960,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 130px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/material.css

@@ -306,7 +306,7 @@ ejs-calendar {
 }
 .e-calendar .e-content.e-month td.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 28px;
+  line-height: 30px;
 }
 .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
 .e-bigger.e-small .e-calendar .e-content.e-year table,
@@ -451,7 +451,7 @@ ejs-calendar {
 }
 .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
 *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 34px;
+  line-height: 36px;
 }
 .e-bigger.e-calendar .e-content.e-month td,
 *.e-bigger .e-calendar .e-content.e-month td {
@@ -502,7 +502,7 @@ ejs-calendar {
 }
 .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
 .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 22px;
+  line-height: 24px;
 }
 .e-small.e-calendar .e-content.e-month td,
 .e-small .e-calendar .e-content.e-month td {
@@ -2109,11 +2109,6 @@ ejs-calendar {
 }
 
 @media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 130px;
-    overflow: auto;
-  }
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
     float: left;
     height: 100%;

package/styles/tailwind-dark.css

@@ -1991,13 +1991,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 130px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/tailwind.css

@@ -1991,13 +1991,6 @@ ejs-calendar {
   min-height: 40px;
 }
 
-@media screen and (orientation: landscape) {
-  .e-daterangepicker .e-calendar.e-device .e-month table {
-    display: inline-block;
-    height: 130px;
-    overflow: auto;
-  }
-}
 .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
   width: calc(100% - 80px);
 }

package/styles/timepicker/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/timepicker/_bootstrap-dark-definition.scss

@@ -0,0 +1,51 @@
+//default
+$timepicker-default-text-indent: 20px !default;
+$timepicker-list-bigger-line-height: 40px !default;
+$timepicker-list-normal-line-height: 26px !default;
+$timepicker-list-normal-font-size: 14px !default;
+$timepicker-list-bigger-font-size: 15px !default;
+$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
+$timepicker-list-bigger-text-indent: 20px !default;
+$timepicker-popup-border-radius: 4px !default;
+$timepicker-list-font-weight: regular !default;
+$timepicker-popup-shadow:  0 6px 12px rgba($base-font, .5) !default;
+$timepicker-list-default-font-color: $grey-dark-font !default;
+$timepicker-list-default-border-style: none !default;
+$timepicker-list-hover-border-color: none !default;
+$timepicker-list-border-color: 1px solid $grey-44 !default;
+$timepicker-list-bg-color: $grey-dark !default;
+$timepicker-list-active-bg-color: $brand-primary !default;
+$timepicker-list-active-icon-color: $grey-light-font !default;
+$timepicker-list-active-font-color: $brand-primary-font !default;
+$timepicker-list-hover-bg-color: $grey-44 !default;
+$timepicker-list-hover-font-color: $grey-dark-font !default;
+$timepicker-list-popup-icon-active-color: $grey-dark-font !default;
+$timepicker-list-active-hover-bg-color: $brand-primary !default;
+$timepicker-list-active-hover-font-color: $grey-light-font !default;
+$timepicker-list-normal-padding: 0 !default;
+$timepicker-list-bigger-padding: 0 !default;
+$timepicker-font-icon: '\e93e' !default;
+$timepicker-icon-normal-font-size: 16px !default;
+$timepicker-icon-bigger-font-size: 16px !default;
+$timepicker-disable-text: $grey-8c !default;
+$timepicker-disable-opacity: 1 !default;
+$timepicker-default-overlay: rgba($grey-base, .6) !default;
+
+// mouse small
+$timepicker-list-small-font-size: 13px !default;
+$timepicker-list-small-line-height: 22px !default;
+$timepicker-list-small-text-indent: 12px !default;
+$timepicker-list-small-font-color: $grey-dark-font !default;
+
+// icon small
+$timepicker-icon-small-font-size: 14px !default;
+
+// Touch small
+$timepicker-list-bigger-small-font-size: 14px !default;
+$timepicker-list-bigger-small-line-height: 34px !default;
+$timepicker-list-bigger-small-text-indent: 20px !default;
+
+// Touch small icon
+$timepicker-icon-bigger-small-font-size: 18px !default;
+
+//enddefault

package/styles/timepicker/_bootstrap-definition.scss

@@ -0,0 +1,48 @@
+$timepicker-default-text-indent: 20px !default;
+$timepicker-list-bigger-line-height: 40px !default;
+$timepicker-list-normal-line-height: 26px !default;
+$timepicker-list-normal-font-size: 14px !default;
+$timepicker-list-bigger-font-size: 15px !default;
+$timepicker-list-normal-text-indent: $timepicker-default-text-indent !default;
+$timepicker-list-bigger-text-indent: 20px !default;
+$timepicker-popup-border-radius: 4px !default;
+$timepicker-list-font-weight: regular !default;
+$timepicker-popup-shadow:  0 6px 12px rgba($grey-light-font, .175) !default;
+$timepicker-list-default-font-color: $grey-light-font !default;
+$timepicker-list-default-border-style: none !default;
+$timepicker-list-hover-border-color: none !default;
+$timepicker-list-border-color: 1px solid $grey-cc !default;
+$timepicker-list-bg-color: $grey-white !default;
+$timepicker-list-active-bg-color: $brand-primary !default;
+$timepicker-list-active-icon-color: $grey-light-font !default;
+$timepicker-list-active-font-color: $brand-primary-font !default;
+$timepicker-list-hover-bg-color: $grey-f5 !default;
+$timepicker-list-hover-font-color: $grey-light-font !default;
+$timepicker-list-popup-icon-active-color: $grey-light-font !default;
+$timepicker-list-active-hover-bg-color: $grey-f5 !default;
+$timepicker-list-active-hover-font-color: $grey-light-font !default;
+$timepicker-list-normal-padding: 0 !default;
+$timepicker-list-bigger-padding: 0 !default;
+$timepicker-font-icon: '\e93e' !default;
+$timepicker-icon-normal-font-size: 16px !default;
+$timepicker-icon-bigger-font-size: 16px !default;
+$timepicker-disable-text: rgba($grey, .65) !default;
+$timepicker-disable-opacity: 1 !default;
+$timepicker-default-overlay: rgba($grey-base, .6) !default;
+
+// mouse small
+$timepicker-list-small-font-size: 13px !default;
+$timepicker-list-small-line-height: 22px !default;
+$timepicker-list-small-text-indent: 12px !default;
+$timepicker-list-small-font-color: $grey-light-font !default;
+
+// icon small
+$timepicker-icon-small-font-size: 14px !default;
+
+// Touch small
+$timepicker-list-bigger-small-font-size: 14px !default;
+$timepicker-list-bigger-small-line-height: 34px !default;
+$timepicker-list-bigger-small-text-indent: 20px !default;
+
+// Touch small icon
+$timepicker-icon-bigger-small-font-size: 18px !default;