Fix: Lint issues in the code.

Author: SudheeshTD

src/components/BMDashboard/Equipment/DailyActivityLog/EDailyActivityLog.jsx

@@ -203,26 +203,86 @@ function EDailyActivityLog(props) {
 
   return (
     <div className={`container-fluid ${styles.mainContainer} ${darkMode ? styles.darkMode : ''}`}>
+      {/* These styles are required for the Date Picker to work in Dark Mode */}
+      {darkMode && (
+        <style>{`
+          .dark-table-row:hover,
+          thead.table-dark tr.text-light:hover,
+          tr.select-project-row.dark-mode:hover {
+            background-color: #222 !important;
+            color: #fff !important;
+            transition: background-color 0.2s;
+          }
+          .dark-date-input {
+            background-color: #343a40 !important;
+            color: #f8f9fa !important;
+            border-color: #495057 !important;
+          }
+          .dark-date-input::-webkit-calendar-picker-indicator { filter: invert(1); cursor: pointer; }
+          .dark-date-input::-webkit-datetime-edit { color: #f8f9fa; }
+          .dark-date-input::-webkit-datetime-edit-fields-wrapper { color: #f8f9fa; }
+          .dark-date-input::-webkit-datetime-edit-text { color: #f8f9fa; }
+          .dark-date-input::-webkit-datetime-edit-month-field,
+          .dark-date-input::-webkit-datetime-edit-day-field,
+          .dark-date-input::-webkit-datetime-edit-year-field { color: #f8f9fa; }
+          .dark-date-input[type="date"] { color-scheme: dark; }
+          @supports (-webkit-appearance: none) or (-moz-appearance: none) {
+            .dark-date-input { color-scheme: dark; }
+          }
+        `}</style>
+      )}
+
+      {!darkMode && (
+        <style>{`
+          .light-date-input {
+            background-color: #fff !important;
+            color: #000 !important;
+            border-color: #ced4da !important;
+          }
+          .light-date-input::-webkit-calendar-picker-indicator { filter: invert(0); }
+          .light-date-input[type="date"] { color-scheme: light; }
+        `}</style>
+      )}
+
       <div className="container">
         <h4 className="mb-4 pt-3">Daily Equipment Log</h4>
 
         {/* Header Row */}
         <div className="row mb-3 align-items-end">
           <div className="col-md-3">
-            <label className="form-label fw-bold" htmlFor="date">
+            <label
+              className={`form-label fw-bold${darkMode ? ' text-light' : ''}`}
+              htmlFor="date"
+              style={darkMode ? { color: '#f8f9fa' } : {}}
+            >
               Date
             </label>
             <input
               type="date"
               id="date"
-              className="form-control"
+              className={`form-control ${darkMode ? 'dark-date-input' : 'light-date-input'}`}
               value={date}
+              min={getToday()}
               onChange={e => setDate(e.target.value)}
+              style={
+                darkMode
+                  ? { backgroundColor: '#343a40', color: '#f8f9fa', borderColor: '#495057' }
+                  : {}
+              }
             />
+            {darkMode && (
+              <small className="text-muted mt-1 d-block">
+                Note: Calendar appearance depends on your browser and OS.
+              </small>
+            )}
           </div>
 
           <div className="col-md-5">
-            <label className="form-label fw-bold" htmlFor="project-select">
+            <label
+              className={`form-label fw-bold${darkMode ? ' text-light' : ''}`}
+              htmlFor="project-select"
+              style={darkMode ? { color: '#f8f9fa' } : {}}
+            >
               Project
             </label>
             <Select
@@ -354,7 +414,6 @@ function EDailyActivityLog(props) {
     </div>
   );
 }
-
 const mapStateToProps = state => ({
   auth: state.auth,
   darkMode: state.theme.darkMode,