diff --git a/package/src/styles/themes/dark.css b/package/src/styles/themes/dark.css
index 587cd52e..d7209643 100644
--- a/package/src/styles/themes/dark.css
+++ b/package/src/styles/themes/dark.css
@@ -48,7 +48,7 @@
 }
 
 [data-vc-theme='dark'] button.vc-week__day {
-  @apply  surehover:hover:text-slate-300;
+  @apply surehover:hover:text-slate-300;
 }
 
 [data-vc-theme='dark'] .vc-week__day[data-vc-week-day-off] {
@@ -106,9 +106,14 @@
   @apply bg-slate-800;
 }
 
+[data-vc-theme='dark'] .vc-date[data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-700 surehover:hover:bg-slate-700;
+}
+
 [data-vc-theme='dark'] .vc-date[data-vc-date-weekend] .vc-date__btn,
 [data-vc-theme='dark'] .vc-date[data-vc-date-holiday] .vc-date__btn {
-  @apply text-rose-500 surehover:hover:bg-slate-800 surehover:hover:text-rose-500;
+  @apply text-rose-500 surehover:hover:bg-slate-800;
 }
 
 [data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn,
@@ -116,6 +121,13 @@
   @apply bg-slate-800 text-rose-500;
 }
 
+[data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-holiday][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-hover='first'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-holiday][data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-700 surehover:hover:bg-slate-700;
+}
+
 [data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn,
 [data-vc-theme='dark'] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn {
   @apply text-slate-700 opacity-80;
diff --git a/package/src/styles/themes/light.css b/package/src/styles/themes/light.css
index 5e0660b0..8396ff75 100644
--- a/package/src/styles/themes/light.css
+++ b/package/src/styles/themes/light.css
@@ -106,6 +106,11 @@
   @apply bg-slate-100;
 }
 
+[data-vc-theme='light'] .vc-date[data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-200 surehover:hover:bg-slate-200;
+}
+
 [data-vc-theme='light'] .vc-date[data-vc-date-weekend] .vc-date__btn,
 [data-vc-theme='light'] .vc-date[data-vc-date-holiday] .vc-date__btn {
   @apply text-rose-500 surehover:hover:bg-rose-50;
@@ -116,6 +121,13 @@
   @apply bg-rose-50;
 }
 
+[data-vc-theme='light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='first'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-rose-100 surehover:hover:bg-rose-100;
+}
+
 [data-vc-theme='light'] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn,
 [data-vc-theme='light'] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn {
   @apply text-slate-300;
diff --git a/package/src/styles/themes/slate-light.css b/package/src/styles/themes/slate-light.css
index 7863ea0a..da371056 100644
--- a/package/src/styles/themes/slate-light.css
+++ b/package/src/styles/themes/slate-light.css
@@ -106,14 +106,26 @@
   @apply bg-slate-200;
 }
 
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-300 surehover:hover:bg-slate-300;
+}
+
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend] .vc-date__btn,
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday] .vc-date__btn {
-  @apply text-red-500 surehover:hover:bg-red-100;
+  @apply text-red-500 surehover:hover:bg-slate-200;
 }
 
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn,
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday][data-vc-date-hover] .vc-date__btn {
-  @apply bg-red-100;
+  @apply bg-slate-200;
+}
+
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='first'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-300 surehover:hover:bg-slate-300;
 }
 
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn,