From 5f480546f3ed150bf25712a55d85c808cd6a8ecf Mon Sep 17 00:00:00 2001
From: joneff <joneff@gmail.com>
Date: Wed, 3 Nov 2021 13:30:56 +0200
Subject: [PATCH] feat(daterange-picker): add size, rounded and full
 customization to date 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.
---
 packages/bootstrap/scss/daterangepicker/_index.scss |  5 +++++
 packages/classic/scss/daterangepicker/_index.scss   |  5 +++++
 packages/default/scss/daterangepicker/_index.scss   |  5 +++++
 packages/default/scss/daterangepicker/_layout.scss  | 12 +++++++++---
 packages/material/scss/daterangepicker/_index.scss  |  5 +++++
 5 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/packages/bootstrap/scss/daterangepicker/_index.scss b/packages/bootstrap/scss/daterangepicker/_index.scss
index 825f754147c..7c034176e6c 100644
--- 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
index 825f754147c..7c034176e6c 100644
--- 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
index 825f754147c..7c034176e6c 100644
--- 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
index e706ed22b96..680002ec879 100644
--- 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
index 825f754147c..7c034176e6c 100644
--- 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