diff --git a/popup/index.js b/popup/index.js index 66fae7d..437317e 100644 --- a/popup/index.js +++ b/popup/index.js @@ -20,14 +20,20 @@ browser.runtime.getBackgroundPage().then((page) => { }); const updateNextEvent = (nextEvent) => { + const beginDate = new Date(nextEvent.begin); + const calendarElement = document.getElementById('calendar'); const strongElement = document.createElement('strong'); + const timeElement = document.createElement('time'); strongElement.textContent = nextEvent.name; - const dateNode = document.createTextNode(' ' + new Date(nextEvent.begin).toLocaleString()); + timeElement.datetime = beginDate.toISOString(); + const dateNode = document.createTextNode(beginDate.toLocaleString()); // calendarElement.innerText = ''; calendarElement.innerHTML = 'Clock'; calendarElement.append(strongElement); - calendarElement.append(dateNode); + calendarElement.append(document.createTextNode(' ')); + calendarElement.append(timeElement); + timeElement.append(dateNode); if (nextEvent.location) { const locationNode = document.createTextNode(' (' + nextEvent.location + ')'); calendarElement.append(locationNode);