@aurodesignsystem-dev/auro-formkit 0.0.0-pr1491.9 → 0.0.0-pr1492.1
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/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +1 -1
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/api.md +52 -52
- package/components/datepicker/demo/index.min.js +110 -56
- package/components/datepicker/dist/index.js +110 -56
- package/components/datepicker/dist/registered.js +110 -56
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +1 -1
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +6 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +6 -2
- package/components/datepicker/dist/src/auro-datepicker.d.ts +24 -5
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +126 -72
- package/components/form/demo/getting-started.min.js +126 -72
- package/components/form/demo/index.min.js +126 -72
- package/components/form/demo/registerDemoDeps.min.js +126 -72
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +70 -32
- package/package.json +1 -1
|
@@ -1260,7 +1260,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
1262
|
|
|
1263
|
-
var formkitVersion = '
|
|
1263
|
+
var formkitVersion = '202606031754';
|
|
1264
1264
|
|
|
1265
1265
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1266
|
// See LICENSE in the project root for license information.
|
|
@@ -1260,7 +1260,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
1262
|
|
|
1263
|
-
var formkitVersion = '
|
|
1263
|
+
var formkitVersion = '202606031754';
|
|
1264
1264
|
|
|
1265
1265
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1266
|
// See LICENSE in the project root for license information.
|
|
@@ -1260,7 +1260,7 @@ class AuroHelpText extends i$2 {
|
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
1262
|
|
|
1263
|
-
var formkitVersion = '
|
|
1263
|
+
var formkitVersion = '202606031754';
|
|
1264
1264
|
|
|
1265
1265
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1266
1266
|
// See LICENSE in the project root for license information.
|
|
@@ -1213,7 +1213,7 @@ class AuroHelpText extends LitElement {
|
|
|
1213
1213
|
}
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
1216
|
-
var formkitVersion = '
|
|
1216
|
+
var formkitVersion = '202606031754';
|
|
1217
1217
|
|
|
1218
1218
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1219
1219
|
// See LICENSE in the project root for license information.
|
|
@@ -1213,7 +1213,7 @@ class AuroHelpText extends LitElement {
|
|
|
1213
1213
|
}
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
1216
|
-
var formkitVersion = '
|
|
1216
|
+
var formkitVersion = '202606031754';
|
|
1217
1217
|
|
|
1218
1218
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1219
1219
|
// See LICENSE in the project root for license information.
|
|
@@ -4856,7 +4856,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4856
4856
|
}
|
|
4857
4857
|
};
|
|
4858
4858
|
|
|
4859
|
-
var formkitVersion$2 = '
|
|
4859
|
+
var formkitVersion$2 = '202606031754';
|
|
4860
4860
|
|
|
4861
4861
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4862
4862
|
static get properties() {
|
|
@@ -18114,7 +18114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
18114
18114
|
}
|
|
18115
18115
|
};
|
|
18116
18116
|
|
|
18117
|
-
var formkitVersion$1 = '
|
|
18117
|
+
var formkitVersion$1 = '202606031754';
|
|
18118
18118
|
|
|
18119
18119
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18120
18120
|
// See LICENSE in the project root for license information.
|
|
@@ -19231,7 +19231,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
19231
19231
|
}
|
|
19232
19232
|
}
|
|
19233
19233
|
|
|
19234
|
-
var formkitVersion = '
|
|
19234
|
+
var formkitVersion = '202606031754';
|
|
19235
19235
|
|
|
19236
19236
|
var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
19237
19237
|
|
|
@@ -4856,7 +4856,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4856
4856
|
}
|
|
4857
4857
|
};
|
|
4858
4858
|
|
|
4859
|
-
var formkitVersion$2 = '
|
|
4859
|
+
var formkitVersion$2 = '202606031754';
|
|
4860
4860
|
|
|
4861
4861
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4862
4862
|
static get properties() {
|
|
@@ -18114,7 +18114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
18114
18114
|
}
|
|
18115
18115
|
};
|
|
18116
18116
|
|
|
18117
|
-
var formkitVersion$1 = '
|
|
18117
|
+
var formkitVersion$1 = '202606031754';
|
|
18118
18118
|
|
|
18119
18119
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18120
18120
|
// See LICENSE in the project root for license information.
|
|
@@ -19231,7 +19231,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
19231
19231
|
}
|
|
19232
19232
|
}
|
|
19233
19233
|
|
|
19234
|
-
var formkitVersion = '
|
|
19234
|
+
var formkitVersion = '202606031754';
|
|
19235
19235
|
|
|
19236
19236
|
var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
19237
19237
|
|
|
@@ -4871,7 +4871,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
4871
4871
|
}
|
|
4872
4872
|
};
|
|
4873
4873
|
|
|
4874
|
-
var formkitVersion$2 = '
|
|
4874
|
+
var formkitVersion$2 = '202606031754';
|
|
4875
4875
|
|
|
4876
4876
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
4877
4877
|
static get properties() {
|
|
@@ -18129,7 +18129,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
18129
18129
|
}
|
|
18130
18130
|
};
|
|
18131
18131
|
|
|
18132
|
-
var formkitVersion$1 = '
|
|
18132
|
+
var formkitVersion$1 = '202606031754';
|
|
18133
18133
|
|
|
18134
18134
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18135
18135
|
// See LICENSE in the project root for license information.
|
|
@@ -19246,7 +19246,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
19246
19246
|
}
|
|
19247
19247
|
}
|
|
19248
19248
|
|
|
19249
|
-
var formkitVersion = '
|
|
19249
|
+
var formkitVersion = '202606031754';
|
|
19250
19250
|
|
|
19251
19251
|
var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
19252
19252
|
|
|
@@ -4789,7 +4789,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4789
4789
|
}
|
|
4790
4790
|
};
|
|
4791
4791
|
|
|
4792
|
-
var formkitVersion$2 = '
|
|
4792
|
+
var formkitVersion$2 = '202606031754';
|
|
4793
4793
|
|
|
4794
4794
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4795
4795
|
static get properties() {
|
|
@@ -18040,7 +18040,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18040
18040
|
}
|
|
18041
18041
|
};
|
|
18042
18042
|
|
|
18043
|
-
var formkitVersion$1 = '
|
|
18043
|
+
var formkitVersion$1 = '202606031754';
|
|
18044
18044
|
|
|
18045
18045
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18046
18046
|
// See LICENSE in the project root for license information.
|
|
@@ -19157,7 +19157,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19157
19157
|
}
|
|
19158
19158
|
}
|
|
19159
19159
|
|
|
19160
|
-
var formkitVersion = '
|
|
19160
|
+
var formkitVersion = '202606031754';
|
|
19161
19161
|
|
|
19162
19162
|
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
19163
19163
|
|
|
@@ -4789,7 +4789,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
4789
4789
|
}
|
|
4790
4790
|
};
|
|
4791
4791
|
|
|
4792
|
-
var formkitVersion$2 = '
|
|
4792
|
+
var formkitVersion$2 = '202606031754';
|
|
4793
4793
|
|
|
4794
4794
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
4795
4795
|
static get properties() {
|
|
@@ -18040,7 +18040,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18040
18040
|
}
|
|
18041
18041
|
};
|
|
18042
18042
|
|
|
18043
|
-
var formkitVersion$1 = '
|
|
18043
|
+
var formkitVersion$1 = '202606031754';
|
|
18044
18044
|
|
|
18045
18045
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18046
18046
|
// See LICENSE in the project root for license information.
|
|
@@ -19157,7 +19157,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
19157
19157
|
}
|
|
19158
19158
|
}
|
|
19159
19159
|
|
|
19160
|
-
var formkitVersion = '
|
|
19160
|
+
var formkitVersion = '202606031754';
|
|
19161
19161
|
|
|
19162
19162
|
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
19163
19163
|
|
|
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1099
1099
|
}
|
|
1100
1100
|
};
|
|
1101
1101
|
|
|
1102
|
-
var formkitVersion$1 = '
|
|
1102
|
+
var formkitVersion$1 = '202606031754';
|
|
1103
1103
|
|
|
1104
1104
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1105
1105
|
// See LICENSE in the project root for license information.
|
|
@@ -5445,7 +5445,7 @@ class AuroHelpText extends i$2 {
|
|
|
5445
5445
|
}
|
|
5446
5446
|
}
|
|
5447
5447
|
|
|
5448
|
-
var formkitVersion = '
|
|
5448
|
+
var formkitVersion = '202606031754';
|
|
5449
5449
|
|
|
5450
5450
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5451
5451
|
static get properties() {
|
|
@@ -1099,7 +1099,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1099
1099
|
}
|
|
1100
1100
|
};
|
|
1101
1101
|
|
|
1102
|
-
var formkitVersion$1 = '
|
|
1102
|
+
var formkitVersion$1 = '202606031754';
|
|
1103
1103
|
|
|
1104
1104
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1105
1105
|
// See LICENSE in the project root for license information.
|
|
@@ -5445,7 +5445,7 @@ class AuroHelpText extends i$2 {
|
|
|
5445
5445
|
}
|
|
5446
5446
|
}
|
|
5447
5447
|
|
|
5448
|
-
var formkitVersion = '
|
|
5448
|
+
var formkitVersion = '202606031754';
|
|
5449
5449
|
|
|
5450
5450
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5451
5451
|
static get properties() {
|
|
@@ -1049,7 +1049,7 @@ class AuroHelpText extends LitElement {
|
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
1051
|
|
|
1052
|
-
var formkitVersion = '
|
|
1052
|
+
var formkitVersion = '202606031754';
|
|
1053
1053
|
|
|
1054
1054
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1055
1055
|
// See LICENSE in the project root for license information.
|
|
@@ -1049,7 +1049,7 @@ class AuroHelpText extends LitElement {
|
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
1051
|
|
|
1052
|
-
var formkitVersion = '
|
|
1052
|
+
var formkitVersion = '202606031754';
|
|
1053
1053
|
|
|
1054
1054
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1055
1055
|
// See LICENSE in the project root for license information.
|
|
@@ -7,58 +7,58 @@ The `auro-datepicker` component provides users with a way to select a date or da
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Modifiers | Type | Default
|
|
11
|
-
|
|
12
|
-
| `appearance` | `appearance` | | `string` | "'default'"
|
|
13
|
-
| `autoPlacement` | `autoPlacement` | | `boolean` | "false"
|
|
14
|
-
| `calendarEndDate` | `calendarEndDate` | | `string` | "undefined"
|
|
15
|
-
| `calendarEndDateObject` | | readonly | `Date \| undefined` |
|
|
16
|
-
| `calendarFocusDate` | `calendarFocusDate` | | `string` | "value"
|
|
17
|
-
| `calendarFocusDateObject` | | readonly | `Date \| undefined` |
|
|
18
|
-
| `calendarStartDate` | `calendarStartDate` | | `string` | "undefined"
|
|
19
|
-
| `calendarStartDateObject` | | readonly | `Date \| undefined` |
|
|
20
|
-
| `centralDate` | `centralDate` | | `string` |
|
|
21
|
-
| `centralDateObject` | | readonly | `Date \| undefined` |
|
|
22
|
-
| `disabled` | `disabled` | | `boolean` | false
|
|
23
|
-
| `dvInputOnly` | `dvInputOnly` | | `boolean` | false
|
|
24
|
-
| `error` | `error` | | `string` |
|
|
25
|
-
| `format` | `format` | | `string` |
|
|
26
|
-
| `fullscreenBreakpoint` | `fullscreenBreakpoint` | | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'disabled'` | "'sm'"
|
|
27
|
-
| `hasError` | | readonly | `boolean` |
|
|
28
|
-
| `inputmode` | `inputmode` | | `string` |
|
|
29
|
-
| `largeFullscreenHeadline` | `largeFullscreenHeadline` | | `boolean` | false
|
|
30
|
-
| `layout` | `layout` | | `'classic' \| 'snowflake'` | "'classic'"
|
|
31
|
-
| `locale` | `locale` | | `string` |
|
|
32
|
-
| `maxDate` | `maxDate` | | `string` |
|
|
33
|
-
| `maxDateObject` | | readonly | `Date \| undefined` |
|
|
34
|
-
| `minDate` | `minDate` | | `string` |
|
|
35
|
-
| `minDateObject` | | readonly | `Date \| undefined` |
|
|
36
|
-
| `monthNames` | `monthNames` | | `array` |
|
|
37
|
-
| `noFlip` | `noFlip` | | `boolean` | false
|
|
38
|
-
| `noValidate` | `noValidate` | | `boolean` | false
|
|
39
|
-
| `offset` | `offset` | | `number` | "0"
|
|
40
|
-
| `onDark` | `onDark` | | `boolean` | false
|
|
41
|
-
| `placeholder` | `placeholder` | | `string` |
|
|
42
|
-
| `placeholderEndDate` | `placeholderEndDate` | | `string` |
|
|
43
|
-
| `placement` | `placement` | | `'top' \| 'right' \| 'bottom' \| 'left' \| 'bottom-start' \| 'top-start' \| 'top-end' \| 'right-start' \| 'right-end' \| 'bottom-end' \| 'left-start' \| 'left-end'` | "'bottom-start'"
|
|
44
|
-
| `range` | `range` | | `boolean` | false
|
|
45
|
-
| `referenceDates` | `referenceDates` | | `array` |
|
|
46
|
-
| `required` | `required` | | `boolean` | false
|
|
47
|
-
| `setCustomValidity` | `setCustomValidity` | | `string` |
|
|
48
|
-
| `setCustomValidityCustomError` | `setCustomValidityCustomError` | | `string` |
|
|
49
|
-
| `setCustomValidityRangeOverflow` | `setCustomValidityRangeOverflow` | | `string` |
|
|
50
|
-
| `setCustomValidityRangeUnderflow` | `setCustomValidityRangeUnderflow` | | `string` |
|
|
51
|
-
| `setCustomValidityValueMissing` | `setCustomValidityValueMissing` | | `string` |
|
|
52
|
-
| `shape` | | | `string` | "classic"
|
|
53
|
-
| `shift` | `shift` | | `boolean` | false
|
|
54
|
-
| `size` | | | `string` | "lg"
|
|
55
|
-
| `stacked` | `stacked` | | `boolean` | false
|
|
56
|
-
| `validity` | `validity` | | `string` | "undefined"
|
|
57
|
-
| `value` | `value` | | `string` | "undefined"
|
|
58
|
-
| `valueEnd` | `valueEnd` | | `string` | "undefined"
|
|
59
|
-
| `valueEndObject` | | readonly | `Date \| undefined` |
|
|
60
|
-
| `valueObject` | | readonly | `Date \| undefined` |
|
|
61
|
-
| `values` | | readonly | `string[]` |
|
|
10
|
+
| Property | Attribute | Modifiers | Type | Default | Description |
|
|
11
|
+
|-----------------------------------|-----------------------------------|-----------|--------------------------------------------------|------------------|--------------------------------------------------|
|
|
12
|
+
| `appearance` | `appearance` | | `string` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
|
|
13
|
+
| `autoPlacement` | `autoPlacement` | | `boolean` | "false" | If declared, bib's position will be automatically calculated where to appear. |
|
|
14
|
+
| `calendarEndDate` | `calendarEndDate` | | `string` | "undefined" | The last date that may be displayed in the calendar. |
|
|
15
|
+
| `calendarEndDateObject` | | readonly | `Date \| undefined` | | |
|
|
16
|
+
| `calendarFocusDate` | `calendarFocusDate` | | `string` | "value" | The date that will first be visually rendered to the user in the calendar. |
|
|
17
|
+
| `calendarFocusDateObject` | | readonly | `Date \| undefined` | | |
|
|
18
|
+
| `calendarStartDate` | `calendarStartDate` | | `string` | "undefined" | The first date that may be displayed in the calendar. |
|
|
19
|
+
| `calendarStartDateObject` | | readonly | `Date \| undefined` | | |
|
|
20
|
+
| `centralDate` | `centralDate` | | `string` | | The date that determines the currently visible month. |
|
|
21
|
+
| `centralDateObject` | | readonly | `Date \| undefined` | | |
|
|
22
|
+
| `disabled` | `disabled` | | `boolean` | false | If set, disables the datepicker. |
|
|
23
|
+
| `dvInputOnly` | `dvInputOnly` | | `boolean` | false | If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked. |
|
|
24
|
+
| `error` | `error` | | `string` | | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
|
|
25
|
+
| `format` | `format` | | `string` | | Specifies the date format. The default is `mm/dd/yyyy`. |
|
|
26
|
+
| `fullscreenBreakpoint` | `fullscreenBreakpoint` | | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'disabled'` | "'sm'" | Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
|
|
27
|
+
| `hasError` | | readonly | `boolean` | | |
|
|
28
|
+
| `inputmode` | `inputmode` | | `string` | | Exposes inputmode attribute for input. |
|
|
29
|
+
| `largeFullscreenHeadline` | `largeFullscreenHeadline` | | `boolean` | false | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
|
|
30
|
+
| `layout` | `layout` | | `'classic' \| 'snowflake'` | "'classic'" | Sets the layout of the datepicker. |
|
|
31
|
+
| `locale` | `locale` | | `string` | | Defines the locale of the element. Used to derive the date format when `format` is not explicitly set. |
|
|
32
|
+
| `maxDate` | `maxDate` | | `string` | | Maximum date. All dates after will be disabled. |
|
|
33
|
+
| `maxDateObject` | | readonly | `Date \| undefined` | | |
|
|
34
|
+
| `minDate` | `minDate` | | `string` | | Minimum date. All dates before will be disabled. |
|
|
35
|
+
| `minDateObject` | | readonly | `Date \| undefined` | | |
|
|
36
|
+
| `monthNames` | `monthNames` | | `array` | | Names of all 12 months to render in the calendar.<br />When omitted, month names will be automatically populated from the active `locale` (falling back to `en-US`). |
|
|
37
|
+
| `noFlip` | `noFlip` | | `boolean` | false | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
|
|
38
|
+
| `noValidate` | `noValidate` | | `boolean` | false | If set, disables auto-validation on blur. |
|
|
39
|
+
| `offset` | `offset` | | `number` | "0" | Gap between the trigger element and bib. |
|
|
40
|
+
| `onDark` | `onDark` | | `boolean` | false | DEPRECATED - use `appearance="inverse"` instead. |
|
|
41
|
+
| `placeholder` | `placeholder` | | `string` | | Placeholder text to display in the input(s) when no value is set. |
|
|
42
|
+
| `placeholderEndDate` | `placeholderEndDate` | | `string` | | Optional placeholder text to display in the second input when using date range.<br />By default, datepicker will use `placeholder` for both inputs if placeholder is<br />specified, but placeholderEndDate is not. |
|
|
43
|
+
| `placement` | `placement` | | `'top' \| 'right' \| 'bottom' \| 'left' \| 'bottom-start' \| 'top-start' \| 'top-end' \| 'right-start' \| 'right-end' \| 'bottom-end' \| 'left-start' \| 'left-end'` | "'bottom-start'" | Position where the bib should appear relative to the trigger. |
|
|
44
|
+
| `range` | `range` | | `boolean` | false | If set, turns on date range functionality in auro-calendar. |
|
|
45
|
+
| `referenceDates` | `referenceDates` | | `array` | | Dates that the user should have for reference as part of their decision making when selecting a date.<br />This should be a JSON string array of ISO date strings (`YYYY-MM-DD`). |
|
|
46
|
+
| `required` | `required` | | `boolean` | false | Populates the `required` attribute on the input. Used for client-side validation. |
|
|
47
|
+
| `setCustomValidity` | `setCustomValidity` | | `string` | | Sets a custom help text message to display for all validityStates. |
|
|
48
|
+
| `setCustomValidityCustomError` | `setCustomValidityCustomError` | | `string` | | Custom help text message to display when validity = `customError`. |
|
|
49
|
+
| `setCustomValidityRangeOverflow` | `setCustomValidityRangeOverflow` | | `string` | | Custom help text message to display when validity = `rangeOverflow`. |
|
|
50
|
+
| `setCustomValidityRangeUnderflow` | `setCustomValidityRangeUnderflow` | | `string` | | Custom help text message to display when validity = `rangeUnderflow`. |
|
|
51
|
+
| `setCustomValidityValueMissing` | `setCustomValidityValueMissing` | | `string` | | Custom help text message to display when validity = `valueMissing`. |
|
|
52
|
+
| `shape` | | | `string` | "classic" | |
|
|
53
|
+
| `shift` | `shift` | | `boolean` | false | If declared, the dropdown will shift its position to avoid being cut off by the viewport. |
|
|
54
|
+
| `size` | | | `string` | "lg" | |
|
|
55
|
+
| `stacked` | `stacked` | | `boolean` | false | Set true to make datepicker stacked style. |
|
|
56
|
+
| `validity` | `validity` | | `string` | "undefined" | Specifies the `validityState` this element is in. |
|
|
57
|
+
| `value` | `value` | | `string` | "undefined" | Value selected for the datepicker. |
|
|
58
|
+
| `valueEnd` | `valueEnd` | | `string` | "undefined" | Value selected for the second datepicker when using date range. |
|
|
59
|
+
| `valueEndObject` | | readonly | `Date \| undefined` | | |
|
|
60
|
+
| `valueObject` | | readonly | `Date \| undefined` | | |
|
|
61
|
+
| `values` | | readonly | `string[]` | | A convenience wrapper for `value` and `valueEnd`, uses the new Auro "array value pattern". |
|
|
62
62
|
|
|
63
63
|
## Methods
|
|
64
64
|
|