# top-10/4.4.0/includes/frontend/blocks/src/popular-posts/components/range-controls.js

WebberZone Top 10 — Popular Posts, version 4.4.0. 24 lines.

- Page: https://pluginprobe.com/plugins/top-10/4.4.0/code/includes/frontend/blocks/src/popular-posts/components/range-controls.js
- Raw: https://pluginprobe.com/plugins/top-10/4.4.0/raw/includes/frontend/blocks/src/popular-posts/components/range-controls.js
- Modified: 2026-07-22T17:09:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/top-10/4.4.0/code/includes/frontend/blocks/src/popular-posts/components/range-controls.js#L10-L20`.

```javascript
import { __ } from '@wordpress/i18n';
import { PanelRow, TextControl } from '@wordpress/components';

export const RangeControls = ({ attributes, onChange }) => (
	<>
		<PanelRow>
			<TextControl
				label={__('Day(s)', 'top-10')}
				value={attributes.daily_range}
				onChange={onChange('daily_range')}
				help={__('Number of days', 'top-10')}
			/>
		</PanelRow>
		<PanelRow>
			<TextControl
				label={__('Hour range', 'top-10')}
				value={attributes.hour_range}
				onChange={onChange('hour_range')}
				help={__('Number of hours', 'top-10')}
			/>
		</PanelRow>
	</>
);

```