@aurodesignsystem-dev/auro-formkit 0.0.0-pr1494.5 → 0.0.0-pr1497.0

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.
Files changed (49) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +18 -18
  7. package/components/combobox/demo/getting-started.min.js +18 -18
  8. package/components/combobox/demo/index.min.js +18 -18
  9. package/components/combobox/dist/index.js +18 -18
  10. package/components/combobox/dist/registered.js +18 -18
  11. package/components/counter/demo/customize.min.js +2 -2
  12. package/components/counter/demo/index.min.js +2 -2
  13. package/components/counter/dist/index.js +1 -1
  14. package/components/counter/dist/registered.js +1 -1
  15. package/components/datepicker/demo/api.md +9 -9
  16. package/components/datepicker/demo/customize.md +46 -19
  17. package/components/datepicker/demo/index.min.js +64 -79
  18. package/components/datepicker/dist/index.js +64 -79
  19. package/components/datepicker/dist/registered.js +64 -79
  20. package/components/datepicker/dist/src/auro-datepicker.d.ts +36 -8
  21. package/components/datepicker/dist/src/utilities.d.ts +0 -14
  22. package/components/dropdown/demo/customize.min.js +1 -1
  23. package/components/dropdown/demo/getting-started.min.js +1 -1
  24. package/components/dropdown/demo/index.min.js +1 -1
  25. package/components/dropdown/dist/index.js +1 -1
  26. package/components/dropdown/dist/registered.js +1 -1
  27. package/components/form/demo/customize.min.js +104 -119
  28. package/components/form/demo/getting-started.min.js +104 -119
  29. package/components/form/demo/index.min.js +104 -119
  30. package/components/form/demo/registerDemoDeps.min.js +104 -119
  31. package/components/input/demo/customize.md +29 -107
  32. package/components/input/demo/customize.min.js +16 -16
  33. package/components/input/demo/getting-started.md +16 -6
  34. package/components/input/demo/getting-started.min.js +16 -16
  35. package/components/input/demo/index.min.js +16 -16
  36. package/components/input/dist/auro-input-util.d.ts +1 -1
  37. package/components/input/dist/index.js +16 -16
  38. package/components/input/dist/registered.js +16 -16
  39. package/components/input/dist/utilities.d.ts +1 -2
  40. package/components/radio/demo/index.min.js +1 -1
  41. package/components/radio/dist/index.js +1 -1
  42. package/components/radio/dist/registered.js +1 -1
  43. package/components/select/demo/customize.min.js +2 -2
  44. package/components/select/demo/getting-started.min.js +2 -2
  45. package/components/select/demo/index.min.js +2 -2
  46. package/components/select/dist/index.js +2 -2
  47. package/components/select/dist/registered.js +2 -2
  48. package/custom-elements.json +15 -55
  49. package/package.json +1 -1
@@ -1260,7 +1260,7 @@ class AuroHelpText extends i$2 {
1260
1260
  }
1261
1261
  }
1262
1262
 
1263
- var formkitVersion = '202606032113';
1263
+ var formkitVersion = '202606081518';
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 = '202606032113';
1263
+ var formkitVersion = '202606081518';
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 = '202606032113';
1263
+ var formkitVersion = '202606081518';
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 = '202606032113';
1216
+ var formkitVersion = '202606081518';
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 = '202606032113';
1216
+ var formkitVersion = '202606081518';
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 = '202606032113';
4859
+ var formkitVersion$2 = '202606081518';
4860
4860
 
4861
4861
  let AuroElement$2 = class AuroElement extends i$4 {
4862
4862
  static get properties() {
@@ -16312,27 +16312,17 @@ class AuroInputUtilities {
16312
16312
  * Converts a model value to a display value for the input element.
16313
16313
  * For full date formats, converts an ISO model value to the configured display format.
16314
16314
  * @private
16315
- * @param {string} value - The model value (ISO string for date types).
16316
16315
  * @param {Date|undefined} valueObject - Date object representation of value.
16317
16316
  * @param {string} format - The date format string.
16318
- * @returns {string}
16317
+ * @returns {string | undefined}
16319
16318
  */
16320
- toFormattedValue(value, valueObject, format) {
16321
- if (!this.isFullDateFormat('date', format) || !value) {
16322
- return value;
16323
- }
16324
-
16325
- if (!dateFormatter.isValidDate(value)) {
16326
- // For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
16327
- // return '' so inputElement stays empty and format-based validation is not triggered.
16328
- return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
16329
- }
16330
-
16319
+ toFormattedValue(valueObject, format) {
16331
16320
  const normalizedFormat = format.toLowerCase();
16332
16321
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
16333
16322
 
16334
16323
  if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
16335
- return value;
16324
+ console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
16325
+ return undefined;
16336
16326
  }
16337
16327
 
16338
16328
  return maskOptions.format(valueObject);
@@ -17250,7 +17240,17 @@ class BaseInput extends AuroElement$1 {
17250
17240
  this.hasValue = false;
17251
17241
  }
17252
17242
 
17253
- const formattedValue = this.type === 'date' ? this.util.toFormattedValue(this.value, this.valueObject, this.format) : this.value;
17243
+ let formattedValue = this.value;
17244
+ if (this.type === 'date') {
17245
+ const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
17246
+ if (!formattedDate) {
17247
+ // if user entered unrecognized date format that cannot be parsed into a Date object,
17248
+ // keep the raw value in the input so they can edit it instead of overwriting with an empty string
17249
+ formattedValue = this.value;
17250
+ } else {
17251
+ formattedValue = formattedDate;
17252
+ }
17253
+ }
17254
17254
 
17255
17255
  if (formattedValue !== this.inputElement.value) {
17256
17256
  this.skipNextProgrammaticInputEvent = true;
@@ -18114,7 +18114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
18114
18114
  }
18115
18115
  };
18116
18116
 
18117
- var formkitVersion$1 = '202606032113';
18117
+ var formkitVersion$1 = '202606081518';
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 = '202606032113';
19234
+ var formkitVersion = '202606081518';
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 = '202606032113';
4859
+ var formkitVersion$2 = '202606081518';
4860
4860
 
4861
4861
  let AuroElement$2 = class AuroElement extends i$4 {
4862
4862
  static get properties() {
@@ -16312,27 +16312,17 @@ class AuroInputUtilities {
16312
16312
  * Converts a model value to a display value for the input element.
16313
16313
  * For full date formats, converts an ISO model value to the configured display format.
16314
16314
  * @private
16315
- * @param {string} value - The model value (ISO string for date types).
16316
16315
  * @param {Date|undefined} valueObject - Date object representation of value.
16317
16316
  * @param {string} format - The date format string.
16318
- * @returns {string}
16317
+ * @returns {string | undefined}
16319
16318
  */
16320
- toFormattedValue(value, valueObject, format) {
16321
- if (!this.isFullDateFormat('date', format) || !value) {
16322
- return value;
16323
- }
16324
-
16325
- if (!dateFormatter.isValidDate(value)) {
16326
- // For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
16327
- // return '' so inputElement stays empty and format-based validation is not triggered.
16328
- return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
16329
- }
16330
-
16319
+ toFormattedValue(valueObject, format) {
16331
16320
  const normalizedFormat = format.toLowerCase();
16332
16321
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
16333
16322
 
16334
16323
  if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
16335
- return value;
16324
+ console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
16325
+ return undefined;
16336
16326
  }
16337
16327
 
16338
16328
  return maskOptions.format(valueObject);
@@ -17250,7 +17240,17 @@ class BaseInput extends AuroElement$1 {
17250
17240
  this.hasValue = false;
17251
17241
  }
17252
17242
 
17253
- const formattedValue = this.type === 'date' ? this.util.toFormattedValue(this.value, this.valueObject, this.format) : this.value;
17243
+ let formattedValue = this.value;
17244
+ if (this.type === 'date') {
17245
+ const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
17246
+ if (!formattedDate) {
17247
+ // if user entered unrecognized date format that cannot be parsed into a Date object,
17248
+ // keep the raw value in the input so they can edit it instead of overwriting with an empty string
17249
+ formattedValue = this.value;
17250
+ } else {
17251
+ formattedValue = formattedDate;
17252
+ }
17253
+ }
17254
17254
 
17255
17255
  if (formattedValue !== this.inputElement.value) {
17256
17256
  this.skipNextProgrammaticInputEvent = true;
@@ -18114,7 +18114,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
18114
18114
  }
18115
18115
  };
18116
18116
 
18117
- var formkitVersion$1 = '202606032113';
18117
+ var formkitVersion$1 = '202606081518';
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 = '202606032113';
19234
+ var formkitVersion = '202606081518';
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 = '202606032113';
4874
+ var formkitVersion$2 = '202606081518';
4875
4875
 
4876
4876
  let AuroElement$2 = class AuroElement extends i$4 {
4877
4877
  static get properties() {
@@ -16327,27 +16327,17 @@ class AuroInputUtilities {
16327
16327
  * Converts a model value to a display value for the input element.
16328
16328
  * For full date formats, converts an ISO model value to the configured display format.
16329
16329
  * @private
16330
- * @param {string} value - The model value (ISO string for date types).
16331
16330
  * @param {Date|undefined} valueObject - Date object representation of value.
16332
16331
  * @param {string} format - The date format string.
16333
- * @returns {string}
16332
+ * @returns {string | undefined}
16334
16333
  */
16335
- toFormattedValue(value, valueObject, format) {
16336
- if (!this.isFullDateFormat('date', format) || !value) {
16337
- return value;
16338
- }
16339
-
16340
- if (!dateFormatter.isValidDate(value)) {
16341
- // For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
16342
- // return '' so inputElement stays empty and format-based validation is not triggered.
16343
- return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
16344
- }
16345
-
16334
+ toFormattedValue(valueObject, format) {
16346
16335
  const normalizedFormat = format.toLowerCase();
16347
16336
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
16348
16337
 
16349
16338
  if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
16350
- return value;
16339
+ console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
16340
+ return undefined;
16351
16341
  }
16352
16342
 
16353
16343
  return maskOptions.format(valueObject);
@@ -17265,7 +17255,17 @@ class BaseInput extends AuroElement$1 {
17265
17255
  this.hasValue = false;
17266
17256
  }
17267
17257
 
17268
- const formattedValue = this.type === 'date' ? this.util.toFormattedValue(this.value, this.valueObject, this.format) : this.value;
17258
+ let formattedValue = this.value;
17259
+ if (this.type === 'date') {
17260
+ const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
17261
+ if (!formattedDate) {
17262
+ // if user entered unrecognized date format that cannot be parsed into a Date object,
17263
+ // keep the raw value in the input so they can edit it instead of overwriting with an empty string
17264
+ formattedValue = this.value;
17265
+ } else {
17266
+ formattedValue = formattedDate;
17267
+ }
17268
+ }
17269
17269
 
17270
17270
  if (formattedValue !== this.inputElement.value) {
17271
17271
  this.skipNextProgrammaticInputEvent = true;
@@ -18129,7 +18129,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
18129
18129
  }
18130
18130
  };
18131
18131
 
18132
- var formkitVersion$1 = '202606032113';
18132
+ var formkitVersion$1 = '202606081518';
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 = '202606032113';
19249
+ var formkitVersion = '202606081518';
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 = '202606032113';
4792
+ var formkitVersion$2 = '202606081518';
4793
4793
 
4794
4794
  let AuroElement$2 = class AuroElement extends LitElement {
4795
4795
  static get properties() {
@@ -16238,27 +16238,17 @@ class AuroInputUtilities {
16238
16238
  * Converts a model value to a display value for the input element.
16239
16239
  * For full date formats, converts an ISO model value to the configured display format.
16240
16240
  * @private
16241
- * @param {string} value - The model value (ISO string for date types).
16242
16241
  * @param {Date|undefined} valueObject - Date object representation of value.
16243
16242
  * @param {string} format - The date format string.
16244
- * @returns {string}
16243
+ * @returns {string | undefined}
16245
16244
  */
16246
- toFormattedValue(value, valueObject, format) {
16247
- if (!this.isFullDateFormat('date', format) || !value) {
16248
- return value;
16249
- }
16250
-
16251
- if (!dateFormatter.isValidDate(value)) {
16252
- // For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
16253
- // return '' so inputElement stays empty and format-based validation is not triggered.
16254
- return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
16255
- }
16256
-
16245
+ toFormattedValue(valueObject, format) {
16257
16246
  const normalizedFormat = format.toLowerCase();
16258
16247
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
16259
16248
 
16260
16249
  if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
16261
- return value;
16250
+ console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
16251
+ return undefined;
16262
16252
  }
16263
16253
 
16264
16254
  return maskOptions.format(valueObject);
@@ -17176,7 +17166,17 @@ class BaseInput extends AuroElement$1 {
17176
17166
  this.hasValue = false;
17177
17167
  }
17178
17168
 
17179
- const formattedValue = this.type === 'date' ? this.util.toFormattedValue(this.value, this.valueObject, this.format) : this.value;
17169
+ let formattedValue = this.value;
17170
+ if (this.type === 'date') {
17171
+ const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
17172
+ if (!formattedDate) {
17173
+ // if user entered unrecognized date format that cannot be parsed into a Date object,
17174
+ // keep the raw value in the input so they can edit it instead of overwriting with an empty string
17175
+ formattedValue = this.value;
17176
+ } else {
17177
+ formattedValue = formattedDate;
17178
+ }
17179
+ }
17180
17180
 
17181
17181
  if (formattedValue !== this.inputElement.value) {
17182
17182
  this.skipNextProgrammaticInputEvent = true;
@@ -18040,7 +18040,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18040
18040
  }
18041
18041
  };
18042
18042
 
18043
- var formkitVersion$1 = '202606032113';
18043
+ var formkitVersion$1 = '202606081518';
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 = '202606032113';
19160
+ var formkitVersion = '202606081518';
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 = '202606032113';
4792
+ var formkitVersion$2 = '202606081518';
4793
4793
 
4794
4794
  let AuroElement$2 = class AuroElement extends LitElement {
4795
4795
  static get properties() {
@@ -16238,27 +16238,17 @@ class AuroInputUtilities {
16238
16238
  * Converts a model value to a display value for the input element.
16239
16239
  * For full date formats, converts an ISO model value to the configured display format.
16240
16240
  * @private
16241
- * @param {string} value - The model value (ISO string for date types).
16242
16241
  * @param {Date|undefined} valueObject - Date object representation of value.
16243
16242
  * @param {string} format - The date format string.
16244
- * @returns {string}
16243
+ * @returns {string | undefined}
16245
16244
  */
16246
- toFormattedValue(value, valueObject, format) {
16247
- if (!this.isFullDateFormat('date', format) || !value) {
16248
- return value;
16249
- }
16250
-
16251
- if (!dateFormatter.isValidDate(value)) {
16252
- // For ISO-pattern strings that fail range validation (e.g. '2024-99-99'),
16253
- // return '' so inputElement stays empty and format-based validation is not triggered.
16254
- return (/^\d{4}-\d{2}-\d{2}$/u).test(value) ? '' : value;
16255
- }
16256
-
16245
+ toFormattedValue(valueObject, format) {
16257
16246
  const normalizedFormat = format.toLowerCase();
16258
16247
  const maskOptions = this.getMaskOptions('date', normalizedFormat);
16259
16248
 
16260
16249
  if (!(valueObject instanceof Date) || Number.isNaN(valueObject.getTime()) || !maskOptions || typeof maskOptions.format !== 'function') {
16261
- return value;
16250
+ console.debug('Invalid date object or mask options for formatting', { valueObject, maskOptions }); // eslint-disable-line no-console
16251
+ return undefined;
16262
16252
  }
16263
16253
 
16264
16254
  return maskOptions.format(valueObject);
@@ -17176,7 +17166,17 @@ class BaseInput extends AuroElement$1 {
17176
17166
  this.hasValue = false;
17177
17167
  }
17178
17168
 
17179
- const formattedValue = this.type === 'date' ? this.util.toFormattedValue(this.value, this.valueObject, this.format) : this.value;
17169
+ let formattedValue = this.value;
17170
+ if (this.type === 'date') {
17171
+ const formattedDate = this.util.toFormattedValue(this.valueObject, this.format);
17172
+ if (!formattedDate) {
17173
+ // if user entered unrecognized date format that cannot be parsed into a Date object,
17174
+ // keep the raw value in the input so they can edit it instead of overwriting with an empty string
17175
+ formattedValue = this.value;
17176
+ } else {
17177
+ formattedValue = formattedDate;
17178
+ }
17179
+ }
17180
17180
 
17181
17181
  if (formattedValue !== this.inputElement.value) {
17182
17182
  this.skipNextProgrammaticInputEvent = true;
@@ -18040,7 +18040,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18040
18040
  }
18041
18041
  };
18042
18042
 
18043
- var formkitVersion$1 = '202606032113';
18043
+ var formkitVersion$1 = '202606081518';
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 = '202606032113';
19160
+ var formkitVersion = '202606081518';
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 = '202606032113';
1102
+ var formkitVersion$1 = '202606081518';
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 = '202606032113';
5448
+ var formkitVersion = '202606081518';
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 = '202606032113';
1102
+ var formkitVersion$1 = '202606081518';
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 = '202606032113';
5448
+ var formkitVersion = '202606081518';
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 = '202606032113';
1052
+ var formkitVersion = '202606081518';
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 = '202606032113';
1052
+ var formkitVersion = '202606081518';
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.
@@ -12,27 +12,27 @@ The `auro-datepicker` component provides users with a way to select a date or da
12
12
  | `appearance` | `appearance` | | `string` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
13
13
  | `autoPlacement` | `autoPlacement` | | `boolean` | "false" | If declared, bib's position will be automatically calculated where to appear. |
14
14
  | `calendarEndDate` | `calendarEndDate` | | `string` | "undefined" | The last date that may be displayed in the calendar. |
15
- | `calendarEndDateObject` | | readonly | `Date \| undefined` | | |
15
+ | `calendarEndDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `calendarEndDate`. Returns `undefined` when `calendarEndDate` is empty or not a valid date. |
16
16
  | `calendarFocusDate` | `calendarFocusDate` | | `string` | "value" | The date that will first be visually rendered to the user in the calendar. |
17
- | `calendarFocusDateObject` | | readonly | `Date \| undefined` | | |
17
+ | `calendarFocusDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `calendarFocusDate`. Returns `undefined` when `calendarFocusDate` is empty or not a valid date. |
18
18
  | `calendarStartDate` | `calendarStartDate` | | `string` | "undefined" | The first date that may be displayed in the calendar. |
19
- | `calendarStartDateObject` | | readonly | `Date \| undefined` | | |
19
+ | `calendarStartDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `calendarStartDate`. Returns `undefined` when `calendarStartDate` is empty or not a valid date. |
20
20
  | `centralDate` | `centralDate` | | `string` | | The date that determines the currently visible month. |
21
- | `centralDateObject` | | readonly | `Date \| undefined` | | |
21
+ | `centralDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `centralDate`. Returns `undefined` when `centralDate` is empty or not a valid date. |
22
22
  | `disabled` | `disabled` | | `boolean` | false | If set, disables the datepicker. |
23
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
24
  | `error` | `error` | | `string` | | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
25
25
  | `format` | `format` | | `string` | | Specifies the date format. The default is `mm/dd/yyyy`. |
26
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` | | |
27
+ | `hasError` | | readonly | `boolean` | | Returns `true` when the datepicker has an active validation error. |
28
28
  | `inputmode` | `inputmode` | | `string` | | Exposes inputmode attribute for input. |
29
29
  | `largeFullscreenHeadline` | `largeFullscreenHeadline` | | `boolean` | false | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
30
30
  | `layout` | `layout` | | `'classic' \| 'snowflake'` | "'classic'" | Sets the layout of the datepicker. |
31
31
  | `locale` | `locale` | | `string` | | Defines the locale of the element. Used to derive the date format when `format` is not explicitly set. |
32
32
  | `maxDate` | `maxDate` | | `string` | | Maximum date. All dates after will be disabled. |
33
- | `maxDateObject` | | readonly | `Date \| undefined` | | |
33
+ | `maxDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `maxDate`. Returns `undefined` when `maxDate` is empty or not a valid date. |
34
34
  | `minDate` | `minDate` | | `string` | | Minimum date. All dates before will be disabled. |
35
- | `minDateObject` | | readonly | `Date \| undefined` | | |
35
+ | `minDateObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `minDate`. Returns `undefined` when `minDate` is empty or not a valid date. |
36
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
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
38
  | `noValidate` | `noValidate` | | `boolean` | false | If set, disables auto-validation on blur. |
@@ -56,8 +56,8 @@ The `auro-datepicker` component provides users with a way to select a date or da
56
56
  | `validity` | `validity` | | `string` | "undefined" | Specifies the `validityState` this element is in. |
57
57
  | `value` | `value` | | `string` | "undefined" | Value selected for the datepicker. |
58
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` | | |
59
+ | `valueEndObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `valueEnd`. Returns `undefined` when `valueEnd` is empty or not a valid date. |
60
+ | `valueObject` | | readonly | `Date \| undefined` | | Read-only `Date` object derived from `value`. Returns `undefined` when `value` is empty or not a valid date. |
61
61
  | `values` | | readonly | `string[]` | | A convenience wrapper for `value` and `valueEnd`, uses the new Auro "array value pattern". |
62
62
 
63
63
  ## Methods