@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/custom-elements.json +115 -45
- package/dist/color-input/root/color-input-root.d.ts +0 -13
- package/dist/color-input/root/color-input-root.js +1 -19
- package/dist/date-input/root/date-input-root.d.ts +7 -1
- package/dist/date-input/root/date-input-root.js +6 -2
- package/dist/date-picker/root/date-picker-root.d.ts +6 -2
- package/dist/date-picker/root/date-picker-root.js +6 -2
- package/dist/time-picker/root/time-picker-root.d.ts +8 -3
- package/dist/time-picker/root/time-picker-root.js +2 -1
- package/lint.json +1 -1
- package/package.json +5 -5
- package/types/jsx.d.ts +126 -36
- package/types/vue.d.ts +42 -12
- package/types/words.d.ts +6 -4
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.
|
|
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.
|
|
53
|
-
"@fusion.dev/helix-icons": "0.177.
|
|
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.
|
|
58
|
-
"@fusion.dev/helix-testing": "0.177.
|
|
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. `{
|
|
11362
|
-
|
|
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. `{
|
|
11370
|
-
|
|
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. `{
|
|
11709
|
-
|
|
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. `{
|
|
11717
|
-
|
|
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. `{
|
|
32388
|
-
`
|
|
32389
|
-
|
|
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. `{
|
|
32397
|
-
`
|
|
32398
|
-
|
|
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. `{
|
|
32736
|
-
`
|
|
32737
|
-
|
|
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. `{
|
|
32745
|
-
`
|
|
32746
|
-
|
|
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. `{
|
|
45001
|
-
*
|
|
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. `{
|
|
62667
|
-
* `
|
|
62668
|
-
*
|
|
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. `{
|
|
74494
|
-
*
|
|
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. `{
|
|
92376
|
-
* `
|
|
92377
|
-
*
|
|
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. `{
|
|
5838
|
-
|
|
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. `{
|
|
5846
|
-
|
|
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. `{
|
|
16585
|
-
`
|
|
16586
|
-
|
|
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. `{
|
|
16594
|
-
`
|
|
16595
|
-
|
|
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
|
|
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
|
|
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 {
|
|
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
|
/**
|