Improved the Date picker button in mobile so it shows the selected date

Automattic · Apr 5, 2016 · b6f2e31 · b6f2e31
1 parent 696ff66
commit b6f2e31
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/client/post-editor/editor-ground-control/index.jsx b/client/post-editor/editor-ground-control/index.jsx
@@ -311,7 +311,10 @@ const EditorGroundControl = React.createClass( {
 									: <Gridicon icon="calendar" size={ 18 } />
 								}
 								<span className="editor-ground-control__time-button__label">
-									{ this.translate( 'Schedule' ) }
+									{ postUtils.isFutureDated( this.props.post )
+										? this.moment( this.props.post.date ).calendar()
+										: this.translate( 'Choose date' )
+									}
 								</span>
 							</button>
 						}

diff --git a/client/post-editor/editor-ground-control/style.scss b/client/post-editor/editor-ground-control/style.scss
@@ -65,6 +65,8 @@
 }
 
 .editor-ground-control__time-button__label {
+	padding-left: 8px;
+
 	@include breakpoint( ">660px" ) {
 		display: none;
 	}