the dates are showing the day before. Please fix to show as Eastern Daylight time - Follow Up Deployment

index.html

@@ -133,6 +133,10 @@
                             <option value="selfGen">Self Gen (1.00%)</option>
                         </select>
                     </div>
+                    <div>
+                        <label for="closingDate" class="block text-sm font-medium text-gray-700 mb-1">Closing Date</label>
+                        <input type="date" id="closingDate" required class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                    </div>
                     <div class="flex items-end">
                         <button type="submit" class="w-full bg-indigo-600 text-white px-4 py-2 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition">
                             <i class="fas fa-plus mr-2"></i>Add Client
@@ -160,6 +164,7 @@
                         <thead class="bg-gray-50">
                             <tr>
                                 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Client</th>
+                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Closing Date</th>
                                 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Loan Amount</th>
                                 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Points Charged</th>
                                 <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Lender Price</th>
@@ -253,6 +258,18 @@
                             break;
                     }
                     
+                    // Format date in Detroit time
+                    const formatDetroitDate = (dateString) => {
+                        // Add 'T00:00:00' to ensure it's treated as midnight in Detroit timezone
+                        const date = new Date(dateString + 'T00:00:00');
+                        return date.toLocaleDateString('en-US', {
+                            timeZone: 'America/Detroit',
+                            year: 'numeric',
+                            month: '2-digit',
+                            day: '2-digit'
+                        });
+                    };
+
                     // Format currency
                     const formatCurrency = (value) => {
                         return new Intl.NumberFormat('en-US', {
@@ -281,6 +298,7 @@
                     
                     row.innerHTML = `
                         <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">${client.clientName}</td>
+                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${formatDetroitDate(client.closingDate)}</td>
                         <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${formatCurrency(client.loanAmount)}</td>
                         <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${formatPercentage(client.pointsCharged)}</td>
                         <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">${formatPercentage(client.lenderPrice)}</td>
@@ -321,8 +339,27 @@
                 updateSummary();
             }
             
+            // Group clients by month
+            function groupClientsByMonth() {
+                const months = {};
+                
+                clients.forEach(client => {
+                    const date = new Date(client.closingDate);
+                    const monthYear = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
+                    
+                    if (!months[monthYear]) {
+                        months[monthYear] = [];
+                    }
+                    months[monthYear].push(client);
+                });
+                
+                return months;
+            }
+            
             // Update summary statistics
             function updateSummary() {
+                const months = groupClientsByMonth();
+                console.log("Clients by month:", months);
                 if (clients.length === 0) {
                     avgLoanAmountEl.textContent = '$0';
                     totalLoanAmountEl.textContent = '$0';
@@ -401,6 +438,7 @@
                 const pointsCharged = parseFloat(document.getElementById('pointsCharged').value);
                 const lenderPrice = parseFloat(document.getElementById('lenderPrice').value);
                 const compTier = document.getElementById('compTier').value;
+                const closingDate = document.getElementById('closingDate').value;
                 
                 // Note: Calculated price will be capped at 2.75% in display
                 
@@ -409,7 +447,8 @@
                     loanAmount,
                     pointsCharged,
                     lenderPrice,
-                    compTier
+                    compTier,
+                    closingDate
                 };
                 
                 clients.push(client);
@@ -434,6 +473,7 @@
                 document.getElementById('pointsCharged').value = client.pointsCharged;
                 document.getElementById('lenderPrice').value = client.lenderPrice;
                 document.getElementById('compTier').value = client.compTier;
+                document.getElementById('closingDate').value = client.closingDate;
                 
                 // Remove the client from the array
                 clients.splice(index, 1);