Add Stable UI

Author: ahamed-dd

.github/workflows/ci.yml

@@ -25,8 +25,8 @@ jobs:
           --health-retries=5
 
     env:
-      SECRET_KEY: dummykey
-      DEBUG: true
+      DJANGO_SECRET_KEY: dummykey
+      DJANGO_DEBUG: true
       DB_NAME: test_db
       DB_USER: root
       DB_PASSWORD: root

Frontend/src/Components/Sidebar.tsx

@@ -142,6 +142,15 @@ function Sidebar({
           InputLabelProps={{
             shrink: true,
           }}
+          inputProps={{
+            style: { cursor: 'pointer' }
+          }}
+          onClick={(e) => {
+            // On desktop, trigger the native date picker
+            if (!isMobile) {
+              (e.target as HTMLInputElement).showPicker?.();
+            }
+          }}
         />
       </Box>
 

Frontend/src/Pages/Tasks.tsx

@@ -588,6 +588,15 @@ export function Tasks() {
             InputLabelProps={{ shrink: true }}
             value={formData.due_date}
             onChange={(e) => setFormData({ ...formData, due_date: e.target.value })}
+            inputProps={{
+              style: { cursor: 'pointer' }
+            }}
+            onClick={(e) => {
+              // On desktop, trigger the native date picker
+              if (!isMobile) {
+                (e.target as HTMLInputElement).showPicker?.();
+              }
+            }}
           />
           <TextField
             label="Category"
@@ -651,6 +660,15 @@ export function Tasks() {
             InputLabelProps={{ shrink: true }}
             value={formData.due_date}
             onChange={(e) => setFormData({ ...formData, due_date: e.target.value })}
+            inputProps={{
+              style: { cursor: 'pointer' }
+            }}
+            onClick={(e) => {
+              // On desktop, trigger the native date picker
+              if (!isMobile) {
+                (e.target as HTMLInputElement).showPicker?.();
+              }
+            }}
           />
           <TextField
             label="Category"