Manual Entry Page

frontend/package.json

@@ -14,8 +14,9 @@
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@heroicons/react": "^2.2.0",
-    "@mui/icons-material": "^6.1.2",
+    "@mui/icons-material": "^6.1.9",
     "@mui/material": "^6.1.2",
+    "@mui/x-date-pickers": "^7.23.0",
     "@supabase/supabase-js": "^2.45.5",
     "axios": "^1.7.7",
     "pdfjs-dist": "^4.7.76",

frontend/src/components/Buttons/CLButtons.jsx

@@ -1,7 +1,11 @@
 import "./CLButtons.css"
 
+const DEFAULT_PRIMARY_CLASSNAME = "primary-variant-button"
+const DEFAULT_SECONDARY_CLASSNAME = "secondary-variant-button"
+
 const DEFAULT_HEIGHT = "54px"
 const DEFAULT_WIDTH = "fit-content"
+const DEFAULT_TYPE = "button"
 const DEFAULT_ON_CLICK = () => {}
 
 /**
@@ -11,14 +15,21 @@ const DEFAULT_ON_CLICK = () => {}
  */
 export const CLButtonPrimary = ({
   children,
+  className,
   height = DEFAULT_HEIGHT,
   width = DEFAULT_WIDTH,
+  type = DEFAULT_TYPE,
   onClick = DEFAULT_ON_CLICK
 }) => {
 
+  const updatedClassName = className
+    ? DEFAULT_PRIMARY_CLASSNAME + " " + className
+    : DEFAULT_PRIMARY_CLASSNAME
+
   return (
     <button 
-      className="primary-variant-button"
+      className={updatedClassName}
+      type={type}
       onClick={onClick}
       style={{
         height: height,
@@ -37,14 +48,21 @@ export const CLButtonPrimary = ({
  */
 export const CLButtonSecondary = ({
   children,
+  className,
   height = DEFAULT_HEIGHT,
   width = DEFAULT_WIDTH,
+  type = DEFAULT_TYPE,
   onClick = DEFAULT_ON_CLICK
 }) => {
+
+  const updatedClassName = className
+  ? DEFAULT_SECONDARY_CLASSNAME + " " + className
+  : DEFAULT_SECONDARY_CLASSNAME
 
   return (
     <button 
-      className="secondary-variant-button"
+      className={updatedClassName}
+      type={type}
       onClick={onClick}
       style={{
         height: height,