use styles

woocommerce · Dec 21, 2018 · 6420343 · 6420343
1 parent a7fc4cb
commit 6420343
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/components/src/filters/advanced/date-filter.js b/packages/components/src/filters/advanced/date-filter.js
@@ -153,7 +153,7 @@ class DateFilter extends Component {
 	render() {
 		const { config, filter, onFilterChange, isEnglish } = this.props;
 		const { key, rule } = filter;
-		const { input, labels, rules } = config;
+		const { labels, rules } = config;
 		const children = interpolateComponents( {
 			mixedString: labels.title,
 			components: {
@@ -168,9 +168,9 @@ class DateFilter extends Component {
 				),
 				filter: (
 					<div
-						className="woocommerce-filters-advanced__input"
-						type={ input.type }
-						aria-label={ labels.filter }
+						className={ classnames( 'woocommerce-filters-advanced__input-range', {
+							'is-between': 'between' === rule,
+						} ) }
 					>
 						{ this.getFilterInputs() }
 					</div>

diff --git a/packages/components/src/filters/advanced/number-filter.js b/packages/components/src/filters/advanced/number-filter.js
@@ -156,7 +156,7 @@ class NumberFilter extends Component {
 				),
 				filter: (
 					<div
-						className={ classnames( 'woocommerce-filters-advanced__input-numeric-range', {
+						className={ classnames( 'woocommerce-filters-advanced__input-range', {
 							'is-between': 'between' === rule,
 						} ) }
 					>

diff --git a/packages/components/src/filters/advanced/style.scss b/packages/components/src/filters/advanced/style.scss
@@ -172,7 +172,7 @@
 	}
 }
 
-.woocommerce-filters-advanced__input-numeric-range {
+.woocommerce-filters-advanced__input-range {
 	align-items: center;
 	display: grid;
 	grid-template-columns: 1fr;