fix: a11y in PruneMessages

Co-authored-by: Copilot <copilot@github.com>

Author: juliajforesti

apps/meteor/client/views/room/contextualBar/PruneMessages/PruneMessagesDateTimeRow.tsx

@@ -1,5 +1,5 @@
-import { Field, FieldLabel, InputBox, Box, Margins } from '@rocket.chat/fuselage';
-import type { ReactElement } from 'react';
+import { Box, Margins, Field, FieldLabel, InputBox } from '@rocket.chat/fuselage';
+import { useId, type ReactElement } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 type PruneMessagesDateTimeRowProps = {
@@ -9,14 +9,17 @@ type PruneMessagesDateTimeRowProps = {
 
 const PruneMessagesDateTimeRow = ({ label, field }: PruneMessagesDateTimeRowProps): ReactElement => {
 	const { register } = useFormContext();
+	const fieldId = useId();
 
 	return (
 		<Field>
-			<FieldLabel flexGrow={0}>{label}</FieldLabel>
+			<FieldLabel id={fieldId} flexGrow={0}>
+				{label}
+			</FieldLabel>
 			<Box display='flex' mi='neg-x4'>
 				<Margins inline={4}>
-					<InputBox type='date' flexGrow={1} h='x20' {...register(`${field}.date`)} />
-					<InputBox type='time' flexGrow={1} h='x20' {...register(`${field}.time`)} />
+					<InputBox aria-labelledby={fieldId} type='date' flexGrow={1} h='x20' {...register(`${field}.date`)} />
+					<InputBox aria-labelledby={fieldId} type='time' flexGrow={1} h='x20' {...register(`${field}.time`)} />
 				</Margins>
 			</Box>
 		</Field>