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

package/dist/all.css

@@ -37833,16 +37833,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.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem);
 }
 
-.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.375rem) var(--kendo-border-radius-lg, 0.375rem) 0;
 }
 
 .k-calendar-range .k-range-mid {
@@ -37864,6 +37864,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.375rem) var(--kendo-border-radius-lg, 0.375rem) 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.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem);
+}
+
 .k-calendar {
     border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08));
     color: var(--kendo-color-on-app-surface, #3d3d3d);

package/dist/all.scss

@@ -28841,12 +28841,21 @@ $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: 28px !default;
-
 /// The horizontal padding of the cells in the small Calendar.
 /// @group calendar
 $kendo-calendar-sm-cell-padding-x: k-spacing(0.5) !default;
@@ -28854,10 +28863,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: 32px !default;
-
 /// The horizontal padding of the cells in the medium Calendar.
 /// @group calendar
 $kendo-calendar-md-cell-padding-x: k-spacing(1) !default;
@@ -28865,10 +28879,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: 40px !default;
-
 /// The horizontal padding of the cells in the large Calendar.
 /// @group calendar
 $kendo-calendar-lg-cell-padding-x: k-spacing(2) !default;
@@ -29375,15 +29394,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;
@@ -29407,6 +29426,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;
+        }
+    }
+
 }