META-INF.resources.js.ScheduleOptions.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.journal.web

Liferay Journal Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import ClayAlert from '@clayui/alert';
import ClayDatePicker from '@clayui/date-picker';
import ClayForm, {ClayInput} from '@clayui/form';
import ClayIcon from '@clayui/icon';
import classNames from 'classnames';
import {dateUtils, sub} from 'frontend-js-web';
import React, {useEffect} from 'react';

export default function ScheduleOptions({
	displayDate,
	error,
	formId,
	portletNamespace,
	setDisplayDate,
	setError,
	timeZone,
}) {
	const {day, hour, minutes, month, year} = getDate(displayDate);

	useEffect(() => {
		if (displayDate) {
			if (displayDate.length !== 16 || !dateUtils.isValid(displayDate)) {
				setError(Liferay.Language.get('please-enter-a-valid-date'));

				return;
			}
			else {
				setError('');
			}
		}
	}, [displayDate, setError, timeZone]);

	return (
		<>
			
				
					{Liferay.Language.get('date-and-time')}

					
				

				

				{error ? (
					
						
							{error}
						
					
				) : null}
			

			
				{sub(Liferay.Language.get('time-zone-x'), timeZone.name)}
			

			

			

			

			

			
		
	);
}

function getDate(value) {
	const date = new Date(value);

	if (dateUtils.isValid(date)) {
		return {
			day: date.getDate(),
			hour: date.getHours(),
			minutes: date.getMinutes(),
			month: date.getMonth(),
			year: date.getFullYear(),
		};
	}

	return {day: '', hour: '', minutes: '', month: '', year: ''};
}