@progress/kendo-theme-bootstrap 8.0.0-dev.3 → 8.0.0-dev.4

package/dist/all.css

@@ -37923,16 +37923,16 @@ select.k-picker-lg {
     outline: 0;
 }
 
-.k-calendar-range .k-range-start {
+.k-calendar-range .k-range-start .k-calendar-cell-inner, .k-calendar-range .k-range-start .k-link,
+.k-calendar-range .k-range-start .k-link {
     border-color: inherit;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+    border-radius: var(--kendo-border-radius-lg, 0.5rem) 0 0 var(--kendo-border-radius-lg, 0.5rem);
 }
 
-.k-calendar-range .k-range-end {
+.k-calendar-range .k-range-end .k-calendar-cell-inner, .k-calendar-range .k-range-end .k-link,
+.k-calendar-range .k-range-end .k-link {
     border-color: inherit;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+    border-radius: 0 var(--kendo-border-radius-lg, 0.5rem) var(--kendo-border-radius-lg, 0.5rem) 0;
 }
 
 .k-calendar-range .k-range-mid {
@@ -37954,6 +37954,34 @@ select.k-picker-lg {
     margin-right: -100px;
 }
 
+.k-rtl .k-calendar-range .k-range-start .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-start .k-link,
+.k-rtl .k-calendar-range .k-range-start .k-link,
+[dir="rtl"] .k-calendar-range .k-range-start .k-calendar-cell-inner,
+[dir="rtl"] .k-calendar-range .k-range-start .k-link,
+[dir="rtl"] .k-calendar-range .k-range-start .k-link,
+.k-calendar-range.k-rtl .k-range-start .k-calendar-cell-inner,
+.k-calendar-range.k-rtl .k-range-start .k-link,
+.k-calendar-range.k-rtl .k-range-start .k-link,
+.k-calendar-range[dir="rtl"] .k-range-start .k-calendar-cell-inner,
+.k-calendar-range[dir="rtl"] .k-range-start .k-link,
+.k-calendar-range[dir="rtl"] .k-range-start .k-link {
+    border-radius: 0 var(--kendo-border-radius-lg, 0.5rem) var(--kendo-border-radius-lg, 0.5rem) 0;
+}
+
+.k-rtl .k-calendar-range .k-range-end .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-end .k-link,
+.k-rtl .k-calendar-range .k-range-end .k-link,
+[dir="rtl"] .k-calendar-range .k-range-end .k-calendar-cell-inner,
+[dir="rtl"] .k-calendar-range .k-range-end .k-link,
+[dir="rtl"] .k-calendar-range .k-range-end .k-link,
+.k-calendar-range.k-rtl .k-range-end .k-calendar-cell-inner,
+.k-calendar-range.k-rtl .k-range-end .k-link,
+.k-calendar-range.k-rtl .k-range-end .k-link,
+.k-calendar-range[dir="rtl"] .k-range-end .k-calendar-cell-inner,
+.k-calendar-range[dir="rtl"] .k-range-end .k-link,
+.k-calendar-range[dir="rtl"] .k-range-end .k-link {
+    border-radius: var(--kendo-border-radius-lg, 0.5rem) 0 0 var(--kendo-border-radius-lg, 0.5rem);
+}
+
 .k-calendar {
     border-color: var(--kendo-color-border, #dee2e6);
     color: var(--kendo-color-on-app-surface, #212529);

package/dist/all.scss

@@ -31561,10 +31561,20 @@ $kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default
 
 // Multiview calendar
 
+/// The border radius of the range cells in the Multiview Calendar.
+/// @group calendar
+$kendo-calendar-range-cell-border-radius: k-border-radius(lg) !default;
 
 // Calendar sizes
+
+/// The font size of the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-line-height: var( --kendo-line-height, normal ) !default;
+/// The size of the cells in the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-cell-size: 34px !default;
 /// The horizontal padding of the cells in the small Calendar.
 /// @group calendar
@@ -31573,10 +31583,15 @@ $kendo-calendar-sm-cell-padding-x: k-spacing(0.5) !default;
 /// @group calendar
 $kendo-calendar-sm-cell-padding-y: k-spacing(0.5) !default;
 
+/// The font size of the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-line-height: var( --kendo-line-height, normal ) !default;
+/// The size of the cells in the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-cell-size: 38px !default;
-
 /// The horizontal padding of the cells in the medium Calendar.
 /// @group calendar
 $kendo-calendar-md-cell-padding-x: k-spacing(1) !default;
@@ -31584,10 +31599,15 @@ $kendo-calendar-md-cell-padding-x: k-spacing(1) !default;
 /// @group calendar
 $kendo-calendar-md-cell-padding-y: k-spacing(1) !default;
 
+/// The font size of the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+/// The line height of the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+/// The size of the cells in the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-cell-size: 42px !default;
-
 /// The horizontal padding of the cells in the large Calendar.
 /// @group calendar
 $kendo-calendar-lg-cell-padding-x: k-spacing(1) !default;
@@ -32095,15 +32115,15 @@ $kendo-calendar-sizes: (
             }
         }
 
-        .k-range-start {
+        .k-range-start .k-calendar-cell-inner,
+        .k-range-start .k-link {
             border-color: inherit;
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
+            border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
         }
-        .k-range-end {
+        .k-range-end .k-calendar-cell-inner,
+        .k-range-end .k-link {
             border-color: inherit;
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
+            border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
         }
         .k-range-mid {
             border-color: inherit;
@@ -32127,6 +32147,21 @@ $kendo-calendar-sizes: (
 
     }
 
+    .k-rtl .k-calendar-range,
+    [dir="rtl"] .k-calendar-range,
+    .k-calendar-range.k-rtl,
+    .k-calendar-range[dir="rtl"] {
+
+        .k-range-start .k-calendar-cell-inner,
+        .k-range-start .k-link {
+            border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
+        }
+        .k-range-end .k-calendar-cell-inner,
+        .k-range-end .k-link {
+            border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
+        }
+    }
+
 }