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

package/styles/calendar/bootstrap4.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/calendar/bootstrap5-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/calendar/bootstrap5.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/calendar/fabric-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/calendar/fabric.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/calendar/fluent-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/calendar/fluent.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/calendar/highcontrast-light.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/calendar/highcontrast.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

package/styles/calendar/icons/_bootstrap-dark.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-material-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e910';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e916';
+    }
+  }
+}

package/styles/calendar/icons/_bootstrap.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-material-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e910';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e916';
+    }
+  }
+}

package/styles/calendar/icons/_bootstrap4.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-bootstrap4-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e734';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e705';
+    }
+  }
+}

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

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

package/styles/calendar/icons/_bootstrap5.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-bootstrap5-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e776';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e729';
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+@include export-module('calendar-fabric-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e85e';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e84f';
+    }
+  }
+}

package/styles/calendar/icons/_fabric.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-fabric-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e85e';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e84f';
+    }
+  }
+}

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

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

package/styles/calendar/icons/_fluent.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-fluent-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e7df';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e7d8';
+    }
+  }
+}

package/styles/calendar/icons/_fusionnew.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-fusionnew-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e776';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e729';
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+@include export-module('calendar-highcontrast-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e85e';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e84f';
+    }
+  }
+}

package/styles/calendar/icons/_highcontrast.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-highcontrast-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e85e';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e84f';
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+@include export-module('calendar-material-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e910';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e916';
+    }
+  }
+}

package/styles/calendar/icons/_material.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-material-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e910';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e916';
+    }
+  }
+}

package/styles/calendar/icons/_material3.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-material3-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e776';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e729';
+    }
+  }
+}

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

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

package/styles/calendar/icons/_tailwind.scss

@@ -0,0 +1,12 @@
+@include export-module('calendar-tailwind-icons') {
+  /*! component icons */
+  .e-calendar .e-header {
+    #{if(&, '&', '*')} .e-date-icon-prev::before {
+      content: '\e776';
+      }
+
+    #{if(&, '&', '*')} .e-date-icon-next::before {
+      content: '\e729';
+    }
+  }
+}

package/styles/calendar/material-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-buttons/styles/button/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'icons/material-dark.scss';
+@import 'all.scss';

package/styles/calendar/material.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-buttons/styles/button/material-definition.scss';
+@import 'material-definition.scss';
+@import 'icons/material.scss';
+@import 'all.scss';

package/styles/calendar/tailwind-dark.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'icons/tailwind-dark.scss';
+@import 'all.scss';

package/styles/calendar/tailwind.scss

@@ -1 +1,5 @@
-@import 'ej2-calendars/styles/calendar/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-buttons/styles/button/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/datepicker/_all.scss

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

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

@@ -0,0 +1,34 @@
+//default 
+$datepicker-icon-color: none !default;
+$datepicker-active-icon-color: $datepicker-icon-color !default;
+$datepicker-popup-box-shadow: 0 6px 12px rgba($base-font, .5) !default;
+$datepicker-input-border-style: none !default;
+$datepicker-popup-border-radius: 4px !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon: '\e960' !default;
+$datepicker-popup-border: 1px solid $grey-44 !default;
+$datepicker-icon-font-size: 16px !default;
+$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-overlay: rgba($grey-base, .6) !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-icon-hover-color: $grey-e6 !default;
+$datepicker-popup-bg-color: $grey-dark !default;
+$datepicker-icon-border-radius: 0 !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-othermonth-row: table-row !default;
+$datepicker-modal-header-bg: transparent !default;
+$datepicker-modal-header-color: transparent !default;
+$datepicker-modal-header-display: none !default;
+$datepicker-calendar-tbody-landscape-height: 150px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 14px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 18px !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 500 !default;
+$model-year-line-height: 32px !default;
+$model-month-font-size: 20px !default;
+$model-month-font-weight: 500 !default;
+$model-month-line-height: 32px !default;
+//enddefault

package/styles/datepicker/_bootstrap-definition.scss

@@ -0,0 +1,32 @@
+$datepicker-icon-color: none !default;
+$datepicker-active-icon-color: $datepicker-icon-color !default;
+$datepicker-popup-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
+$datepicker-input-border-style: none !default;
+$datepicker-popup-bg-color: $grey-white !default;
+$datepicker-popup-border-radius: 4px !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon: '\e960' !default;
+$datepicker-popup-border: 1px solid $grey-cc !default;
+$datepicker-icon-font-size: 16px !default;
+$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-overlay: rgba($grey-base, .6) !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-icon-hover-color: $grey-e6 !default;
+$datepicker-icon-border-radius: 0 !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-othermonth-row: table-row !default;
+$datepicker-modal-header-bg: transparent !default;
+$datepicker-modal-header-color: transparent !default;
+$datepicker-modal-header-display: none !default;
+$datepicker-calendar-tbody-landscape-height: 150px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 14px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 18px !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 500 !default;
+$model-year-line-height: 32px !default;
+$model-month-font-size: 20px !default;
+$model-month-font-weight: 500 !default;
+$model-month-line-height: 32px !default;

package/styles/datepicker/_bootstrap4-definition.scss

@@ -0,0 +1,38 @@
+$datepicker-icon-color: $white !default;
+$datepicker-active-icon-color: $white !default;
+$datepicker-popup-box-shadow: none !default;
+$datepicker-input-border-style: none !default;
+$datepicker-popup-bg-color: $content-bg !default;
+$datepicker-popup-border-radius: 4px !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon: '\e960' !default;
+$datepicker-popup-border: 1px solid rgba($black, .15) !default;
+$datepicker-icon-font-size: 14px !default;
+$datepicker-icon-container-min-height: 29px !default;
+$datepicker-icon-container-min-width: 24px !default;
+$datepicker-bigger-icon-container-min-height: 36px !default;
+$datepicker-bigger-icon-container-min-width: 34px !default;
+$datepicker-bigger-icon-font-size: 16px !default;
+$datepicker-overlay: rgba($black, .5) !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-icon-hover-color: $gray-900 !default;
+$datepicker-icon-active-bg-color: darken($gray-600, 10%) !default;
+$datepicker-active-border-color: darken($gray-600, 10%) !default;
+$datepicker-icon-border-radius: 0 !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-othermonth-row: table-row !default;
+$datepicker-modal-header-bg: transparent !default;
+$datepicker-modal-header-color: transparent !default;
+$datepicker-modal-header-display: none !default;
+$datepicker-calendar-tbody-landscape-height: 150px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 12px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 15px !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 500 !default;
+$model-year-line-height: 32px !default;
+$model-month-font-size: 20px !default;
+$model-month-font-weight: 500 !default;
+$model-month-line-height: 32px !default;

package/styles/datepicker/_bootstrap5-dark-definition.scss

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

package/styles/datepicker/_bootstrap5-definition.scss

@@ -0,0 +1,42 @@
+//default 
+$datepicker-icon: '\e901' !default;
+$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-container-min-height: 18px !default;
+$datepicker-icon-container-min-width: 30px !default;
+$datepicker-bigger-icon-container-min-height: 18px !default;
+$datepicker-bigger-icon-container-min-width: 36px !default;
+$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-icon-border-radius: 50% !default;
+$datepicker-popup-border-radius: 6px !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-modal-header-display: block !default;
+$datepicker-calendar-tbody-landscape-height: 130px !default;
+$datepicker-popup-bigger-margin-top: 8px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 16px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 20px !default;
+// color variables
+$datepicker-popup-border: 1px solid $border-light !default;
+$datepicker-input-border-style: none !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon-color: $secondary-text-color !default;
+$datepicker-active-icon-color: $datepicker-icon-color !default;
+$datepicker-icon-active-bg-color: $secondary-bg-color-pressed !default;
+$datepicker-active-border-color: $border !default;
+$datepicker-popup-box-shadow: $shadow-lg !default;
+$datepicker-overlay: rgba($black, .5) !default;
+$datepicker-icon-hover-color: $secondary-text-color-hover !default;
+$datepicker-popup-bg-color: $flyout-bg-color !default;
+$datepicker-othermonth-row: none !default;
+$datepicker-modal-header-bg: $icon-color !default;
+$datepicker-modal-header-color: $content-bg-color-alt2 !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 500 !default;
+$model-year-line-height: 32px !default;
+$model-month-font-size: 20px !default;
+$model-month-font-weight: 500 !default;
+$model-month-line-height: 32px !default;
+//enddefault

package/styles/datepicker/_fabric-dark-definition.scss

@@ -0,0 +1,34 @@
+//default
+$datepicker-icon-color: none !default;
+$datepicker-active-icon-color: $datepicker-icon-color !default;
+$datepicker-popup-box-shadow: none !default;
+$datepicker-input-border-style: 1px solid $theme-primary !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon: '\e93a' !default;
+$datepicker-popup-border: 1px solid $neutral-light !default;
+$datepicker-icon-font-size: 16px !default;
+$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-overlay: rgba($neutral-black, .6) !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-popup-bg-color: $neutral-lighter-alt !default;
+$datepicker-icon-hover-color: $hover-bg-color !default;
+$datepicker-icon-border-radius: 0 !default;
+$datepicker-popup-border-radius: 0 !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-othermonth-row: table-row !default;
+$datepicker-modal-header-bg: $theme-primary !default;
+$datepicker-modal-header-color: $neutral-white !default;
+$datepicker-modal-header-display: none !default;
+$datepicker-calendar-tbody-landscape-height: 150px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 14px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 18px !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 500 !default;
+$model-year-line-height: 32px !default;
+$model-month-font-size: 20px !default;
+$model-month-font-weight: 500 !default;
+$model-month-line-height: 32px !default;
+//enddefault

package/styles/datepicker/_fabric-definition.scss

@@ -0,0 +1,32 @@
+$datepicker-icon-color: none !default;
+$datepicker-active-icon-color: $datepicker-icon-color !default;
+$datepicker-popup-box-shadow: 0 0 5px 0 rgba($neutral-black, .4) !default;
+$datepicker-input-border-style: 1px solid $theme-primary !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon: '\e93a' !default;
+$datepicker-popup-border: 1px solid $neutral-light !default;
+$datepicker-popup-bg-color: $content-bg-color !default;
+$datepicker-icon-font-size: 16px !default;
+$datepicker-bigger-icon-font-size: 20px !default;
+$datepicker-overlay: rgba($neutral-black, .6) !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-icon-hover-color: $hover-bg-color !default;
+$datepicker-icon-border-radius: 0 !default;
+$datepicker-popup-border-radius: 0 !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-othermonth-row: table-row !default;
+$datepicker-modal-header-bg: $theme-primary !default;
+$datepicker-modal-header-color: $neutral-white !default;
+$datepicker-modal-header-display: none !default;
+$datepicker-calendar-tbody-landscape-height: 150px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 14px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 18px !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 500 !default;
+$model-year-line-height: 32px !default;
+$model-month-font-size: 20px !default;
+$model-month-font-weight: 500 !default;
+$model-month-line-height: 32px !default;

package/styles/datepicker/_fluent-dark-definition.scss

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

package/styles/datepicker/_fluent-definition.scss

@@ -0,0 +1,43 @@
+//default 
+$datepicker-icon: '\e901' !default;
+$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-container-min-height: 18px !default;
+$datepicker-icon-container-min-width: 30px !default;
+$datepicker-bigger-icon-container-min-height: 18px !default;
+$datepicker-bigger-icon-container-min-width: 36px !default;
+$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-icon-border-radius: 50% !default;
+$datepicker-popup-border-radius: 6px !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-modal-header-display: block !default;
+$datepicker-calendar-tbody-landscape-height: 130px !default;
+$datepicker-popup-bigger-margin-top: 8px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 16px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 20px !default;
+// color variables
+$datepicker-popup-border: 0 solid $border-light !default;
+$datepicker-input-border-style: none !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon-color: $icon-color !default;
+$datepicker-active-icon-color: $datepicker-icon-color !default;
+$datepicker-icon-active-bg-color: $content-bg-color-alt4 !default;
+$datepicker-active-border-color: $border !default;
+$datepicker-popup-box-shadow: $shadow-md !default;
+$datepicker-overlay: $overlay-bg-color !default;
+$datepicker-icon-hover-color: $icon-color-hover !default;
+$datepicker-popup-bg-color: $flyout-bg-color !default;
+$datepicker-othermonth-row: none !default;
+$datepicker-modal-header-bg: $secondary-border-color-focus !default;
+$datepicker-modal-header-color: $primary-text-color !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 600 !default;
+$model-year-line-height: 22px !default;
+$model-month-font-size: 18px !default;
+$model-month-font-weight: 600 !default;
+$model-month-line-height: 28px !default;
+
+//enddefault

package/styles/datepicker/_fusionnew-definition.scss

@@ -0,0 +1,42 @@
+//default 
+$datepicker-icon: '\e901' !default;
+$datepicker-icon-font-size: 18px !default;
+$datepicker-icon-container-min-height: 18px !default;
+$datepicker-icon-container-min-width: 30px !default;
+$datepicker-bigger-icon-container-min-height: 18px !default;
+$datepicker-bigger-icon-container-min-width: 36px !default;
+$datepicker-bigger-icon-font-size: 22px !default;
+$datepicker-icon-normal-margin: 0 !default;
+$datepicker-icon-bigger-margin: 0 !default;
+$datepicker-icon-border-radius: 50% !default;
+$datepicker-popup-border-radius: 6px !default;
+$datepicker-box-sizing: border-box !default;
+$datepicker-modal-header-display: block !default;
+$datepicker-calendar-tbody-landscape-height: 130px !default;
+$datepicker-popup-bigger-margin-top: 8px !default;
+// mouse small icon
+$datepicker-small-icon-font-size: 16px !default;
+// Touch small icon
+$datepicker-bigger-small-icon-font-size: 20px !default;
+// color variables
+$datepicker-popup-border: 1px solid $border-light !default;
+$datepicker-input-border-style: none !default;
+$datepicker-calendar-border-style: none !default;
+$datepicker-icon-color: $secondary-text-color !default;
+$datepicker-active-icon-color: $datepicker-icon-color !default;
+$datepicker-icon-active-bg-color: $secondary-bg-color-pressed !default;
+$datepicker-active-border-color: $border !default;
+$datepicker-popup-box-shadow: $shadow-lg !default;
+$datepicker-overlay: rgba($black, .5) !default;
+$datepicker-icon-hover-color: $secondary-text-color-hover !default;
+$datepicker-popup-bg-color: $flyout-bg-color !default;
+$datepicker-othermonth-row: none !default;
+$datepicker-modal-header-bg: $icon-color !default;
+$datepicker-modal-header-color: $content-bg-color-alt2 !default;
+$model-year-font-size: 14px !default;
+$model-year-font-weight: 500 !default;
+$model-year-line-height: 32px !default;
+$model-month-font-size: 20px !default;
+$model-month-font-weight: 500 !default;
+$model-month-line-height: 32px !default;
+//enddefault