import { useState } from 'react';
import { TimePicker } from '@wordpress/components';

const TimeField = ({field, value, onChange}) => {
	const [ time, setTime ] = useState( new Date() );
	return (
		<TimePicker
			currentTime={ time }
			onChange={ onChange }
			label={ field.label }
			help={ field.description }
			value={value??''}
			is12Hour={ true }
			id={field.name}
		/>
	);
};


export default TimeField;