javascript – Gutenberg DatePicker component with time set to zero
Question
I’m using the following code to get and set a date meta value for a CPT in Gutenberg (some code omitted for brevity):
const [meta, setMeta] = useEntityProp(
'postType',
'activity',
'meta'
);
const startDate = meta['_my_start_date'];
function onUpdateStartDate(value) {
setMeta({ ...meta, '_my_start_date': value });
}
...
<PanelRow className="edit-activity-start-date">
<span>{__('Activity Start Date', 'my-domain')}</span>
<Dropdown
placement="middle left"
renderToggle={(({ isOpen, onToggle }) => (
<Button isLink={true} onClick={onToggle} aria-expanded={isOpen}>
{startDate ? dateI18n('j F, Y', startDate) : __('Pick a date', 'my-domain')}
</Button>
))}
renderContent={() => (
<DatePicker
currentDate={startDate}
onChange={(newDate) => onUpdateStartDate(newDate)}
startOfWeek={1}
/>
)}>
</Dropdown>
</PanelRow>
The thing is that the DatePicker component also stores the current time for the selected date. Is there a way to set the time in the DatePicker component to ZERO?
0
3 weeks
2023-11-20T04:37:18-05:00
2023-11-20T04:37:18-05:00 0 Answers
0 views
0
Leave an answer