@aurodesignsystem-dev/auro-formkit 0.0.0-pr1118.1 → 0.0.0-pr1120.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 (6) hide show
  1. package/components/datepicker/demo/api.min.js +6 -2
  2. package/components/datepicker/demo/index.md +3 -6
  3. package/components/datepicker/demo/index.min.js +6 -2
  4. package/components/datepicker/dist/index.js +6 -2
  5. package/components/datepicker/dist/registered.js +6 -2
  6. package/package.json +1 -1
package/components/datepicker/demo/api.min.js CHANGED
@@ -28328,7 +28328,7 @@ class AuroDatePicker extends AuroElement$1 {
28328
28328
  /**
28329
28329
  * @private
28330
28330
  */
28331
- this.hasDisplayValueContent = false;
28331
+ this.hasDisplayValueContent = true;
28332
28332
 
28333
28333
  /**
28334
28334
  * @private
@@ -29648,7 +29648,11 @@ class AuroDatePicker extends AuroElement$1 {
29648
29648
  ${this.renderHtmlInputs()}
29649
29649
  </div>
29650
29650
  <div class="${e$3(this.commonDisplayValueWrapperClasses)}">
29651
- <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}></slot>
29651
+ <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}>
29652
+ <span>
29653
+ ${this.formatShortDate(this.value)}${this.range ? u$3`–${this.formatShortDate(this.valueEnd)}` : undefined}
29654
+ </span>
29655
+ </slot>
29652
29656
  </div>
29653
29657
  </div>
29654
29658
  <div class="accents right ${e$3(accentsClassMap)}">
package/components/datepicker/demo/index.md CHANGED
@@ -65,26 +65,24 @@ The `<auro-datepicker>` element should be used in situations where users may:
65
65
  <div class="exampleWrapper--ondark" style="width: 306px">
66
66
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark-range.html) -->
67
67
  <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
68
- <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY">
68
+ <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY" dvInputOnly>
69
69
  <span slot="ariaLabel.bib.close">Close Calendar</span>
70
70
  <span slot="label">Dates</span>
71
71
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
72
72
  <span slot="fromLabel">Choose a date</span>
73
73
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
74
- <span slot="displayValue">Aug 01–Aug 06</span>
75
74
  </auro-datepicker>
76
75
  <!-- AURO-GENERATED-CONTENT:END -->
77
76
  </div>
78
77
  <div class="exampleWrapper--ondark">
79
78
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark-range.html) -->
80
79
  <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
81
- <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY">
80
+ <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY" dvInputOnly>
82
81
  <span slot="ariaLabel.bib.close">Close Calendar</span>
83
82
  <span slot="label">Dates</span>
84
83
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
85
84
  <span slot="fromLabel">Choose a date</span>
86
85
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
87
- <span slot="displayValue">Aug 01–Aug 06</span>
88
86
  </auro-datepicker>
89
87
  <!-- AURO-GENERATED-CONTENT:END -->
90
88
  </div>
@@ -94,13 +92,12 @@ The `<auro-datepicker>` element should be used in situations where users may:
94
92
  <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
95
93
 
96
94
  ```html
97
- <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY">
95
+ <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY" dvInputOnly>
98
96
  <span slot="ariaLabel.bib.close">Close Calendar</span>
99
97
  <span slot="label">Dates</span>
100
98
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
101
99
  <span slot="fromLabel">Choose a date</span>
102
100
  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
103
- <span slot="displayValue">Aug 01–Aug 06</span>
104
101
  </auro-datepicker>
105
102
  ```
106
103
  <!-- AURO-GENERATED-CONTENT:END -->
package/components/datepicker/demo/index.min.js CHANGED
@@ -28069,7 +28069,7 @@ class AuroDatePicker extends AuroElement$1 {
28069
28069
  /**
28070
28070
  * @private
28071
28071
  */
28072
- this.hasDisplayValueContent = false;
28072
+ this.hasDisplayValueContent = true;
28073
28073
 
28074
28074
  /**
28075
28075
  * @private
@@ -29389,7 +29389,11 @@ class AuroDatePicker extends AuroElement$1 {
29389
29389
  ${this.renderHtmlInputs()}
29390
29390
  </div>
29391
29391
  <div class="${e$3(this.commonDisplayValueWrapperClasses)}">
29392
- <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}></slot>
29392
+ <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}>
29393
+ <span>
29394
+ ${this.formatShortDate(this.value)}${this.range ? u$3`–${this.formatShortDate(this.valueEnd)}` : undefined}
29395
+ </span>
29396
+ </slot>
29393
29397
  </div>
29394
29398
  </div>
29395
29399
  <div class="accents right ${e$3(accentsClassMap)}">
package/components/datepicker/dist/index.js CHANGED
@@ -27994,7 +27994,7 @@ class AuroDatePicker extends AuroElement$1 {
27994
27994
  /**
27995
27995
  * @private
27996
27996
  */
27997
- this.hasDisplayValueContent = false;
27997
+ this.hasDisplayValueContent = true;
27998
27998
 
27999
27999
  /**
28000
28000
  * @private
@@ -29314,7 +29314,11 @@ class AuroDatePicker extends AuroElement$1 {
29314
29314
  ${this.renderHtmlInputs()}
29315
29315
  </div>
29316
29316
  <div class="${classMap(this.commonDisplayValueWrapperClasses)}">
29317
- <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}></slot>
29317
+ <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}>
29318
+ <span>
29319
+ ${this.formatShortDate(this.value)}${this.range ? html$1`–${this.formatShortDate(this.valueEnd)}` : undefined}
29320
+ </span>
29321
+ </slot>
29318
29322
  </div>
29319
29323
  </div>
29320
29324
  <div class="accents right ${classMap(accentsClassMap)}">
package/components/datepicker/dist/registered.js CHANGED
@@ -27994,7 +27994,7 @@ class AuroDatePicker extends AuroElement$1 {
27994
27994
  /**
27995
27995
  * @private
27996
27996
  */
27997
- this.hasDisplayValueContent = false;
27997
+ this.hasDisplayValueContent = true;
27998
27998
 
27999
27999
  /**
28000
28000
  * @private
@@ -29314,7 +29314,11 @@ class AuroDatePicker extends AuroElement$1 {
29314
29314
  ${this.renderHtmlInputs()}
29315
29315
  </div>
29316
29316
  <div class="${classMap(this.commonDisplayValueWrapperClasses)}">
29317
- <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}></slot>
29317
+ <slot name="displayValue" @slotchange=${this.checkDisplayValueSlotChange}>
29318
+ <span>
29319
+ ${this.formatShortDate(this.value)}${this.range ? html$1`–${this.formatShortDate(this.valueEnd)}` : undefined}
29320
+ </span>
29321
+ </slot>
29318
29322
  </div>
29319
29323
  </div>
29320
29324
  <div class="accents right ${classMap(accentsClassMap)}">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr1118.1",
3
+ "version": "0.0.0-pr1120.0",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {