From 9e28dfbef6b6b1e80a46dfd4a4b4bace94a767b5 Mon Sep 17 00:00:00 2001
From: Teya Veselinova <tveselin@progress.com>
Date: Mon, 16 Sep 2019 17:24:47 +0300
Subject: [PATCH] fix(calendar): adjust calendar width for blazor suite

---
 packages/bootstrap/scss/_variables.scss     | 2 ++
 packages/default/scss/_variables.scss       | 2 ++
 packages/default/scss/calendar/_layout.scss | 4 ++++
 packages/material/scss/_variables.scss      | 2 ++
 4 files changed, 10 insertions(+)

diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
index 3bdcb9fd09e..b55e9456e28 100644
--- a/packages/bootstrap/scss/_variables.scss
+++ b/packages/bootstrap/scss/_variables.scss
@@ -901,6 +901,8 @@ $calendar-header-padding-x-sm: ($calendar-header-padding-y / 2) !default;
 $calendar-header-padding-y-sm: $calendar-header-padding-x-sm !default;
 $calendar-header-border-width: 1px !default;
 
+$calendar-header-min-width: 280px !default;
+
 $calendar-content-padding-x: $calendar-header-padding-x !default;
 $calendar-content-padding-y: $calendar-header-padding-y !default;
 
diff --git a/packages/default/scss/_variables.scss b/packages/default/scss/_variables.scss
index 36e24d43584..47cedfe4477 100644
--- a/packages/default/scss/_variables.scss
+++ b/packages/default/scss/_variables.scss
@@ -886,6 +886,8 @@ $calendar-header-padding-x-sm: ($calendar-header-padding-y / 2) !default;
 $calendar-header-padding-y-sm: $calendar-header-padding-x-sm !default;
 $calendar-header-border-width: 1px !default;
 
+$calendar-header-min-width: 280px !default;
+
 $calendar-content-padding-x: $calendar-header-padding-x !default;
 $calendar-content-padding-y: $calendar-header-padding-y !default;
 
diff --git a/packages/default/scss/calendar/_layout.scss b/packages/default/scss/calendar/_layout.scss
index e1efa01e963..7cd561b3712 100644
--- a/packages/default/scss/calendar/_layout.scss
+++ b/packages/default/scss/calendar/_layout.scss
@@ -119,6 +119,9 @@
             .k-button { @extend .k-button-flat; }
         }
 
+        > .k-calendar-header {
+            min-width: $calendar-header-min-width;
+        }
 
         // Footer
         .k-footer,
@@ -144,6 +147,7 @@
             position: relative;
             z-index: 1;
             overflow: hidden;
+            margin: auto;
         }
         &.k-week-number .k-calendar-view {
             width: (8 * $calendar-cell-size);
diff --git a/packages/material/scss/_variables.scss b/packages/material/scss/_variables.scss
index 1da0dff98de..5a768f40617 100644
--- a/packages/material/scss/_variables.scss
+++ b/packages/material/scss/_variables.scss
@@ -978,6 +978,8 @@ $calendar-header-padding-x-sm: 0 !default;
 $calendar-header-padding-y-sm: $calendar-header-padding-y !default;
 $calendar-header-border-width: 0 !default;
 
+$calendar-header-min-width: 300px !default;
+
 $calendar-content-padding-x: $calendar-header-padding-x !default;
 $calendar-content-padding-y: $calendar-header-padding-y !default;