update core styles

woocommerce · Dec 17, 2018 · 4b6fbda · 4b6fbda
1 parent 07be925
commit 4b6fbda
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 11 deletions.
diff --git a/packages/components/src/calendar/date-picker.js b/packages/components/src/calendar/date-picker.js
@@ -94,7 +94,7 @@ class DatePicker extends Component {
 						<H className="woocommerce-calendar__date-picker-title">
 							{ __( 'select a date', 'wc-admin' ) }
 						</H>
-						<div className="woocommerce-calendar__react-dates">
+						<div className="woocommerce-calendar__react-dates is-core-datepicker">
 							<WpDatePicker
 								currentDate={ date }
 								onChange={ partial( this.onDateChange, onToggle ) }

diff --git a/packages/components/src/calendar/style.scss b/packages/components/src/calendar/style.scss
@@ -29,17 +29,9 @@
 		border: 1px solid $core-grey-light-700;
 	}
 
-	.CalendarDay__default {
-		background-color: transparent;
-	}
-
 	.CalendarDay__selected {
 		background: $woocommerce-700;
-		//border: 1px solid $core-grey-light-700;
-	}
-
-	.components-datetime__date {
-		padding-left: 0;
+		border: 1px solid $core-grey-light-700;
 	}
 
 	.CalendarDay__hovered_span {
@@ -68,7 +60,23 @@
 			outline: 2px solid #bfe7f3;
 		}
 	}
-}
+
+	// Make exceptions for wp Core DatePicker.
+	&.is-core-datepicker {
+		.components-datetime__date {
+			padding-left: 0;
+		}
+
+		.CalendarDay__default {
+			background-color: transparent;
+		}
+
+		.CalendarDay__selected {
+			background: $woocommerce-700;
+			border: none;
+		}
+	}
+ }
 
 .woocommerce-calendar__inputs {
 	padding: 1em;