@syncfusion/ej2-calendars 19.4.54 → 20.1.47

package/styles/bootstrap5.css

@@ -245,7 +245,7 @@ ejs-calendar {
 
 .e-calendar .e-header .e-title,
 .e-bigger.e-small .e-calendar .e-header .e-title {
-  margin-left: 8px;
+  margin-left: 2px;
 }
 
 .e-calendar .e-header .e-prev:hover,
@@ -288,6 +288,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
+  border-spacing: 0;
   max-width: 242px;
   min-width: 240px;
   padding: 0;
@@ -318,7 +319,7 @@ ejs-calendar {
 .e-calendar.e-rtl .e-header .e-title,
 .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
   text-align: right;
-  text-indent: 4px;
+  text-indent: 12px;
 }
 
 .e-calendar .e-header,
@@ -363,7 +364,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: 26px;
+  line-height: 32px;
 }
 
 .e-calendar .e-content.e-year table,
@@ -427,6 +428,11 @@ ejs-calendar {
   width: 100%;
 }
 
+.e-calendar.e-rtl .e-header .e-title,
+.e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
+  text-indent: 12px;
+}
+
 .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
 .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
   font-size: 14px;
@@ -437,6 +443,17 @@ ejs-calendar {
   padding: 0 12px 12px 12px;
 }
 
+.e-small.e-bigger.e-calendar .e-content span.e-day,
+.e-small.e-bigger .e-calendar .e-content span.e-day {
+  height: 34px;
+  width: 34px;
+}
+
+.e-small.e-bigger.e-calendar .e-header .e-title,
+.e-small.e-bigger .e-calendar .e-header .e-title {
+  margin-left: 5px;
+}
+
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 292px;
@@ -539,7 +556,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: 32px;
+  line-height: 38px;
 }
 
 .e-bigger.e-calendar .e-content.e-month td,
@@ -579,6 +596,16 @@ ejs-calendar {
   padding: 16px;
 }
 
+.e-bigger.e-calendar .e-header .e-title,
+*.e-bigger .e-calendar .e-header .e-title {
+  margin-left: 5px;
+}
+
+.e-bigger.e-calendar.e-rtl .e-header .e-title,
+*.e-bigger .e-calendar.e-rtl .e-header .e-title {
+  text-indent: 15px;
+}
+
 .e-small.e-calendar,
 .e-small .e-calendar {
   max-width: 200px;
@@ -602,7 +629,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: 20px;
+  line-height: 26px;
 }
 
 .e-small.e-calendar .e-content.e-month td,
@@ -627,6 +654,11 @@ ejs-calendar {
   line-height: 22px;
 }
 
+.e-small.e-calendar.e-rtl .e-header .e-title,
+.e-small .e-calendar.e-rtl .e-header .e-title {
+  text-indent: 12px;
+}
+
 .e-small.e-calendar .e-header .e-icon-container .e-prev,
 .e-small.e-calendar .e-header .e-icon-container .e-next,
 .e-small .e-calendar .e-header .e-icon-container .e-prev,
@@ -641,6 +673,18 @@ ejs-calendar {
   height: 24px;
 }
 
+.e-small.e-calendar .e-header .e-title,
+.e-small .e-calendar .e-header .e-title {
+  margin-left: 0;
+}
+
+.e-small.e-calendar .e-content.e-year td > span.e-day,
+.e-small.e-calendar .e-content.e-decade td > span.e-day,
+.e-small .e-calendar .e-content.e-year td > span.e-day,
+.e-small .e-calendar .e-content.e-decade td > span.e-day {
+  width: 46px;
+}
+
 .e-calendar .e-btn.e-today.e-flat.e-disabled,
 .e-calendar .e-btn.e-today.e-flat.e-disabled:hover,
 .e-calendar .e-btn.e-today.e-flat.e-disabled:active,
@@ -821,6 +865,7 @@ ejs-calendar {
   background: #e9ecef;
   border: none;
   border-radius: 4px;
+  box-shadow: none;
 }
 
 .e-calendar .e-content td.e-focused-date:hover span.e-day,
@@ -836,15 +881,17 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   background: none;
-  border: 2px solid #0d6efd;
+  border: none;
   border-radius: 4px;
+  box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
   color: #0d6efd;
 }
 
 .e-calendar .e-content td.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   background: #e9ecef;
-  border: 1px solid #0d6efd;
+  border: none;
+  box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
   color: #343a40;
 }
 
@@ -865,15 +912,15 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
   background-color: #e9ecef;
-  border: 2px solid #0d6efd;
+  border: none;
   color: #343a40;
 }
 
 .e-calendar .e-content td.e-today.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
   background-color: #0d6efd;
-  border: 1px solid #0d6efd;
-  box-shadow: none;
+  border: none;
+  box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
   color: #fff;
 }
 
@@ -1008,6 +1055,7 @@ ejs-calendar {
 .e-calendar .e-btn.e-today.e-flat.e-primary,
 .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
   background-color: #0d6efd;
+  border: 0;
   border-color: #0d6efd;
   color: #fff;
 }
@@ -1214,6 +1262,7 @@ ejs-calendar {
 }
 
 .e-timepicker.e-popup {
+  background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 6px;
   box-shadow: none;
@@ -1418,13 +1467,23 @@ ejs-calendar {
 }
 
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper {
+.e-bigger.e-small .e-datepicker.e-popup-wrapper,
+.e-bigger .e-datepicker.e-popup-wrapper,
+.e-small .e-datepicker.e-popup-wrapper,
+.e-bigger.e-small.e-datepicker.e-popup-wrapper,
+.e-bigger.e-datepicker.e-popup-wrapper,
+.e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid #dee2e6;
   box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
 
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar {
+.e-bigger.e-small .e-datepicker .e-calendar,
+.e-bigger .e-datepicker .e-calendar,
+.e-small .e-datepicker .e-calendar,
+.e-bigger.e-small.e-datepicker .e-calendar,
+.e-bigger.e-datepicker .e-calendar,
+.e-small.e-datepicker .e-calendar {
   background-color: #fff;
   border: none;
 }
@@ -1633,11 +1692,11 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   cursor: pointer;
+  line-height: 24px;
+  width: auto;
   float: none;
   font-weight: normal;
-  line-height: 24px;
   margin-left: 0;
-  width: auto;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -1843,7 +1902,7 @@ ejs-calendar {
 
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
-  background-color: rgba(233, 236, 239, 0.6);
+  background-color: #fff;
   height: 100%;
   left: 0;
   opacity: .5;
@@ -2207,39 +2266,46 @@ ejs-calendar {
 }
 
 .e-daterangepicker.e-popup,
-.e-bigger.e-small .e-daterangepicker.e-popup {
+.e-bigger.e-small .e-daterangepicker.e-popup,
+.e-bigger.e-small.e-daterangepicker.e-popup {
   background: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
   background-color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
   color: #343a40;
   text-decoration: none;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
-  background-color: #e9ecef;
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
+  background-color: #dee2e6;
   color: #343a40;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
   background-color: #e9ecef;
   border: 1px solid #0d6efd;
   color: #212529;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
-  background: #e9ecef;
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
+  background: #dee2e6;
   border: none;
   color: #343a40;
 }
@@ -2249,7 +2315,10 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
   background-color: #ced4da;
   border: none;
   color: #343a40;
@@ -2262,12 +2331,17 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
   border: 1px solid #0d6efd;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
   border: 1px solid #0d6efd;
 }
 
@@ -2282,7 +2356,13 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
   background-color: #fff;
   border: none;
   color: #495057;
@@ -2291,7 +2371,9 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
 .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
   background-color: #fff;
   border: none;
   color: #495057;
@@ -2300,36 +2382,43 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
   background-color: #0d6efd;
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
   background-color: #0d6efd;
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-presets,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
   background-color: #fff;
   color: #212529;
 }
 
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
   background-color: transparent;
   color: #0d6efd;
 }
 
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
   background-color: #e9ecef;
   color: #212529;
 }
@@ -2337,27 +2426,33 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-start-label,
 .e-daterangepicker.e-popup .e-end-label,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-end-label {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
   color: #495057;
 }
 
 .e-daterangepicker.e-popup .e-change-icon,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
   color: #6c757d;
 }
 
 .e-daterangepicker.e-popup .e-day-span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-day-span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
   color: #6c757d;
 }
 
 .e-daterangepicker.e-popup .e-separator,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
   background-color: #dee2e6;
 }
 
 .e-daterangepicker.e-popup .e-footer,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
   background-color: #fff;
 }
 

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

@@ -118,6 +118,7 @@ $calendar-other-month-date-hover-bg: $grey-lighter !default;
 
 // table related styles
 $calendar-table-padding: 0 0 10px !default;
+$calendar-rtl-text-indent: 4px !default;
 
 //font icons
 $calendar-prev-icon: '\e910' !default;
@@ -138,14 +139,17 @@ $calendar-bigger-icon-font-size: 18px !default;
 $calendar-light-font: $grey-dark-font !default;
 $calendar-active-font-color: $brand-primary-font !default;
 $calendar-active-bg-color: $brand-primary !default;
-$calendar-active-bg-border-color: 1px solid $brand-primary !default;
+$calendar-active-bg-box-shadow: inset 1px 0 $brand-primary, inset 0 1px $brand-primary, inset -1px 0 $brand-primary, inset 0 -1px $brand-primary !default;
+$calendar-active-bg-border-color: none !default;
 $calendar-active-hover-bg-color: darken($brand-primary, 10%) !default;
 $calendar-hover-color:  $grey-88 !default;
 $calendar-text-color: $grey-dark-font !default;
 $calendar-hover-text: $calendar-text-color !default;
 $calendar-focus-bg-color: $grey-88 !default;
 $calendar-focused-today-bg-style: $grey !default;
-$calendar-focused-today-border-style:  1px solid $brand-primary !default;
+$calendar-focused-today-box-shadow: inset 1px 0 $brand-primary, inset 0 1px $brand-primary, inset -1px 0 $brand-primary, inset 0 -1px $brand-primary !default;
+$calendar-focused-today-border-style: none !default;
+$calendar-focus-box-shadow: none !default;
 $calendar-focus-border-color: none !default;
 $calendar-hover-border-color: none !default;
 $calendar-disable-font-color: $grey-8c !default;
@@ -160,14 +164,15 @@ $calendar-link-font-weight-style: normal !default;
 $calendar-focused-date-bg-style: $grey-88 !default;
 $calendar-disable-font-weight-style: normal !default;
 $calendar-border-radius: 4px !default;
+$calendar-week-number-font-weight: 500 !default;
 
 // end td styles 
 
 //today date
 $calendar-today-bg-style: none !default;
 $calendar-today-bg-hover-color: $grey-white !default;
-$calendar-today-border-color: 1px solid $brand-primary !default;
-$calendar-selected-box-shadow: none !default;
+$calendar-today-box-shadow: inset 1px 0 $brand-primary, inset 0 1px $brand-primary, inset -1px 0 $brand-primary, inset 0 -1px $brand-primary !default;
+$calendar-today-border-color: none !default;
 $calendar-selected-border-color: none !default;
 //pending
 $calendar-today-color: $grey-light-font !default;

package/styles/calendar/_bootstrap-definition.scss

@@ -116,6 +116,7 @@ $calendar-other-month-date-hover-bg: $calendar-other-month-date !default;
 
 // table related styles
 $calendar-table-padding: 0 0 10px !default;
+$calendar-rtl-text-indent: 4px !default;
 
 //font icons
 $calendar-prev-icon: '\e910' !default;
@@ -128,6 +129,7 @@ $calendar-spanicon-font-weight-style: normal !default;
 //pending
 $calendar-icon-font-size-style: 16px !default;
 $calendar-bigger-icon-font-size: 18px !default;
+$calendar-week-number-font-weight: 500 !default;
 
 
 // td styles 
@@ -139,14 +141,17 @@ $calendar-active-hover-font-color: $brand-primary-font !default;
 $calendar-active-today-font-color: $brand-primary-font !default;
 $calendar-active-today-hover-font-color: $brand-primary-font !default;
 $calendar-active-bg-color: $brand-primary !default;
-$calendar-active-bg-border-color: 1px solid $brand-primary !default;
+$calendar-active-bg-box-shadow: inset 1px 0 $brand-primary, inset 0 1px $brand-primary, inset -1px 0 $brand-primary, inset 0 -1px $brand-primary !default;
+$calendar-active-bg-border-color: none !default;
 $calendar-active-hover-bg-color: darken($brand-primary, 10%) !default;
 $calendar-hover-color:  $grey-e6 !default;
 $calendar-text-color: $grey-light-font !default;
 $calendar-hover-text: $calendar-text-color !default;
 $calendar-focus-bg-color: $grey-e6 !default;
 $calendar-focused-today-bg-style: $grey-e6 !default;
-$calendar-focused-today-border-style:  1px solid $brand-primary !default;
+$calendar-focused-today-box-shadow: inset 1px 0 $brand-primary, inset 0 1px $brand-primary, inset -1px 0 $brand-primary, inset 0 -1px $brand-primary !default;
+$calendar-focused-today-border-style: none !default;
+$calendar-focus-box-shadow: none !default;
 $calendar-focus-border-color: none !default;
 $calendar-hover-border-color: none !default;
 $calendar-disable-font-color: $grey-cc !default;
@@ -167,8 +172,8 @@ $calendar-border-radius: 4px !default;
 //today date
 $calendar-today-bg-style: none !default;
 $calendar-today-bg-hover-color: $grey-white !default;
-$calendar-today-border-color: 1px solid $brand-primary !default;
-$calendar-selected-box-shadow: none !default;
+$calendar-today-box-shadow: inset 1px 0 $brand-primary, inset 0 1px $brand-primary, inset -1px 0 $brand-primary, inset 0 -1px $brand-primary !default;
+$calendar-today-border-color: none !default;
 $calendar-selected-border-color: none !default;
 //pending
 $calendar-today-color: $grey-light-font !default;

package/styles/calendar/_bootstrap4-definition.scss

@@ -116,6 +116,7 @@ $calendar-other-month-date-hover-bg: $calendar-other-month-date !default;
 
 // table related styles
 $calendar-table-padding: 0 12px 12px 12px !default;
+$calendar-rtl-text-indent: 4px !default;
 
 //font icons
 $calendar-prev-icon: '\e910' !default;
@@ -128,7 +129,7 @@ $calendar-spanicon-font-weight-style: normal !default;
 //pending
 $calendar-icon-font-size-style: 14px !default;
 $calendar-bigger-icon-font-size: 16px !default;
-
+$calendar-week-number-font-weight: 500 !default;
 
 // td styles 
 
@@ -139,14 +140,17 @@ $calendar-active-hover-font-color: $primary-font !default;
 $calendar-active-today-font-color: $primary-font !default;
 $calendar-active-today-hover-font-color: $primary-font !default;
 $calendar-active-bg-color: $primary !default;
-$calendar-active-bg-border-color: 1px solid $primary !default;
+$calendar-active-bg-box-shadow: inset 1px 0 $primary, inset 0 1px $primary, inset -1px 0 $primary, inset 0 -1px $primary !default;
+$calendar-active-bg-border-color: none !default;
 $calendar-active-hover-bg-color: darken($primary, 7.5%) !default;
 $calendar-hover-color: darken($gray-100, 2%) !default;
 $calendar-text-color: $gray-900 !default;
 $calendar-hover-text: $calendar-text-color !default;
 $calendar-focus-bg-color: darken($gray-100, 2%) !default;
 $calendar-focused-today-bg-style: darken($gray-100, 2%) !default;
-$calendar-focused-today-border-style:  1px solid $primary !default;
+$calendar-focused-today-box-shadow: inset 1px 0 $primary, inset 0 1px $primary, inset -1px 0 $primary, inset 0 -1px $primary !default;
+$calendar-focused-today-border-style: none !default;
+$calendar-focus-box-shadow: none !default;
 $calendar-focus-border-color: none !default;
 $calendar-hover-border-color: none !default;
 $calendar-disable-font-color: $gray-500 !default;
@@ -167,8 +171,8 @@ $calendar-border-radius: 4px !default;
 //today date
 $calendar-today-bg-style: $white !default;
 $calendar-today-bg-hover-color: darken($gray-100, 2%) !default;
-$calendar-today-border-color: 1px solid $primary !default;
-$calendar-selected-box-shadow: none !default;
+$calendar-today-box-shadow: inset 1px 0 $primary, inset 0 1px $primary, inset -1px 0 $primary, inset 0 -1px $primary !default;
+$calendar-today-border-color: none !default;
 $calendar-selected-border-color: none !default;
 //pending
 $calendar-today-color: $gray-900 !default;