Update California clock change to include text about if is currently daylight savings time or not

Prompt was:

> Update California clock change to include text about if is currently daylight savings time or not

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/simonw/tools?shareId=XXXX-XXXX-XXXX-XXXX).

Author: simonw

california-clock-change.html

@@ -104,6 +104,7 @@ <h1>California Clock Change</h1>
         <div id="past-change"></div>
         <div id="future-change"></div>
         <div id="body-clock"></div>
+        <div id="current-dst"></div>
     </div>
 
     <script>
@@ -241,6 +242,15 @@ <h1>California Clock Change</h1>
 
             // Update body clock info based on past change
             updateBodyClockInfo(pastChange);
+
+            // Determine if it is currently daylight savings time or not
+            const currentDstDiv = document.getElementById('current-dst');
+            const isDst = pastChange.isSpringForward && futureChange.isSpringForward;
+            currentDstDiv.className = 'info-box';
+            currentDstDiv.innerHTML = `
+                <div>Current status:</div>
+                It is currently <span class="highlight">${isDst ? 'Daylight Saving Time (PDT)' : 'Standard Time (PST)'}</span>.
+            `;
         }
 
         updateInfo();