Server : Apache System : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory :  /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import { useState } from '@wordpress/element';
import { LabelControl } from './label';

export const SpinnerControl = (props) =>{
		
	const { prop, label, value, setAttributes } = props;
	const { name } = prop['c'];
	const { min, max, step } = prop;
	
	const handleInputChange = (e) => {
		let newValue = parseFloat(e.target.value);

		if (!isNaN(max) && newValue > max) {
			newValue = max;
		}
		setAttributes({[name]: newValue});
	};
	
	return (
		<div className="components-base-control pagelayer-base-control">
			<LabelControl {...props}/>
			<div className="pagelayer-elp-spinner-div">
				<input
					type="number"
					className="pagelayer-elp-spinner"
					name={name}
					min={min}
					max={max}
					step={step}
					value={value}
					onChange={handleInputChange}
				/>
			</div>
		</div>
	);	
}