@fusion.dev/helix-headless 0.177.1 → 0.177.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fusion.dev/helix-headless",
3
3
  "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
4
- "version": "0.177.1",
4
+ "version": "0.177.2",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -49,13 +49,13 @@
49
49
  },
50
50
  "bugs": "https://github.com/project-fusion/fusion/issues",
51
51
  "dependencies": {
52
- "@fusion.dev/helix-core": "0.177.1",
53
- "@fusion.dev/helix-icons": "0.177.1",
52
+ "@fusion.dev/helix-core": "0.177.2",
53
+ "@fusion.dev/helix-icons": "0.177.2",
54
54
  "uqr": "^0.1.3"
55
55
  },
56
56
  "devDependencies": {
57
- "@fusion.dev/helix-cem": "0.177.1",
58
- "@fusion.dev/helix-testing": "0.177.1",
57
+ "@fusion.dev/helix-cem": "0.177.2",
58
+ "@fusion.dev/helix-testing": "0.177.2",
59
59
  "@fusion.dev/scripts": "0.0.0-dev",
60
60
  "@happy-dom/global-registrator": "^20.14.5",
61
61
  "@lit-labs/ssr": "^4.1.0",
package/types/jsx.d.ts CHANGED
@@ -10536,10 +10536,22 @@ Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
10536
10536
  /** The message shown when `disable-dates` or `disable-days` bars a date. */
10537
10537
  unavailableMessage?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
10538
10538
  /** The message for text that is no date, where `bad-input-message` is not
10539
- set. `{mode}` is `single`, `range`, or `multiple`. */
10539
+ set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
10540
+ date written as the field writes one, `August 24, 2026` in `en-US` and
10541
+ `24. August 2026` in `de-DE` at the default `date-style`.
10542
+
10543
+ **The default names a date the field reads back.** It said "Enter a date
10544
+ as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
10545
+ pattern token is words for a developer. Time Input says the same. */
10540
10546
  "unreadable-message"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
10541
10547
  /** The message for text that is no date, where `bad-input-message` is not
10542
- set. `{mode}` is `single`, `range`, or `multiple`. */
10548
+ set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
10549
+ date written as the field writes one, `August 24, 2026` in `en-US` and
10550
+ `24. August 2026` in `de-DE` at the default `date-style`.
10551
+
10552
+ **The default names a date the field reads back.** It said "Enter a date
10553
+ as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
10554
+ pattern token is words for a developer. Time Input says the same. */
10543
10555
  unreadableMessage?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
10544
10556
  /** The name of the calendar's heading where it shows a page of years, with
10545
10557
  `{heading}` filled in. */
@@ -11056,10 +11068,22 @@ Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
11056
11068
  /** The message shown when `disable-dates` or `disable-days` bars a date. */
11057
11069
  "prop:unavailableMessage"?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
11058
11070
  /** The message for text that is no date, where `bad-input-message` is not
11059
- set. `{mode}` is `single`, `range`, or `multiple`. */
11071
+ set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
11072
+ date written as the field writes one, `August 24, 2026` in `en-US` and
11073
+ `24. August 2026` in `de-DE` at the default `date-style`.
11074
+
11075
+ **The default names a date the field reads back.** It said "Enter a date
11076
+ as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
11077
+ pattern token is words for a developer. Time Input says the same. */
11060
11078
  "attr:unreadable-message"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
11061
11079
  /** The message for text that is no date, where `bad-input-message` is not
11062
- set. `{mode}` is `single`, `range`, or `multiple`. */
11080
+ set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
11081
+ date written as the field writes one, `August 24, 2026` in `en-US` and
11082
+ `24. August 2026` in `de-DE` at the default `date-style`.
11083
+
11084
+ **The default names a date the field reads back.** It said "Enter a date
11085
+ as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
11086
+ pattern token is words for a developer. Time Input says the same. */
11063
11087
  "prop:unreadableMessage"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
11064
11088
  /** The name of the calendar's heading where it shows a page of years, with
11065
11089
  `{heading}` filled in. */
@@ -11358,16 +11382,24 @@ export type HelixHeadlessDatePickerProps = {
11358
11382
  **Every sentence a control raises in the browser's bubble is a property**,
11359
11383
  named for the validity flag it reports, so a form in another language
11360
11384
  speaks it. Unset is the sentence registered for the page's language, then
11361
- the English. `{mode}` is `single`, `range` or `multiple`, so each can have
11362
- its own sentence. */
11385
+ the English. `{example}` is a date written as the calendar names one,
11386
+ `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
11387
+ is `single`, `range` or `multiple`, so each can have its own sentence.
11388
+
11389
+ **The default names a date in words.** It said "Enter a date as
11390
+ YYYY-MM-DD.", and a pattern token is words for a developer. */
11363
11391
  "bad-input-message"?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
11364
11392
  /** The validation message for a value that is not a date.
11365
11393
 
11366
11394
  **Every sentence a control raises in the browser's bubble is a property**,
11367
11395
  named for the validity flag it reports, so a form in another language
11368
11396
  speaks it. Unset is the sentence registered for the page's language, then
11369
- the English. `{mode}` is `single`, `range` or `multiple`, so each can have
11370
- its own sentence. */
11397
+ the English. `{example}` is a date written as the calendar names one,
11398
+ `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
11399
+ is `single`, `range` or `multiple`, so each can have its own sentence.
11400
+
11401
+ **The default names a date in words.** It said "Enter a date as
11402
+ YYYY-MM-DD.", and a pattern token is words for a developer. */
11371
11403
  badInputMessage?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
11372
11404
  /** The calendar the heading, the days, and the months are written in.
11373
11405
 
@@ -11705,16 +11737,24 @@ export type HelixHeadlessDatePickerSolidJsProps = {
11705
11737
  **Every sentence a control raises in the browser's bubble is a property**,
11706
11738
  named for the validity flag it reports, so a form in another language
11707
11739
  speaks it. Unset is the sentence registered for the page's language, then
11708
- the English. `{mode}` is `single`, `range` or `multiple`, so each can have
11709
- its own sentence. */
11740
+ the English. `{example}` is a date written as the calendar names one,
11741
+ `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
11742
+ is `single`, `range` or `multiple`, so each can have its own sentence.
11743
+
11744
+ **The default names a date in words.** It said "Enter a date as
11745
+ YYYY-MM-DD.", and a pattern token is words for a developer. */
11710
11746
  "attr:bad-input-message"?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
11711
11747
  /** The validation message for a value that is not a date.
11712
11748
 
11713
11749
  **Every sentence a control raises in the browser's bubble is a property**,
11714
11750
  named for the validity flag it reports, so a form in another language
11715
11751
  speaks it. Unset is the sentence registered for the page's language, then
11716
- the English. `{mode}` is `single`, `range` or `multiple`, so each can have
11717
- its own sentence. */
11752
+ the English. `{example}` is a date written as the calendar names one,
11753
+ `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
11754
+ is `single`, `range` or `multiple`, so each can have its own sentence.
11755
+
11756
+ **The default names a date in words.** It said "Enter a date as
11757
+ YYYY-MM-DD.", and a pattern token is words for a developer. */
11718
11758
  "prop:badInputMessage"?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
11719
11759
  /** The calendar the heading, the days, and the months are written in.
11720
11760
 
@@ -32384,18 +32424,28 @@ export type HelixHeadlessTimePickerProps = {
32384
32424
  **Every sentence a control raises in the browser's bubble is a property**,
32385
32425
  named for the validity flag it reports, so a form in another language
32386
32426
  speaks it. Unset is the sentence registered for the page's language, then
32387
- the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
32388
- `{mode}` is `single`, `range` or `multiple`, so each can have its own
32389
- sentence. */
32427
+ the English. `{example}` is a time written as the picker writes one,
32428
+ `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
32429
+ `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
32430
+ have its own sentence.
32431
+
32432
+ **The default names a time as the picker shows one.** It said "Enter a
32433
+ time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
32434
+ token is words for a developer. Time Input says the same. */
32390
32435
  "bad-input-message"?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
32391
32436
  /** The validation message for a value that is not a time.
32392
32437
 
32393
32438
  **Every sentence a control raises in the browser's bubble is a property**,
32394
32439
  named for the validity flag it reports, so a form in another language
32395
32440
  speaks it. Unset is the sentence registered for the page's language, then
32396
- the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
32397
- `{mode}` is `single`, `range` or `multiple`, so each can have its own
32398
- sentence. */
32441
+ the English. `{example}` is a time written as the picker writes one,
32442
+ `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
32443
+ `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
32444
+ have its own sentence.
32445
+
32446
+ **The default names a time as the picker shows one.** It said "Enter a
32447
+ time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
32448
+ token is words for a developer. Time Input says the same. */
32399
32449
  badInputMessage?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
32400
32450
  /** Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
32401
32451
 
@@ -32732,18 +32782,28 @@ export type HelixHeadlessTimePickerSolidJsProps = {
32732
32782
  **Every sentence a control raises in the browser's bubble is a property**,
32733
32783
  named for the validity flag it reports, so a form in another language
32734
32784
  speaks it. Unset is the sentence registered for the page's language, then
32735
- the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
32736
- `{mode}` is `single`, `range` or `multiple`, so each can have its own
32737
- sentence. */
32785
+ the English. `{example}` is a time written as the picker writes one,
32786
+ `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
32787
+ `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
32788
+ have its own sentence.
32789
+
32790
+ **The default names a time as the picker shows one.** It said "Enter a
32791
+ time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
32792
+ token is words for a developer. Time Input says the same. */
32738
32793
  "attr:bad-input-message"?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
32739
32794
  /** The validation message for a value that is not a time.
32740
32795
 
32741
32796
  **Every sentence a control raises in the browser's bubble is a property**,
32742
32797
  named for the validity flag it reports, so a form in another language
32743
32798
  speaks it. Unset is the sentence registered for the page's language, then
32744
- the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
32745
- `{mode}` is `single`, `range` or `multiple`, so each can have its own
32746
- sentence. */
32799
+ the English. `{example}` is a time written as the picker writes one,
32800
+ `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
32801
+ `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
32802
+ have its own sentence.
32803
+
32804
+ **The default names a time as the picker shows one.** It said "Enter a
32805
+ time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
32806
+ token is words for a developer. Time Input says the same. */
32747
32807
  "prop:badInputMessage"?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
32748
32808
  /** Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
32749
32809
 
@@ -44613,7 +44673,13 @@ export type CustomElements = {
44613
44673
  * - `trigger-label`/`triggerLabel`: The name of the button that opens the calendar, read by screen readers.
44614
44674
  * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-dates` or `disable-days` bars a date.
44615
44675
  * - `unreadable-message`/`unreadableMessage`: The message for text that is no date, where `bad-input-message` is not
44616
- * set. `{mode}` is `single`, `range`, or `multiple`.
44676
+ * set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
44677
+ * date written as the field writes one, `August 24, 2026` in `en-US` and
44678
+ * `24. August 2026` in `de-DE` at the default `date-style`.
44679
+ *
44680
+ * **The default names a date the field reads back.** It said "Enter a date
44681
+ * as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
44682
+ * pattern token is words for a developer. Time Input says the same.
44617
44683
  * - `year-view-label`/`yearViewLabel`: The name of the calendar's heading where it shows a page of years, with
44618
44684
  * `{heading}` filled in.
44619
44685
  * - `empty-message`/`emptyMessage`: What a row of segments reports when the field is required and every
@@ -44997,8 +45063,12 @@ export type CustomElements = {
44997
45063
  * **Every sentence a control raises in the browser's bubble is a property**,
44998
45064
  * named for the validity flag it reports, so a form in another language
44999
45065
  * speaks it. Unset is the sentence registered for the page's language, then
45000
- * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
45001
- * its own sentence.
45066
+ * the English. `{example}` is a date written as the calendar names one,
45067
+ * `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
45068
+ * is `single`, `range` or `multiple`, so each can have its own sentence.
45069
+ *
45070
+ * **The default names a date in words.** It said "Enter a date as
45071
+ * YYYY-MM-DD.", and a pattern token is words for a developer.
45002
45072
  * - `calendar`: The calendar the heading, the days, and the months are written in.
45003
45073
  *
45004
45074
  * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
@@ -62663,9 +62733,14 @@ export type CustomElements = {
62663
62733
  * **Every sentence a control raises in the browser's bubble is a property**,
62664
62734
  * named for the validity flag it reports, so a form in another language
62665
62735
  * speaks it. Unset is the sentence registered for the page's language, then
62666
- * the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
62667
- * `{mode}` is `single`, `range` or `multiple`, so each can have its own
62668
- * sentence.
62736
+ * the English. `{example}` is a time written as the picker writes one,
62737
+ * `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
62738
+ * `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
62739
+ * have its own sentence.
62740
+ *
62741
+ * **The default names a time as the picker shows one.** It said "Enter a
62742
+ * time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
62743
+ * token is words for a developer. Time Input says the same.
62669
62744
  * - `disable-times`/`disableTimes`: Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
62670
62745
  *
62671
62746
  * The counterpart to Date Picker's `disable-dates`, and it exists for the same
@@ -74103,7 +74178,13 @@ export type CustomElementsSolidJs = {
74103
74178
  * - `trigger-label`/`triggerLabel`: The name of the button that opens the calendar, read by screen readers.
74104
74179
  * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-dates` or `disable-days` bars a date.
74105
74180
  * - `unreadable-message`/`unreadableMessage`: The message for text that is no date, where `bad-input-message` is not
74106
- * set. `{mode}` is `single`, `range`, or `multiple`.
74181
+ * set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
74182
+ * date written as the field writes one, `August 24, 2026` in `en-US` and
74183
+ * `24. August 2026` in `de-DE` at the default `date-style`.
74184
+ *
74185
+ * **The default names a date the field reads back.** It said "Enter a date
74186
+ * as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
74187
+ * pattern token is words for a developer. Time Input says the same.
74107
74188
  * - `year-view-label`/`yearViewLabel`: The name of the calendar's heading where it shows a page of years, with
74108
74189
  * `{heading}` filled in.
74109
74190
  * - `empty-message`/`emptyMessage`: What a row of segments reports when the field is required and every
@@ -74490,8 +74571,12 @@ export type CustomElementsSolidJs = {
74490
74571
  * **Every sentence a control raises in the browser's bubble is a property**,
74491
74572
  * named for the validity flag it reports, so a form in another language
74492
74573
  * speaks it. Unset is the sentence registered for the page's language, then
74493
- * the English. `{mode}` is `single`, `range` or `multiple`, so each can have
74494
- * its own sentence.
74574
+ * the English. `{example}` is a date written as the calendar names one,
74575
+ * `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
74576
+ * is `single`, `range` or `multiple`, so each can have its own sentence.
74577
+ *
74578
+ * **The default names a date in words.** It said "Enter a date as
74579
+ * YYYY-MM-DD.", and a pattern token is words for a developer.
74495
74580
  * - `calendar`: The calendar the heading, the days, and the months are written in.
74496
74581
  *
74497
74582
  * `gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five
@@ -92372,9 +92457,14 @@ export type CustomElementsSolidJs = {
92372
92457
  * **Every sentence a control raises in the browser's bubble is a property**,
92373
92458
  * named for the validity flag it reports, so a form in another language
92374
92459
  * speaks it. Unset is the sentence registered for the page's language, then
92375
- * the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
92376
- * `{mode}` is `single`, `range` or `multiple`, so each can have its own
92377
- * sentence.
92460
+ * the English. `{example}` is a time written as the picker writes one,
92461
+ * `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
92462
+ * `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
92463
+ * have its own sentence.
92464
+ *
92465
+ * **The default names a time as the picker shows one.** It said "Enter a
92466
+ * time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
92467
+ * token is words for a developer. Time Input says the same.
92378
92468
  * - `disable-times`/`disableTimes`: Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
92379
92469
  *
92380
92470
  * The counterpart to Date Picker's `disable-dates`, and it exists for the same
package/types/vue.d.ts CHANGED
@@ -5540,10 +5540,22 @@ Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
5540
5540
  /** The message shown when `disable-dates` or `disable-days` bars a date. */
5541
5541
  unavailableMessage?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
5542
5542
  /** The message for text that is no date, where `bad-input-message` is not
5543
- set. `{mode}` is `single`, `range`, or `multiple`. */
5543
+ set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
5544
+ date written as the field writes one, `August 24, 2026` in `en-US` and
5545
+ `24. August 2026` in `de-DE` at the default `date-style`.
5546
+
5547
+ **The default names a date the field reads back.** It said "Enter a date
5548
+ as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
5549
+ pattern token is words for a developer. Time Input says the same. */
5544
5550
  "unreadable-message"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
5545
5551
  /** The message for text that is no date, where `bad-input-message` is not
5546
- set. `{mode}` is `single`, `range`, or `multiple`. */
5552
+ set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
5553
+ date written as the field writes one, `August 24, 2026` in `en-US` and
5554
+ `24. August 2026` in `de-DE` at the default `date-style`.
5555
+
5556
+ **The default names a date the field reads back.** It said "Enter a date
5557
+ as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
5558
+ pattern token is words for a developer. Time Input says the same. */
5547
5559
  unreadableMessage?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
5548
5560
  /** The name of the calendar's heading where it shows a page of years, with
5549
5561
  `{heading}` filled in. */
@@ -5834,16 +5846,24 @@ export type HelixHeadlessDatePickerVueProps = {
5834
5846
  **Every sentence a control raises in the browser's bubble is a property**,
5835
5847
  named for the validity flag it reports, so a form in another language
5836
5848
  speaks it. Unset is the sentence registered for the page's language, then
5837
- the English. `{mode}` is `single`, `range` or `multiple`, so each can have
5838
- its own sentence. */
5849
+ the English. `{example}` is a date written as the calendar names one,
5850
+ `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
5851
+ is `single`, `range` or `multiple`, so each can have its own sentence.
5852
+
5853
+ **The default names a date in words.** It said "Enter a date as
5854
+ YYYY-MM-DD.", and a pattern token is words for a developer. */
5839
5855
  "bad-input-message"?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
5840
5856
  /** The validation message for a value that is not a date.
5841
5857
 
5842
5858
  **Every sentence a control raises in the browser's bubble is a property**,
5843
5859
  named for the validity flag it reports, so a form in another language
5844
5860
  speaks it. Unset is the sentence registered for the page's language, then
5845
- the English. `{mode}` is `single`, `range` or `multiple`, so each can have
5846
- its own sentence. */
5861
+ the English. `{example}` is a date written as the calendar names one,
5862
+ `August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
5863
+ is `single`, `range` or `multiple`, so each can have its own sentence.
5864
+
5865
+ **The default names a date in words.** It said "Enter a date as
5866
+ YYYY-MM-DD.", and a pattern token is words for a developer. */
5847
5867
  badInputMessage?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
5848
5868
  /** The calendar the heading, the days, and the months are written in.
5849
5869
 
@@ -16581,18 +16601,28 @@ export type HelixHeadlessTimePickerVueProps = {
16581
16601
  **Every sentence a control raises in the browser's bubble is a property**,
16582
16602
  named for the validity flag it reports, so a form in another language
16583
16603
  speaks it. Unset is the sentence registered for the page's language, then
16584
- the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
16585
- `{mode}` is `single`, `range` or `multiple`, so each can have its own
16586
- sentence. */
16604
+ the English. `{example}` is a time written as the picker writes one,
16605
+ `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
16606
+ `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
16607
+ have its own sentence.
16608
+
16609
+ **The default names a time as the picker shows one.** It said "Enter a
16610
+ time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
16611
+ token is words for a developer. Time Input says the same. */
16587
16612
  "bad-input-message"?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
16588
16613
  /** The validation message for a value that is not a time.
16589
16614
 
16590
16615
  **Every sentence a control raises in the browser's bubble is a property**,
16591
16616
  named for the validity flag it reports, so a form in another language
16592
16617
  speaks it. Unset is the sentence registered for the page's language, then
16593
- the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
16594
- `{mode}` is `single`, `range` or `multiple`, so each can have its own
16595
- sentence. */
16618
+ the English. `{example}` is a time written as the picker writes one,
16619
+ `2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
16620
+ `HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
16621
+ have its own sentence.
16622
+
16623
+ **The default names a time as the picker shows one.** It said "Enter a
16624
+ time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
16625
+ token is words for a developer. Time Input says the same. */
16596
16626
  badInputMessage?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
16597
16627
  /** Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
16598
16628
 
package/types/words.d.ts CHANGED
@@ -1276,9 +1276,11 @@ declare module '@fusion.dev/helix-core' {
1276
1276
  unavailableMessage: Message
1277
1277
  /**
1278
1278
  * The message for text that is no date, where `bad-input-message` is not
1279
- * set. `{mode}` is `single`, `range`, or `multiple`.
1279
+ * set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
1280
+ * date written as the field writes one, `August 24, 2026` in `en-US` and
1281
+ * `24. August 2026` in `de-DE` at the default `date-style`.
1280
1282
  *
1281
- * English: `{mode, select, single {Enter a date as YYYY-MM-DD.} other {Enter dates as YYYY-MM-DD, separated by commas.}}`
1283
+ * English: `{mode, select, single {Enter a date such as {example}.} other {Enter dates such as {example}, separated by commas.}}`
1282
1284
  */
1283
1285
  unreadableMessage: Message
1284
1286
  /**
@@ -1293,7 +1295,7 @@ declare module '@fusion.dev/helix-core' {
1293
1295
  /**
1294
1296
  * The validation message for a value that is not a date.
1295
1297
  *
1296
- * English: `{mode, select, single {Enter a date as YYYY-MM-DD.} other {Enter dates as YYYY-MM-DD, separated by commas.}}`
1298
+ * English: `{mode, select, single {Enter a date such as {example}.} other {Enter dates such as {example}, separated by commas.}}`
1297
1299
  */
1298
1300
  badInputMessage: Message
1299
1301
  /**
@@ -3323,7 +3325,7 @@ declare module '@fusion.dev/helix-core' {
3323
3325
  /**
3324
3326
  * The validation message for a value that is not a time.
3325
3327
  *
3326
- * English: `{mode, select, single {Enter a time as {shape}.} other {Enter times as {shape}, separated by commas.}}`
3328
+ * English: `{mode, select, single {Enter a time such as {example}.} other {Enter times such as {example}, separated by commas.}}`
3327
3329
  */
3328
3330
  badInputMessage: Message
3329
3331
  /**