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;
|