npm - @syncfusion/ej2-calendars - Versions diffs - 20.1.56 → 20.2.36 - Mend

@syncfusion/ej2-calendars 20.1.56 → 20.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

package/dist/ej2-calendars.umd.min.js +2 -2
package/dist/ej2-calendars.umd.min.js.map +1 -1
package/dist/es6/ej2-calendars.es2015.js +115 -14
package/dist/es6/ej2-calendars.es2015.js.map +1 -1
package/dist/es6/ej2-calendars.es5.js +117 -14
package/dist/es6/ej2-calendars.es5.js.map +1 -1
package/dist/global/ej2-calendars.min.js +2 -2
package/dist/global/ej2-calendars.min.js.map +1 -1
package/dist/global/index.d.ts +1 -1
package/helpers/e2e/calendarHelper.js +86 -70
package/helpers/e2e/datepickerHelper.js +95 -79
package/helpers/e2e/daterangepickerHelper.js +128 -112
package/helpers/e2e/datetimepickerHelper.js +125 -109
package/helpers/e2e/index.js +12 -10
package/helpers/e2e/timepickerHelper.js +62 -46
package/package.json +10 -10
package/src/calendar/calendar.js +4 -0
package/src/datepicker/datepicker.d.ts +1 -0
package/src/datepicker/datepicker.js +2 -0
package/src/daterangepicker/daterangepicker.d.ts +2 -0
package/src/daterangepicker/daterangepicker.js +62 -8
package/src/maskbase/interface.d.ts +1 -0
package/src/maskbase/masked-date-time.d.ts +2 -0
package/src/maskbase/masked-date-time.js +49 -6
package/styles/bootstrap-dark.css +96 -491
package/styles/bootstrap.css +96 -491
package/styles/bootstrap4.css +96 -493
package/styles/bootstrap5-dark.css +97 -499
package/styles/bootstrap5.css +97 -499
package/styles/calendar/_fusionnew-definition.scss +224 -0
package/styles/calendar/_material3-definition.scss +224 -0
package/styles/calendar/bootstrap-dark.css +50 -238
package/styles/calendar/bootstrap.css +50 -238
package/styles/calendar/bootstrap4.css +50 -238
package/styles/calendar/bootstrap5-dark.css +51 -246
package/styles/calendar/bootstrap5.css +51 -246
package/styles/calendar/fabric-dark.css +50 -237
package/styles/calendar/fabric.css +50 -238
package/styles/calendar/fluent-dark.css +56 -270
package/styles/calendar/fluent.css +56 -270
package/styles/calendar/highcontrast-light.css +50 -238
package/styles/calendar/highcontrast.css +50 -238
package/styles/calendar/icons/_fusionnew.scss +12 -0
package/styles/calendar/icons/_material3.scss +12 -0
package/styles/calendar/material-dark.css +50 -238
package/styles/calendar/material.css +50 -238
package/styles/calendar/tailwind-dark.css +53 -261
package/styles/calendar/tailwind.css +53 -261
package/styles/datepicker/_fusionnew-definition.scss +42 -0
package/styles/datepicker/_material3-definition.scss +42 -0
package/styles/datepicker/bootstrap-dark.css +7 -20
package/styles/datepicker/bootstrap.css +7 -20
package/styles/datepicker/bootstrap4.css +7 -21
package/styles/datepicker/bootstrap5-dark.css +7 -20
package/styles/datepicker/bootstrap5.css +7 -20
package/styles/datepicker/fabric-dark.css +7 -20
package/styles/datepicker/fabric.css +7 -20
package/styles/datepicker/fluent-dark.css +7 -21
package/styles/datepicker/fluent.css +7 -21
package/styles/datepicker/highcontrast-light.css +7 -21
package/styles/datepicker/highcontrast.css +7 -21
package/styles/datepicker/icons/_fusionnew.scss +55 -0
package/styles/datepicker/icons/_material3.scss +55 -0
package/styles/datepicker/material-dark.css +7 -22
package/styles/datepicker/material.css +7 -23
package/styles/datepicker/tailwind-dark.css +7 -21
package/styles/datepicker/tailwind.css +7 -21
package/styles/daterangepicker/_fusionnew-definition.scss +223 -0
package/styles/daterangepicker/_material3-definition.scss +223 -0
package/styles/daterangepicker/bootstrap-dark.css +32 -184
package/styles/daterangepicker/bootstrap.css +32 -184
package/styles/daterangepicker/bootstrap4.css +32 -185
package/styles/daterangepicker/bootstrap5-dark.css +32 -185
package/styles/daterangepicker/bootstrap5.css +32 -185
package/styles/daterangepicker/fabric-dark.css +32 -184
package/styles/daterangepicker/fabric.css +32 -184
package/styles/daterangepicker/fluent-dark.css +35 -188
package/styles/daterangepicker/fluent.css +35 -188
package/styles/daterangepicker/highcontrast-light.css +32 -184
package/styles/daterangepicker/highcontrast.css +32 -184
package/styles/daterangepicker/icons/_fusionnew.scss +67 -0
package/styles/daterangepicker/icons/_material3.scss +67 -0
package/styles/daterangepicker/material-dark.css +32 -185
package/styles/daterangepicker/material.css +32 -186
package/styles/daterangepicker/tailwind-dark.css +31 -178
package/styles/daterangepicker/tailwind.css +31 -178
package/styles/datetimepicker/_fusionnew-definition.scss +55 -0
package/styles/datetimepicker/_material3-definition.scss +55 -0
package/styles/datetimepicker/bootstrap-dark.css +7 -30
package/styles/datetimepicker/bootstrap.css +7 -30
package/styles/datetimepicker/bootstrap4.css +7 -30
package/styles/datetimepicker/bootstrap5-dark.css +7 -30
package/styles/datetimepicker/bootstrap5.css +7 -30
package/styles/datetimepicker/fabric-dark.css +7 -30
package/styles/datetimepicker/fabric.css +7 -30
package/styles/datetimepicker/fluent-dark.css +7 -30
package/styles/datetimepicker/fluent.css +7 -30
package/styles/datetimepicker/highcontrast-light.css +7 -30
package/styles/datetimepicker/highcontrast.css +7 -30
package/styles/datetimepicker/icons/_fusionnew.scss +11 -0
package/styles/datetimepicker/icons/_material3.scss +11 -0
package/styles/datetimepicker/material-dark.css +7 -31
package/styles/datetimepicker/material.css +7 -32
package/styles/datetimepicker/tailwind-dark.css +7 -30
package/styles/datetimepicker/tailwind.css +7 -30
package/styles/fabric-dark.css +96 -490
package/styles/fabric.css +96 -491
package/styles/fluent-dark.css +105 -527
package/styles/fluent.css +105 -527
package/styles/highcontrast-light.css +96 -492
package/styles/highcontrast.css +96 -492
package/styles/material-dark.css +96 -496
package/styles/material.css +96 -500
package/styles/tailwind-dark.css +98 -509
package/styles/tailwind.css +98 -509
package/styles/timepicker/_fusionnew-definition.scss +52 -0
package/styles/timepicker/_material3-definition.scss +52 -0
package/styles/timepicker/bootstrap-dark.css +4 -22
package/styles/timepicker/bootstrap.css +4 -22
package/styles/timepicker/bootstrap4.css +4 -22
package/styles/timepicker/bootstrap5-dark.css +4 -22
package/styles/timepicker/bootstrap5.css +4 -22
package/styles/timepicker/fabric-dark.css +4 -22
package/styles/timepicker/fabric.css +4 -22
package/styles/timepicker/fluent-dark.css +4 -22
package/styles/timepicker/fluent.css +4 -22
package/styles/timepicker/highcontrast-light.css +4 -22
package/styles/timepicker/highcontrast.css +4 -22
package/styles/timepicker/icons/_fusionnew.scss +13 -0
package/styles/timepicker/icons/_material3.scss +13 -0
package/styles/timepicker/material-dark.css +4 -23
package/styles/timepicker/material.css +4 -24
package/styles/timepicker/tailwind-dark.css +4 -22
package/styles/timepicker/tailwind.css +4 -22

package/styles/datetimepicker/bootstrap5.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! 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,
@@ -13,35 +13,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;
@@ -56,7 +47,7 @@
   background-color: #e9ecef;
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -69,16 +60,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: #212529;
   cursor: default;
@@ -90,7 +78,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -104,7 +91,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;
@@ -119,7 +105,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;
@@ -166,7 +151,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #212529;
 }
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #212529;
 }
@@ -176,30 +160,23 @@
   border-radius: 6px;
   box-shadow: none;
 }
 .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: #212529;
 }
-.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: #e9ecef;
   border: none;
   color: #212529;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #0d6efd;
   color: #fff;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #e9ecef;
   color: #212529;
-}
+}

package/styles/datetimepicker/fabric-dark.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
-  font-family: 'e-icons';
+  content: "\e97f";
+  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,
@@ -13,35 +13,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;
@@ -56,7 +47,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;
@@ -69,16 +60,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: 0 0;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #dadada;
   cursor: default;
@@ -90,7 +78,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -104,7 +91,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: 0;
@@ -119,7 +105,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;
@@ -166,7 +151,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #dadada;
 }
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #dadada;
 }
@@ -176,30 +160,23 @@
   border-radius: 0;
   box-shadow: none;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #282727;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #dadada;
 }
-.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: #414040;
   border: none;
   color: #dadada;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #514f4f;
   color: #dadada;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #514f4f;
   color: #dadada;
-}
+}

package/styles/datetimepicker/fabric.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
-  font-family: 'e-icons';
+  content: "\e97f";
+  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,
@@ -13,35 +13,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;
@@ -56,7 +47,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;
@@ -69,16 +60,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: 0 0;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #333;
   cursor: default;
@@ -90,7 +78,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -104,7 +91,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: 0;
@@ -119,7 +105,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;
@@ -166,7 +151,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #333;
 }
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -176,30 +160,23 @@
   border-radius: 0;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
 }
 .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: #333;
 }
-.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: #eaeaea;
   border: none;
   color: #333;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #0078d6;
   color: #fff;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #0078d6;
   color: #fff;
-}
+}

package/styles/datetimepicker/fluent-dark.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! 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,
@@ -13,35 +13,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;
@@ -56,7 +47,7 @@
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -69,16 +60,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: #f3f2f1;
   cursor: default;
@@ -90,7 +78,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -104,7 +91,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;
@@ -119,7 +105,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;
@@ -166,7 +151,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f3f2f1;
 }
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #f3f2f1;
 }
@@ -176,30 +160,23 @@
   border-radius: 6px;
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #252423;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #f3f2f1;
 }
-.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: #323130;
   border: none;
   color: #f3f2f1;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #3b3a39;
   color: #f3f2f1;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #323130;
   color: #f3f2f1;
-}
+}

package/styles/datetimepicker/fluent.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! 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,
@@ -13,35 +13,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;
@@ -56,7 +47,7 @@
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -69,16 +60,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: #201f1e;
   cursor: default;
@@ -90,7 +78,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -104,7 +91,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;
@@ -119,7 +105,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;
@@ -166,7 +151,6 @@
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: #201f1e;
 }
 .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #201f1e;
 }
@@ -176,30 +160,23 @@
   border-radius: 6px;
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .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: #201f1e;
 }
-.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: #f3f2f1;
   border: none;
   color: #201f1e;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #edebe9;
   color: #201f1e;
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #f3f2f1;
   color: #201f1e;
-}
+}