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 }
		/>
	);
};

const getDescription = (field) => {
	if (!field.description || field.description.length === 0) return;
	return (
		<p className="hint">{field.description}</p>
	)
};

export default TimeField;