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

package/styles/datetimepicker/material-dark.css

@@ -5,11 +5,10 @@
     transform: scale(4);
   }
 }
-
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e20c';
-  font-family: 'e-icons';
+  content: "\e20c";
+  font-family: "e-icons";
 }
 
 .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon,
@@ -61,37 +60,28 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0 0 4px;
   min-height: 24px;
   min-width: 24px;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: none;
@@ -106,7 +96,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;
@@ -119,16 +109,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 8px 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #fff;
   cursor: default;
@@ -140,7 +127,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -154,7 +140,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 20px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 5px 0 6px 8px;
@@ -171,7 +156,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -218,7 +202,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #00b0ff;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #00b0ff;
 }
@@ -228,30 +211,23 @@
   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-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #424242;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #fff;
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: rgba(255, 255, 255, 0.1);
   border: none;
   color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: rgba(255, 255, 255, 0.1);
   color: #00b0ff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: rgba(255, 255, 255, 0.1);
   color: #00b0ff;
-}
+}

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.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-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e20c';
-  font-family: 'e-icons';
+  content: "\e20c";
+  font-family: "e-icons";
 }
 
 .e-datetime-wrapper.e-outline .e-input-group-icon.e-date-icon,
@@ -79,37 +77,28 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0 0 4px;
   min-height: 24px;
   min-width: 24px;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: none;
@@ -124,7 +113,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;
@@ -137,16 +126,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 8px 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: rgba(0, 0, 0, 0.87);
   cursor: default;
@@ -158,7 +144,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -172,7 +157,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 20px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 5px 0 6px 8px;
@@ -189,7 +173,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -236,7 +219,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #e3165b;
 }
@@ -246,30 +228,23 @@
   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-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: rgba(0, 0, 0, 0.87);
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #eee;
   border: none;
   color: #000;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #eee;
   color: #e3165b;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #eee;
   color: #e3165b;
-}
+}

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.css

@@ -1,8 +1,8 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e705';
-  font-family: 'e-icons';
+  content: "\e705";
+  font-family: "e-icons";
 }
 
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,35 +14,26 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: none;
@@ -57,7 +48,7 @@
   background-color: #374151;
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -70,16 +61,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 8px 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #fff;
   cursor: default;
@@ -91,7 +79,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -105,7 +92,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 18px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 0;
@@ -120,7 +106,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 16px;
@@ -167,7 +152,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #fff;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #9ca3af;
 }
@@ -177,30 +161,23 @@
   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-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #1f2937;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #fff;
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #4b5563;
   border: none;
   color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #6b7280;
   color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #4b5563;
   color: #fff;
-}
+}

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.css

@@ -1,8 +1,8 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e705';
-  font-family: 'e-icons';
+  content: "\e705";
+  font-family: "e-icons";
 }
 
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,35 +14,26 @@
 .e-datetime-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
-
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 16px;
 }
-
 .e-datetime-wrapper.e-control-wrapper {
   box-sizing: border-box;
 }
-
-.e-datetime-wrapper .e-time-icon.e-icons.e-disabled,
-.e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
+.e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
-
 .e-datetime-wrapper .e-clear-icon {
   box-sizing: content-box;
 }
-
 .e-datetime-wrapper span {
   cursor: pointer;
 }
-
-.e-datetime-wrapper .e-input-group-icon.e-date-icon,
-.e-datetime-wrapper .e-input-group-icon.e-time-icon {
+.e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   font-size: 16px;
   margin: 0;
   outline: none;
 }
-
 .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   border: 0;
   border-style: none;
@@ -57,7 +48,7 @@
   background-color: #f3f4f6;
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -70,16 +61,13 @@
   border-width: 1px;
   overflow: auto;
 }
-
 .e-datetimepicker.e-popup .e-content {
   position: relative;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 8px 0;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #111827;
   cursor: default;
@@ -91,7 +79,6 @@
   white-space: nowrap;
   width: 100%;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -105,7 +92,6 @@
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 18px;
 }
-
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
   margin: 0;
@@ -120,7 +106,6 @@
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
   padding: 8px 0;
 }
-
 .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 16px;
@@ -167,7 +152,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #111827;
 }
-
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #6b7280;
 }
@@ -177,30 +161,23 @@
   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-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #111827;
 }
-
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #f3f4f6;
   border: none;
   color: #111827;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #e5e7eb;
   color: #111827;
 }
-
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #f3f4f6;
   color: #111827;
-}
+}

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';