use correct h23

Author: silverwind

README.md

@@ -81,7 +81,7 @@ So, a relative date phrase is used for up to a month and then the actual date is
 | `year`         | `year`           | `'numeric'\|'2-digit'\|undefined`                                                           | <sup>****</sup>                  |
 | `timeZoneName` | `time-zone-name` | `'long'\|'short'\|'shortOffset'\|'longOffset'` `\|'shortGeneric'\|'longGeneric'\|undefined` | `undefined`                      |
 | `timeZone`     | `time-zone`      | `string\|undefined`                                                                         | Browser default time zone        |
-| `hourCycle`    | `hour-cycle`     | `'h11'\|'h12'\|'h23'\|'h24'\|undefined`                                                     | 'h12' or 'h24' based on browser  |
+| `hourCycle`    | `hour-cycle`     | `'h11'\|'h12'\|'h23'\|'h24'\|undefined`                                                     | 'h12' or 'h23' based on browser  |
 | `noTitle`      | `no-title`       | `-`                                                                                         | `-`                              |
 
 <sup>*</sup>: If unspecified, `formatStyle` will return `'narrow'` if `format` is `'elapsed'` or `'micro'`, `'short'` if the format is `'relative'` or `'datetime'`, otherwise it will be `'long'`.

examples/index.html

@@ -37,8 +37,8 @@ <h3>Format DateTime</h3>
   </p>
 
   <p>
-    h24 cycle:
-    <relative-time datetime="1970-01-01T00:00:00.000Z" format="datetime" hour="numeric" minute="2-digit" second="2-digit" hour-cycle="h24">
+    h23 cycle:
+    <relative-time datetime="1970-01-01T00:00:00.000Z" format="datetime" hour="numeric" minute="2-digit" second="2-digit" hour-cycle="h23">
       Jan 1 1970
     </relative-time>
   </p>

src/relative-time-element.ts

@@ -111,7 +111,7 @@ export class RelativeTimeElement extends HTMLElement implements Intl.DateTimeFor
     const hc =
       this.closest('[hour-cycle]')?.getAttribute('hour-cycle') ||
       this.ownerDocument.documentElement.getAttribute('hour-cycle')
-    return (hc || (isBrowser12hCycle() ? 'h12' : 'h24')) as Intl.DateTimeFormatOptions['hourCycle']
+    return (hc || (isBrowser12hCycle() ? 'h12' : 'h23')) as Intl.DateTimeFormatOptions['hourCycle']
   }
 
   #renderRoot: Node = this.shadowRoot ? this.shadowRoot : this.attachShadow ? this.attachShadow({mode: 'open'}) : this