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

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

- Page: https://pluginprobe.com/plugins/top-10/4.3.1/code/includes/frontend/blocks/src/popular-posts/components/range-controls.js
- Raw: https://pluginprobe.com/plugins/top-10/4.3.1/raw/includes/frontend/blocks/src/popular-posts/components/range-controls.js
- Modified: 2026-06-06T07:49:34+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.3.1/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={__('Daily range', '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>
	</>
);

```