feat(daterange-picker): add size, rounded and full customization to d…

…ate range picker BREAKING CHANGE: Use high-level input for date range picker base Date range picker reuses the input base component size, rounded and fill component options.
telerik · Jan 18, 2022 · 5f48054 · 5f48054
1 parent 9d98b62
commit 5f48054
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 3 deletions.
diff --git a/packages/bootstrap/scss/daterangepicker/_index.scss b/packages/bootstrap/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component

diff --git a/packages/classic/scss/daterangepicker/_index.scss b/packages/classic/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component

diff --git a/packages/default/scss/daterangepicker/_index.scss b/packages/default/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component

diff --git a/packages/default/scss/daterangepicker/_layout.scss b/packages/default/scss/daterangepicker/_layout.scss
@@ -1,9 +1,9 @@
 @include exports( "daterangepicker/layout" ) {
 
     // Daterange picker
-    .k-daterangepicker {
-        border: 0;
-        display: inline-flex;
+    .k-daterange-picker {
+        width: $kendo-input-default-width;
+        display: flex;
         flex-flow: row nowrap;
         align-items: flex-start;
         gap: map-get( $spacing, 2 );
@@ -30,4 +30,10 @@
         gap: inherit;
     }
 
+
+    // Alias
+    .k-daterangepicker {
+        @extend .k-daterange-picker;
+    }
+
 }
diff --git a/packages/material/scss/daterangepicker/_index.scss b/packages/material/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component