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

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

- Page: https://pluginprobe.com/plugins/top-10/4.5.1/code/includes/frontend/blocks/src/popular-posts/components/range-controls.js
- Raw: https://pluginprobe.com/plugins/top-10/4.5.1/raw/includes/frontend/blocks/src/popular-posts/components/range-controls.js
- Modified: 2026-09-19T08:21:24+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.5.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={ __( '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>
	</>
);

```