From fa620a8241e9569cbd8fd62c032d3c2b5ce50a58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Merve=20=C3=96z=C3=A7if=C3=A7i?= <merveozcifci7@gmail.com>
Date: Mon, 5 Mar 2018 16:10:11 +0300
Subject: [PATCH] Fixed #329

---
 public/resources/themes/_theme.scss | 10 ++++++++++
 src/components/calendar/Calendar.js |  1 +
 2 files changed, 11 insertions(+)

diff --git a/public/resources/themes/_theme.scss b/public/resources/themes/_theme.scss
index d8a5e46ea9..6d828e2794 100644
--- a/public/resources/themes/_theme.scss
+++ b/public/resources/themes/_theme.scss
@@ -564,6 +564,16 @@
     }
     
     .ui-datepicker-calendar {
+		tbody {
+			>tr {
+				.ui-datepicker-selectable-other-month {
+					a:hover {
+						@include hover-element();
+					}
+
+				}
+			}
+		}
         td:not(.ui-state-disabled) {
             a:hover {
                 @include hover-element();
diff --git a/src/components/calendar/Calendar.js b/src/components/calendar/Calendar.js
index ef3afeba02..371c1a1a85 100644
--- a/src/components/calendar/Calendar.js
+++ b/src/components/calendar/Calendar.js
@@ -1584,6 +1584,7 @@ export class Calendar extends Component {
                     this.state.dates.map((week, rowIndex) => {
                         let columns = week.map((date, columnIndex) => {
                             let dateStyleClass = classNames({
+                                'ui-datepicker-selectable-other-month': date.otherMonth && this.props.selectOtherMonths,
                                 'ui-datepicker-other-month ui-state-disabled': date.otherMonth,
                                 'ui-datepicker-current-day': this.isSelected(date),
                                 'ui-datepicker-today': date.today