Merge pull request #21 from ClassConnect-org/dev

Dev

Author: joacoalvarez

src/components/RuleFormModal.tsx

@@ -13,6 +13,9 @@ const RuleFormModal: React.FC<Props> = ({ initialData, onClose, onSubmit }) => {
   const [effectiveDate, setEffectiveDate] = useState("");
   const [conditions, setConditions] = useState<string[]>([]);
   const [newCondition, setNewCondition] = useState("");
+  const tomorrow = new Date();
+  tomorrow.setDate(tomorrow.getDate() + 1);
+  const minDate = tomorrow.toISOString().split("T")[0];
 
   useEffect(() => {
     if (initialData) {
@@ -90,13 +93,14 @@ const RuleFormModal: React.FC<Props> = ({ initialData, onClose, onSubmit }) => {
 
           <div>
             <label className="block text-sm font-medium text-gray-700 mb-1">Effective date</label>
-            <input
-              type="date"
-              value={effectiveDate}
-              onChange={(e) => setEffectiveDate(e.target.value)}
-              className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-              required
-            />
+              <input
+                type="date"
+                value={effectiveDate}
+                onChange={(e) => setEffectiveDate(e.target.value)}
+                min={minDate}
+                className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                required
+              />
           </div>
 
           <div>