carbon-components-angular 5.61.0 → 5.61.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.
Files changed (30) hide show
  1. package/docs/documentation/components/DatePicker.html +24 -21
  2. package/docs/documentation/js/search/search_index.js +2 -2
  3. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  4. package/docs/documentation/modules/TagModule.html +4 -4
  5. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/ThemeModule.html +4 -4
  7. package/docs/documentation/modules/TimePickerModule/dependencies.svg +40 -36
  8. package/docs/documentation/modules/TimePickerModule.html +40 -36
  9. package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
  10. package/docs/documentation/modules/ToggleModule.html +41 -45
  11. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  12. package/docs/documentation/modules/ToggletipModule.html +37 -37
  13. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  14. package/docs/documentation/modules/TooltipModule.html +4 -4
  15. package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
  16. package/docs/documentation/modules/TreeviewModule.html +36 -36
  17. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/UIShellModule.html +4 -4
  19. package/docs/documentation.json +30 -30
  20. package/docs/storybook/{datepicker-datepicker-stories.de27eb4c.iframe.bundle.js → datepicker-datepicker-stories.f8d8ab21.iframe.bundle.js} +1 -1
  21. package/docs/storybook/iframe.html +2 -2
  22. package/docs/storybook/{main.be15134b.iframe.bundle.js → main.cd96fcb5.iframe.bundle.js} +1 -1
  23. package/docs/storybook/project.json +1 -1
  24. package/docs/storybook/{runtime~main.5491fa20.iframe.bundle.js → runtime~main.9a552d4e.iframe.bundle.js} +1 -1
  25. package/esm2020/datepicker/datepicker.component.mjs +6 -3
  26. package/fesm2015/carbon-components-angular-datepicker.mjs +5 -2
  27. package/fesm2015/carbon-components-angular-datepicker.mjs.map +1 -1
  28. package/fesm2020/carbon-components-angular-datepicker.mjs +5 -2
  29. package/fesm2020/carbon-components-angular-datepicker.mjs.map +1 -1
  30. package/package.json +1 -1
package/docs/documentation/components/DatePicker.html CHANGED
@@ -1546,8 +1546,8 @@ Emits an event when date picker closes</p>
1546
1546
 
1547
1547
  <tr>
1548
1548
  <td class="col-md-4">
1549
- <div class="io-line">Defined in <a href="" data-line="691"
1550
- class="link-to-prism">src/datepicker/datepicker.component.ts:691</a></div>
1549
+ <div class="io-line">Defined in <a href="" data-line="694"
1550
+ class="link-to-prism">src/datepicker/datepicker.component.ts:694</a></div>
1551
1551
  </td>
1552
1552
  </tr>
1553
1553
 
@@ -1620,8 +1620,8 @@ Emits an event when date picker closes</p>
1620
1620
 
1621
1621
  <tr>
1622
1622
  <td class="col-md-4">
1623
- <div class="io-line">Defined in <a href="" data-line="668"
1624
- class="link-to-prism">src/datepicker/datepicker.component.ts:668</a></div>
1623
+ <div class="io-line">Defined in <a href="" data-line="671"
1624
+ class="link-to-prism">src/datepicker/datepicker.component.ts:671</a></div>
1625
1625
  </td>
1626
1626
  </tr>
1627
1627
 
@@ -1689,8 +1689,8 @@ Emits an event when date picker closes</p>
1689
1689
 
1690
1690
  <tr>
1691
1691
  <td class="col-md-4">
1692
- <div class="io-line">Defined in <a href="" data-line="698"
1693
- class="link-to-prism">src/datepicker/datepicker.component.ts:698</a></div>
1692
+ <div class="io-line">Defined in <a href="" data-line="701"
1693
+ class="link-to-prism">src/datepicker/datepicker.component.ts:701</a></div>
1694
1694
  </td>
1695
1695
  </tr>
1696
1696
 
@@ -1730,8 +1730,8 @@ Emits an event when date picker closes</p>
1730
1730
 
1731
1731
  <tr>
1732
1732
  <td class="col-md-4">
1733
- <div class="io-line">Defined in <a href="" data-line="717"
1734
- class="link-to-prism">src/datepicker/datepicker.component.ts:717</a></div>
1733
+ <div class="io-line">Defined in <a href="" data-line="720"
1734
+ class="link-to-prism">src/datepicker/datepicker.component.ts:720</a></div>
1735
1735
  </td>
1736
1736
  </tr>
1737
1737
 
@@ -2421,8 +2421,8 @@ Emits an event when date picker closes</p>
2421
2421
 
2422
2422
  <tr>
2423
2423
  <td class="col-md-4">
2424
- <div class="io-line">Defined in <a href="" data-line="545"
2425
- class="link-to-prism">src/datepicker/datepicker.component.ts:545</a></div>
2424
+ <div class="io-line">Defined in <a href="" data-line="547"
2425
+ class="link-to-prism">src/datepicker/datepicker.component.ts:547</a></div>
2426
2426
  </td>
2427
2427
  </tr>
2428
2428
 
@@ -2498,8 +2498,8 @@ Emits an event when date picker closes</p>
2498
2498
 
2499
2499
  <tr>
2500
2500
  <td class="col-md-4">
2501
- <div class="io-line">Defined in <a href="" data-line="706"
2502
- class="link-to-prism">src/datepicker/datepicker.component.ts:706</a></div>
2501
+ <div class="io-line">Defined in <a href="" data-line="709"
2502
+ class="link-to-prism">src/datepicker/datepicker.component.ts:709</a></div>
2503
2503
  </td>
2504
2504
  </tr>
2505
2505
 
@@ -2539,8 +2539,8 @@ Emits an event when date picker closes</p>
2539
2539
 
2540
2540
  <tr>
2541
2541
  <td class="col-md-4">
2542
- <div class="io-line">Defined in <a href="" data-line="618"
2543
- class="link-to-prism">src/datepicker/datepicker.component.ts:618</a></div>
2542
+ <div class="io-line">Defined in <a href="" data-line="621"
2543
+ class="link-to-prism">src/datepicker/datepicker.component.ts:621</a></div>
2544
2544
  </td>
2545
2545
  </tr>
2546
2546
 
@@ -2690,8 +2690,8 @@ Emits an event when date picker closes</p>
2690
2690
 
2691
2691
  <tr>
2692
2692
  <td class="col-md-4">
2693
- <div class="io-line">Defined in <a href="" data-line="606"
2694
- class="link-to-prism">src/datepicker/datepicker.component.ts:606</a></div>
2693
+ <div class="io-line">Defined in <a href="" data-line="609"
2694
+ class="link-to-prism">src/datepicker/datepicker.component.ts:609</a></div>
2695
2695
  </td>
2696
2696
  </tr>
2697
2697
 
@@ -2768,8 +2768,8 @@ Emits an event when date picker closes</p>
2768
2768
 
2769
2769
  <tr>
2770
2770
  <td class="col-md-4">
2771
- <div class="io-line">Defined in <a href="" data-line="561"
2772
- class="link-to-prism">src/datepicker/datepicker.component.ts:561</a></div>
2771
+ <div class="io-line">Defined in <a href="" data-line="563"
2772
+ class="link-to-prism">src/datepicker/datepicker.component.ts:563</a></div>
2773
2773
  </td>
2774
2774
  </tr>
2775
2775
 
@@ -3145,7 +3145,7 @@ Emits an event when date picker closes</p>
3145
3145
  </tr>
3146
3146
  <tr>
3147
3147
  <td class="col-md-4">
3148
- <div class="io-line">Defined in <a href="" data-line="666" class="link-to-prism">src/datepicker/datepicker.component.ts:666</a></div>
3148
+ <div class="io-line">Defined in <a href="" data-line="669" class="link-to-prism">src/datepicker/datepicker.component.ts:669</a></div>
3149
3149
  </td>
3150
3150
  </tr>
3151
3151
 
@@ -3874,9 +3874,11 @@ export class DatePicker implements
3874
3874
 
3875
3875
  const calendarContainer &#x3D; this.flatpickrInstance.calendarContainer;
3876
3876
  const dayElement &#x3D; calendarContainer &amp;&amp; calendarContainer.querySelector(&quot;.flatpickr-day[tabindex]&quot;);
3877
+ const selectedDateElem &#x3D; calendarContainer &amp;&amp; calendarContainer.querySelector(&#x27;.selected&#x27;);
3878
+ const todayDateElem &#x3D; calendarContainer &amp;&amp; calendarContainer.querySelector(&#x27;.today&#x27;);
3877
3879
 
3878
3880
  if (dayElement) {
3879
- dayElement.focus();
3881
+ (todayDateElem || selectedDateElem || dayElement).focus();
3880
3882
 
3881
3883
  // If the user manually inputs a value into the date field and presses arrow down,
3882
3884
  // datepicker input onchange will be triggered when focus is removed from it and
@@ -3955,6 +3957,7 @@ export class DatePicker implements
3955
3957
 
3956
3958
  // add day classes and special case the &quot;today&quot; element based on &#x60;this.value&#x60;
3957
3959
  Array.from(dayContainer).forEach(element &#x3D;&gt; {
3960
+ element.setAttribute(&#x27;role&#x27;, &#x27;button&#x27;);
3958
3961
  element.classList.add(&quot;cds--date-picker__day&quot;);
3959
3962
  if (!this.value) {
3960
3963
  return;
@@ -3970,7 +3973,7 @@ export class DatePicker implements
3970
3973
  protected updateAttributes() {
3971
3974
  const calendarContainer &#x3D; document.querySelectorAll(&quot;.flatpickr-calendar&quot;);
3972
3975
  Array.from(calendarContainer).forEach(calendar &#x3D;&gt; {
3973
- calendar.setAttribute(&quot;role&quot;, &quot;region&quot;);
3976
+ calendar.setAttribute(&quot;role&quot;, &quot;application&quot;);
3974
3977
  calendar.setAttribute(&quot;aria-label&quot;, this.ariaLabel);
3975
3978
  });
3976
3979
  }