Merge pull request #5129 from Automattic/upgrade/react-day-picker-to-…

…1-3-2 Framework: Upgrade react-day-picker to 1.3.2
Automattic · May 2, 2016 · 6035621 · 6035621
2 parents c48d9cf + b8a1736
commit 6035621
Show file tree

Hide file tree

Showing 4 changed files with 143 additions and 667 deletions.
diff --git a/client/components/date-picker/index.jsx b/client/components/date-picker/index.jsx
@@ -1,15 +1,15 @@
 /**
  * External dependencies
  */
-var React = require( 'react' ),
-	DayPicker = require( 'react-day-picker' ),
-	merge = require( 'lodash/merge' ),
-	noop = require( 'lodash/noop' );
+import React from 'react';
+import DayPicker from 'react-day-picker';
+import merge from 'lodash/merge';
+import noop from 'lodash/noop';
 
 /**
  * Internal dependencies
  */
-var DayItem = require( 'components/date-picker/day' );
+import DayItem from 'components/date-picker/day';
 
 /* Internal dependencies
  */
@@ -121,7 +121,7 @@ module.exports = React.createClass( {
 
 	render: function() {
 		return (
-			<div className='date-picker_container' >
+			<div className="date-picker_container">
 				<DayPicker
 					ref="daypicker"
 					className="date-picker"

diff --git a/client/components/date-picker/style.scss b/client/components/date-picker/style.scss
@@ -152,6 +152,10 @@ $date-picker_nav_button_size: 20px;
 	display: table-header-group;
 }
 
+.DayPicker-WeekdaysRow {
+	display: table-row;
+}
+
 .DayPicker-Weekday {
 	display: table-cell;
 	padding: 15px 0 10px;
@@ -160,6 +164,11 @@ $date-picker_nav_button_size: 20px;
 	font-weight: 600;
 	color: lighten( $gray, 20% );
 	text-transform: uppercase;
+
+	abbr {
+		border-bottom: none;
+		cursor: auto;
+	}
 }
 
 .DayPicker-Body {