feat: add dateTime property of HTMLTimeElement (#272)

cjs/html/time-element.js

@@ -1,4 +1,7 @@
 'use strict';
+const {stringAttribute} = require('../shared/attributes.js');
+const {registerHTMLClass} = require('../shared/register-html-class.js');
+
 const {HTMLElement} = require('./element.js');
 
 /**
@@ -8,5 +11,14 @@ class HTMLTimeElement extends HTMLElement {
   constructor(ownerDocument, localName = 'time') {
     super(ownerDocument, localName);
   }
+
+  /**
+   * @type {string}
+   */
+  get dateTime() { return stringAttribute.get(this, 'datetime'); }
+  set dateTime(value) { stringAttribute.set(this, 'datetime', value); }
 }
-exports.HTMLTimeElement = HTMLTimeElement
+
+registerHTMLClass('time', HTMLTimeElement)
+
+exports.HTMLTimeElement = HTMLTimeElement;

esm/html/time-element.js

@@ -1,10 +1,23 @@
+import {stringAttribute} from '../shared/attributes.js';
+import {registerHTMLClass} from '../shared/register-html-class.js';
+
 import {HTMLElement} from './element.js';
 
 /**
  * @implements globalThis.HTMLTimeElement
  */
-export class HTMLTimeElement extends HTMLElement {
+class HTMLTimeElement extends HTMLElement {
   constructor(ownerDocument, localName = 'time') {
     super(ownerDocument, localName);
   }
+
+  /**
+   * @type {string}
+   */
+  get dateTime() { return stringAttribute.get(this, 'datetime'); }
+  set dateTime(value) { stringAttribute.set(this, 'datetime', value); }
 }
+
+registerHTMLClass('time', HTMLTimeElement)
+
+export {HTMLTimeElement};

test/html/time-element.js

@@ -0,0 +1,13 @@
+const assert = require('../assert.js').for('HTMLTImeElement');
+
+const {parseHTML} = global[Symbol.for('linkedom')];
+
+const {document} = parseHTML('<time datetime="1989-06-03 16:00:00">A big event</time>');
+
+const {lastElementChild: time} = document;
+
+assert(time.dateTime, '1989-06-03 16:00:00');
+time.setAttribute('datetime', '1989-06-04 00:00:00');
+assert(time.dateTime, '1989-06-04 00:00:00');
+time.dateTime = '2022-11-26 16:00:00';
+assert(time.getAttribute('datetime'), '2022-11-26 16:00:00');

types/esm/html/time-element.d.ts

@@ -2,5 +2,10 @@
  * @implements globalThis.HTMLTimeElement
  */
 export class HTMLTimeElement extends HTMLElement implements globalThis.HTMLTimeElement {
+    set dateTime(value: string);
+    /**
+     * @type {string}
+     */
+    get dateTime(): string;
 }
 import { HTMLElement } from './element.js';

worker.js

@@ -10848,8 +10848,16 @@ class HTMLTimeElement extends HTMLElement {
   constructor(ownerDocument, localName = 'time') {
     super(ownerDocument, localName);
   }
+
+  /**
+   * @type {string}
+   */
+  get dateTime() { return stringAttribute.get(this, 'datetime'); }
+  set dateTime(value) { stringAttribute.set(this, 'datetime', value); }
 }
 
+registerHTMLClass('time', HTMLTimeElement);
+
 /**
  * @implements globalThis.HTMLFieldSetElement
  */