META-INF.resources.object_entries.object_entry.ScheduleField.tsx Maven / Gradle / Ivy

Go to download

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

Liferay Object Web

The newest version!

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

import {ClayCheckbox} from '@clayui/form';
import {DatePicker} from '@liferay/object-js-components-web';
import React, {useCallback, useEffect, useState} from 'react';

interface ScheduleFieldProps {
	checkboxLabel: string;
	customValidation?: (date: string) => string;
	dateLabel: string;
	error?: string;
	id: string;
	isChecked: boolean;
	onCheckboxChange: (event: React.ChangeEvent) => void;
	onDateChange: (value: string) => void;
	value: string;
}

export default function ScheduleField({
	checkboxLabel,
	customValidation,
	dateLabel,
	id,
	isChecked,
	onCheckboxChange,
	onDateChange,
	value,
}: ScheduleFieldProps) {
	const [dateError, setDateError] = useState('');

	const [checked, setChecked] = useState(isChecked);

	const handleError = useCallback(
		(value: string) => {
			if (!value && !checked) {
				setDateError(Liferay.Language.get('this-field-is-required'));
			}
			else if (customValidation) {
				setDateError(() => customValidation(value));
			}
			else {
				setDateError('');
			}
		},
		[checked, customValidation]
	);

	useEffect(() => {
		const handleSubmit = () => {
			handleError(value);
		};

		Liferay.on('submitObjectEntry', handleSubmit);

		return () => {
			Liferay.detach('submitObjectEntry', handleSubmit);
		};
	}, [handleError, value]);

	return (
		
			 {
					handleError(value);
				}}
				onChange={(value) => {
					handleError(value);
					onDateChange(value);
				}}
				required
				type="DateTime"
				value={value}
			/>

			) => {
					if (event.target.checked) {
						setDateError('');
					}
					setChecked(event.target.checked);
					onCheckboxChange(event);
				}}
			/>
		
	);
}