first commit

2023-10-14 22:02:57 -04:00
commit 5f95d857d4
783 changed files with 112323 additions and 0 deletions
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import Card from "@mui/material/Card";
+import { Typography } from "@mui/material";
+import TextField from '@mui/material/TextField';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { TimePicker } from '@mui/x-date-pickers/TimePicker';
+
+export default function BasicTimePicker() {
+
+  const [value, setValue] = React.useState(null);
+
+  return (
+    <Card
+      sx={{
+        boxShadow: "none",
+        borderRadius: "10px",
+        p: "25px",
+        mb: "15px",
+      }}
+    >
+      <Typography
+        as="h3"
+        sx={{
+          fontSize: 18,
+          fontWeight: 500,
+          mb: '10px'
+        }}
+      >
+        Time Picker
+      </Typography>
+
+      <LocalizationProvider dateAdapter={AdapterDayjs}>
+        <TimePicker
+          value={value}
+          onChange={(newValue) => {
+            setValue(newValue);
+          }}
+          renderInput={(params) => <TextField {...params} />}
+        />
+      </LocalizationProvider>
+    </Card>
+  );
+}