1 files changed, 45 insertions, 0 deletions
diff --git a/src/views/Modals/Inputs/DateModal.jsx b/src/views/Modals/Inputs/DateModal.jsx
new file mode 100644
index 0000000..34319c3
--- /dev/null
+++ b/src/views/Modals/Inputs/DateModal.jsx
@@ -0,0 +1,45 @@
+import React, { useState } from 'react'
+import {
+  Modal,
+  Button,
+  Input,
+  ModalDialog,
+  ModalClose,
+  Box,
+  Typography,
+} from '@mui/joy'
+
+function DateModal({ isOpen, onClose, onSave, current, title }) {
+  const [date, setDate] = useState(
+    current ? new Date(current).toISOString().split('T')[0] : null,
+  )
+
+  const handleSave = () => {
+    onSave(date)
+    onClose()
+  }
+
+  return (
+    <Modal open={isOpen} onClose={onClose}>
+      <ModalDialog>
+        {/* <ModalClose /> */}
+        <Typography variant='h4'>{title}</Typography>
+        <Input
+          sx={{ mt: 3 }}
+          type='date'
+          value={date}
+          onChange={e => setDate(e.target.value)}
+        />
+        <Box display={'flex'} justifyContent={'space-around'} mt={1}>
+          <Button onClick={handleSave} fullWidth sx={{ mr: 1 }}>
+            Save
+          </Button>
+          <Button onClick={onClose} variant='outlined'>
+            Cancel
+          </Button>
+        </Box>
+      </ModalDialog>
+    </Modal>
+  )
+}
+export default DateModal