Inherit mobile input accessibility attributes from base

#accessibility
aduth · May 26, 2017 · e81b4a0 · e81b4a0
1 parent 039ca08
commit e81b4a0
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/date-picker/index.js b/src/components/date-picker/index.js
@@ -23,6 +23,16 @@ export default class DatePicker extends Component {
 		// By default, Flatpickr intializes to the browser-offset date. Update
 		// the value and force a redraw (to reapply the "today" class)
 		this.flatpickr.now = toSiteTime( new Date() );
+
+		// Override Flatpickr's mobile accessibility attributes to inherit more
+		// from the base input element
+		const { input, mobileInput } = this.flatpickr;
+		if ( mobileInput ) {
+			mobileInput.removeAttribute( 'tabindex' );
+			mobileInput.setAttribute( 'aria-label', input.getAttribute( 'aria-label' ) );
+			input.setAttribute( 'aria-hidden', 'true' );
+		}
+
 		this.flatpickr.redraw();
 	}