From 34b9138cffce7d2770a5082311685e549e296717 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Sat, 26 Sep 2026 21:18:26 +0200
Subject: [PATCH] Update reveil-card.js

---
 custom_components/reveil/www/reveil-card.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/custom_components/reveil/www/reveil-card.js b/custom_components/reveil/www/reveil-card.js
index 7a87ccb..4276c8c 100644
--- a/custom_components/reveil/www/reveil-card.js
+++ b/custom_components/reveil/www/reveil-card.js
@@ -294,11 +294,12 @@ class ReveilCard extends HTMLElement {
     return date.toLocaleTimeString(this._lang(), opts);
   }
 
-  _dayName(index, style) {
+  _dayName(index, style, firstLetter = false) {
     // 2024-01-01 est un lundi
-    const name = new Date(2024, 0, 1 + index).toLocaleDateString(this._lang(), {
+    let name = new Date(2024, 0, 1 + index).toLocaleDateString(this._lang(), {
       weekday: style,
     });
+    if (firstLetter) { name = name.charAt(0); }
     return capitalize(name.replace(/\.$/, ""));
   }
 
@@ -438,7 +439,7 @@ class ReveilCard extends HTMLElement {
       return `
         <div class="day ${active ? "on" : ""} ${override ? "ovr" : ""}">
           <button class="chip" data-action="toggle-day" data-day="${day}"
-            aria-pressed="${active}" aria-label="${esc(L.toggleDay(long))}">${esc(this._dayName(i, "short"))}</button>
+            aria-pressed="${active}" aria-label="${esc(L.toggleDay(long))}">${esc(this._dayName(i, "short", true))}</button>
           <button class="hhmm" data-action="edit-time" data-day="${day}"
             aria-expanded="${this._editing === day}" aria-label="${esc(L.editTime(long))}">${esc(this._fmt(effective))}</button>
         </div>`;