From ddb3b6a7d57af4efc91f46dbabaa91a74d1d4ba7 Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Wed, 23 Jun 2021 07:43:35 +0200
Subject: [PATCH] Create util for DateTimePicker.
---
.../Utils/ControlledDateTimePicker.tsx | 35 +++++++++++++++++++
1 file changed, 35 insertions(+)
create mode 100644 src/components/Utils/ControlledDateTimePicker.tsx
diff --git a/src/components/Utils/ControlledDateTimePicker.tsx b/src/components/Utils/ControlledDateTimePicker.tsx
new file mode 100644
index 0000000..e649ffc
--- /dev/null
+++ b/src/components/Utils/ControlledDateTimePicker.tsx
@@ -0,0 +1,35 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import React, { FC } from 'react';
+import { Control, Controller, FieldValues } from 'react-hook-form';
+import { KeyboardDateTimePicker } from '@material-ui/pickers/DateTimePicker/DateTimePicker';
+
+type DateTimePickerPropsType = {
+ control: Control<FieldValues>;
+ name: string;
+ label: string;
+ id: string;
+};
+
+export const ControlledDateTimePicker: FC<DateTimePickerPropsType> = ({
+ control,
+ name,
+ label,
+ id,
+}: DateTimePickerPropsType) => (
+ <Controller
+ control={control}
+ name={name}
+ as={({ ref, ...rest }) => (
+ <KeyboardDateTimePicker
+ margin="normal"
+ id={id}
+ label={label}
+ format="dd/MM/yyyy"
+ KeyboardButtonProps={{
+ 'aria-label': { label },
+ }}
+ {...rest}
+ />
+ )}
+ />
+);
--
GitLab