From a792330acc20906536f92460d8e46dde3cf126d9 Mon Sep 17 00:00:00 2001
From: Michail Poliakov <Mishkoo93@users.noreply.github.com>
Date: Wed, 2 Sep 2020 19:33:52 +0300
Subject: [PATCH 1/4] Update var.scss

Update for more flexibility, by the way, sidebar-margin-left need to be more wider, because it can fit "After N months" and wider strings
---
 src/style/var.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/style/var.scss b/src/style/var.scss
index f0c824bf..74c24182 100644
--- a/src/style/var.scss
+++ b/src/style/var.scss
@@ -30,3 +30,6 @@ $time-active-background-color: transparent !default;
 
 $time-hover-color: $default-color !default;
 $time-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;
+
+$border-input-radius: 4px !default;
+$sidebar-margin-left: 100px !default;

From 4873384520547a1d3327272af1e71e71c3f9de85 Mon Sep 17 00:00:00 2001
From: Michail Poliakov <Mishkoo93@users.noreply.github.com>
Date: Wed, 2 Sep 2020 19:37:10 +0300
Subject: [PATCH 2/4] Update var.scss

---
 src/style/var.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/style/var.scss b/src/style/var.scss
index 74c24182..64ad8372 100644
--- a/src/style/var.scss
+++ b/src/style/var.scss
@@ -31,5 +31,5 @@ $time-active-background-color: transparent !default;
 $time-hover-color: $default-color !default;
 $time-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;
 
-$border-input-radius: 4px !default;
+$input-border-radius: 4px !default;
 $sidebar-margin-left: 100px !default;

From 58894e1b01374933f2cb418c7d8423ea2262ceb3 Mon Sep 17 00:00:00 2001
From: Michail Poliakov <Mishkoo93@users.noreply.github.com>
Date: Wed, 2 Sep 2020 19:38:05 +0300
Subject: [PATCH 3/4] Update index.scss

---
 src/style/index.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/style/index.scss b/src/style/index.scss
index 62aad918..389d7801 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -52,7 +52,7 @@
   color: $input-color;
   background-color: #fff;
   border: 1px solid $input-border-color;
-  border-radius: 4px;
+  border-radius: $input-border-radius;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
   &:hover,
@@ -117,7 +117,7 @@
 }
 
 .#{$namespace}-datepicker-sidebar + .#{$namespace}-datepicker-content {
-  margin-left: 100px;
+  margin-left: $sidebar-margin-left;
   border-left: 1px solid $border-color;
 }
 

From f5bb5a3e544dec2b20f195f9f5629f2aa8e3d020 Mon Sep 17 00:00:00 2001
From: Michail Poliakov <Mishkoo93@users.noreply.github.com>
Date: Wed, 2 Sep 2020 19:53:28 +0300
Subject: [PATCH 4/4] Update index.scss

---
 src/style/index.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/style/index.scss b/src/style/index.scss
index 389d7801..5461cd7c 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -111,7 +111,7 @@
 .#{$namespace}-datepicker-sidebar {
   float: left;
   box-sizing: border-box;
-  width: 100px;
+  width: $sidebar-margin-left;
   padding: 6px;
   overflow: auto;
 }