carbon-components-angular 5.22.0 → 5.22.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 (64) hide show
  1. package/docs/documentation/components/DatePicker.html +61 -75
  2. package/docs/documentation/js/search/search_index.js +2 -2
  3. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  4. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  5. package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
  7. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +7 -7
  8. package/docs/documentation/modules/DatePickerInputModule.html +7 -7
  9. package/docs/documentation/modules/DatePickerModule/dependencies.svg +53 -57
  10. package/docs/documentation/modules/DatePickerModule.html +53 -57
  11. package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
  12. package/docs/documentation/modules/DialogModule.html +34 -34
  13. package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
  14. package/docs/documentation/modules/GridModule.html +60 -60
  15. package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/LoadingModule.html +4 -4
  17. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/NFormsModule.html +4 -4
  19. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  20. package/docs/documentation/modules/NumberModule.html +4 -4
  21. package/docs/documentation/modules/ProgressIndicatorModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
  23. package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/RadioModule.html +4 -4
  25. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  26. package/docs/documentation/modules/SearchModule.html +4 -4
  27. package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
  28. package/docs/documentation/modules/SelectModule.html +58 -58
  29. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  30. package/docs/documentation/modules/SliderModule.html +4 -4
  31. package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
  32. package/docs/documentation/modules/StructuredListModule.html +66 -66
  33. package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
  34. package/docs/documentation/modules/TabsModule.html +69 -69
  35. package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
  36. package/docs/documentation/modules/TagModule.html +4 -4
  37. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  38. package/docs/documentation/modules/ThemeModule.html +4 -4
  39. package/docs/documentation/modules/TilesModule/dependencies.svg +99 -99
  40. package/docs/documentation/modules/TilesModule.html +99 -99
  41. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +49 -45
  42. package/docs/documentation/modules/TimePickerSelectModule.html +49 -45
  43. package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
  44. package/docs/documentation/modules/ToggleModule.html +4 -4
  45. package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
  46. package/docs/documentation/modules/ToggletipModule.html +37 -37
  47. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  48. package/docs/documentation/modules/TooltipModule.html +4 -4
  49. package/docs/documentation/modules/TreeviewModule/dependencies.svg +34 -34
  50. package/docs/documentation/modules/TreeviewModule.html +34 -34
  51. package/docs/documentation.json +24 -24
  52. package/docs/storybook/datepicker-datepicker-stories.1d3d1000.iframe.bundle.js +1 -0
  53. package/docs/storybook/iframe.html +2 -2
  54. package/docs/storybook/main.f61a9bb7.iframe.bundle.js +1 -0
  55. package/docs/storybook/project.json +1 -1
  56. package/docs/storybook/{runtime~main.2883decf.iframe.bundle.js → runtime~main.6a22a4e9.iframe.bundle.js} +1 -1
  57. package/esm2020/datepicker/datepicker.component.mjs +2 -9
  58. package/fesm2015/carbon-components-angular-datepicker.mjs +1 -8
  59. package/fesm2015/carbon-components-angular-datepicker.mjs.map +1 -1
  60. package/fesm2020/carbon-components-angular-datepicker.mjs +1 -8
  61. package/fesm2020/carbon-components-angular-datepicker.mjs.map +1 -1
  62. package/package.json +1 -1
  63. package/docs/storybook/datepicker-datepicker-stories.96effc6c.iframe.bundle.js +0 -1
  64. package/docs/storybook/main.d4ed0d37.iframe.bundle.js +0 -1
package/docs/documentation/components/DatePicker.html CHANGED
@@ -509,7 +509,7 @@
509
509
  </tr>
510
510
  <tr>
511
511
  <td class="col-md-4">
512
- <div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/datepicker/datepicker.component.ts:297</a></div>
512
+ <div class="io-line">Defined in <a href="" data-line="290" class="link-to-prism">src/datepicker/datepicker.component.ts:290</a></div>
513
513
  </td>
514
514
  </tr>
515
515
 
@@ -1343,8 +1343,8 @@ Emits an event when date picker closes</p>
1343
1343
 
1344
1344
  <tr>
1345
1345
  <td class="col-md-4">
1346
- <div class="io-line">Defined in <a href="" data-line="355"
1347
- class="link-to-prism">src/datepicker/datepicker.component.ts:355</a></div>
1346
+ <div class="io-line">Defined in <a href="" data-line="348"
1347
+ class="link-to-prism">src/datepicker/datepicker.component.ts:348</a></div>
1348
1348
  </td>
1349
1349
  </tr>
1350
1350
 
@@ -1371,8 +1371,8 @@ Emits an event when date picker closes</p>
1371
1371
 
1372
1372
  <tr>
1373
1373
  <td class="col-md-4">
1374
- <div class="io-line">Defined in <a href="" data-line="370"
1375
- class="link-to-prism">src/datepicker/datepicker.component.ts:370</a></div>
1374
+ <div class="io-line">Defined in <a href="" data-line="363"
1375
+ class="link-to-prism">src/datepicker/datepicker.component.ts:363</a></div>
1376
1376
  </td>
1377
1377
  </tr>
1378
1378
 
@@ -1407,8 +1407,8 @@ Emits an event when date picker closes</p>
1407
1407
 
1408
1408
  <tr>
1409
1409
  <td class="col-md-4">
1410
- <div class="io-line">Defined in <a href="" data-line="478"
1411
- class="link-to-prism">src/datepicker/datepicker.component.ts:478</a></div>
1410
+ <div class="io-line">Defined in <a href="" data-line="471"
1411
+ class="link-to-prism">src/datepicker/datepicker.component.ts:471</a></div>
1412
1412
  </td>
1413
1413
  </tr>
1414
1414
 
@@ -1448,8 +1448,8 @@ Emits an event when date picker closes</p>
1448
1448
 
1449
1449
  <tr>
1450
1450
  <td class="col-md-4">
1451
- <div class="io-line">Defined in <a href="" data-line="675"
1452
- class="link-to-prism">src/datepicker/datepicker.component.ts:675</a></div>
1451
+ <div class="io-line">Defined in <a href="" data-line="668"
1452
+ class="link-to-prism">src/datepicker/datepicker.component.ts:668</a></div>
1453
1453
  </td>
1454
1454
  </tr>
1455
1455
 
@@ -1524,8 +1524,8 @@ Emits an event when date picker closes</p>
1524
1524
 
1525
1525
  <tr>
1526
1526
  <td class="col-md-4">
1527
- <div class="io-line">Defined in <a href="" data-line="652"
1528
- class="link-to-prism">src/datepicker/datepicker.component.ts:652</a></div>
1527
+ <div class="io-line">Defined in <a href="" data-line="645"
1528
+ class="link-to-prism">src/datepicker/datepicker.component.ts:645</a></div>
1529
1529
  </td>
1530
1530
  </tr>
1531
1531
 
@@ -1595,8 +1595,8 @@ Emits an event when date picker closes</p>
1595
1595
 
1596
1596
  <tr>
1597
1597
  <td class="col-md-4">
1598
- <div class="io-line">Defined in <a href="" data-line="682"
1599
- class="link-to-prism">src/datepicker/datepicker.component.ts:682</a></div>
1598
+ <div class="io-line">Defined in <a href="" data-line="675"
1599
+ class="link-to-prism">src/datepicker/datepicker.component.ts:675</a></div>
1600
1600
  </td>
1601
1601
  </tr>
1602
1602
 
@@ -1636,8 +1636,8 @@ Emits an event when date picker closes</p>
1636
1636
 
1637
1637
  <tr>
1638
1638
  <td class="col-md-4">
1639
- <div class="io-line">Defined in <a href="" data-line="701"
1640
- class="link-to-prism">src/datepicker/datepicker.component.ts:701</a></div>
1639
+ <div class="io-line">Defined in <a href="" data-line="694"
1640
+ class="link-to-prism">src/datepicker/datepicker.component.ts:694</a></div>
1641
1641
  </td>
1642
1642
  </tr>
1643
1643
 
@@ -1675,8 +1675,8 @@ Emits an event when date picker closes</p>
1675
1675
 
1676
1676
  <tr>
1677
1677
  <td class="col-md-4">
1678
- <div class="io-line">Defined in <a href="" data-line="341"
1679
- class="link-to-prism">src/datepicker/datepicker.component.ts:341</a></div>
1678
+ <div class="io-line">Defined in <a href="" data-line="334"
1679
+ class="link-to-prism">src/datepicker/datepicker.component.ts:334</a></div>
1680
1680
  </td>
1681
1681
  </tr>
1682
1682
 
@@ -1712,8 +1712,8 @@ Emits an event when date picker closes</p>
1712
1712
 
1713
1713
  <tr>
1714
1714
  <td class="col-md-4">
1715
- <div class="io-line">Defined in <a href="" data-line="332"
1716
- class="link-to-prism">src/datepicker/datepicker.component.ts:332</a></div>
1715
+ <div class="io-line">Defined in <a href="" data-line="325"
1716
+ class="link-to-prism">src/datepicker/datepicker.component.ts:325</a></div>
1717
1717
  </td>
1718
1718
  </tr>
1719
1719
 
@@ -1749,8 +1749,8 @@ Emits an event when date picker closes</p>
1749
1749
 
1750
1750
  <tr>
1751
1751
  <td class="col-md-4">
1752
- <div class="io-line">Defined in <a href="" data-line="315"
1753
- class="link-to-prism">src/datepicker/datepicker.component.ts:315</a></div>
1752
+ <div class="io-line">Defined in <a href="" data-line="308"
1753
+ class="link-to-prism">src/datepicker/datepicker.component.ts:308</a></div>
1754
1754
  </td>
1755
1755
  </tr>
1756
1756
 
@@ -1818,8 +1818,8 @@ Emits an event when date picker closes</p>
1818
1818
 
1819
1819
  <tr>
1820
1820
  <td class="col-md-4">
1821
- <div class="io-line">Defined in <a href="" data-line="413"
1822
- class="link-to-prism">src/datepicker/datepicker.component.ts:413</a></div>
1821
+ <div class="io-line">Defined in <a href="" data-line="406"
1822
+ class="link-to-prism">src/datepicker/datepicker.component.ts:406</a></div>
1823
1823
  </td>
1824
1824
  </tr>
1825
1825
 
@@ -1857,8 +1857,8 @@ Emits an event when date picker closes</p>
1857
1857
 
1858
1858
  <tr>
1859
1859
  <td class="col-md-4">
1860
- <div class="io-line">Defined in <a href="" data-line="304"
1861
- class="link-to-prism">src/datepicker/datepicker.component.ts:304</a></div>
1860
+ <div class="io-line">Defined in <a href="" data-line="297"
1861
+ class="link-to-prism">src/datepicker/datepicker.component.ts:297</a></div>
1862
1862
  </td>
1863
1863
  </tr>
1864
1864
 
@@ -1903,8 +1903,8 @@ Emits an event when date picker closes</p>
1903
1903
 
1904
1904
  <tr>
1905
1905
  <td class="col-md-4">
1906
- <div class="io-line">Defined in <a href="" data-line="355"
1907
- class="link-to-prism">src/datepicker/datepicker.component.ts:355</a></div>
1906
+ <div class="io-line">Defined in <a href="" data-line="348"
1907
+ class="link-to-prism">src/datepicker/datepicker.component.ts:348</a></div>
1908
1908
  </td>
1909
1909
  </tr>
1910
1910
 
@@ -1949,8 +1949,8 @@ Emits an event when date picker closes</p>
1949
1949
 
1950
1950
  <tr>
1951
1951
  <td class="col-md-4">
1952
- <div class="io-line">Defined in <a href="" data-line="370"
1953
- class="link-to-prism">src/datepicker/datepicker.component.ts:370</a></div>
1952
+ <div class="io-line">Defined in <a href="" data-line="363"
1953
+ class="link-to-prism">src/datepicker/datepicker.component.ts:363</a></div>
1954
1954
  </td>
1955
1955
  </tr>
1956
1956
 
@@ -1986,8 +1986,8 @@ Emits an event when date picker closes</p>
1986
1986
 
1987
1987
  <tr>
1988
1988
  <td class="col-md-4">
1989
- <div class="io-line">Defined in <a href="" data-line="436"
1990
- class="link-to-prism">src/datepicker/datepicker.component.ts:436</a></div>
1989
+ <div class="io-line">Defined in <a href="" data-line="429"
1990
+ class="link-to-prism">src/datepicker/datepicker.component.ts:429</a></div>
1991
1991
  </td>
1992
1992
  </tr>
1993
1993
 
@@ -2057,8 +2057,8 @@ Emits an event when date picker closes</p>
2057
2057
 
2058
2058
  <tr>
2059
2059
  <td class="col-md-4">
2060
- <div class="io-line">Defined in <a href="" data-line="421"
2061
- class="link-to-prism">src/datepicker/datepicker.component.ts:421</a></div>
2060
+ <div class="io-line">Defined in <a href="" data-line="414"
2061
+ class="link-to-prism">src/datepicker/datepicker.component.ts:414</a></div>
2062
2062
  </td>
2063
2063
  </tr>
2064
2064
 
@@ -2128,8 +2128,8 @@ Emits an event when date picker closes</p>
2128
2128
 
2129
2129
  <tr>
2130
2130
  <td class="col-md-4">
2131
- <div class="io-line">Defined in <a href="" data-line="447"
2132
- class="link-to-prism">src/datepicker/datepicker.component.ts:447</a></div>
2131
+ <div class="io-line">Defined in <a href="" data-line="440"
2132
+ class="link-to-prism">src/datepicker/datepicker.component.ts:440</a></div>
2133
2133
  </td>
2134
2134
  </tr>
2135
2135
 
@@ -2199,8 +2199,8 @@ Emits an event when date picker closes</p>
2199
2199
 
2200
2200
  <tr>
2201
2201
  <td class="col-md-4">
2202
- <div class="io-line">Defined in <a href="" data-line="398"
2203
- class="link-to-prism">src/datepicker/datepicker.component.ts:398</a></div>
2202
+ <div class="io-line">Defined in <a href="" data-line="391"
2203
+ class="link-to-prism">src/datepicker/datepicker.component.ts:391</a></div>
2204
2204
  </td>
2205
2205
  </tr>
2206
2206
 
@@ -2268,8 +2268,8 @@ Emits an event when date picker closes</p>
2268
2268
 
2269
2269
  <tr>
2270
2270
  <td class="col-md-4">
2271
- <div class="io-line">Defined in <a href="" data-line="402"
2272
- class="link-to-prism">src/datepicker/datepicker.component.ts:402</a></div>
2271
+ <div class="io-line">Defined in <a href="" data-line="395"
2272
+ class="link-to-prism">src/datepicker/datepicker.component.ts:395</a></div>
2273
2273
  </td>
2274
2274
  </tr>
2275
2275
 
@@ -2339,8 +2339,8 @@ Emits an event when date picker closes</p>
2339
2339
 
2340
2340
  <tr>
2341
2341
  <td class="col-md-4">
2342
- <div class="io-line">Defined in <a href="" data-line="529"
2343
- class="link-to-prism">src/datepicker/datepicker.component.ts:529</a></div>
2342
+ <div class="io-line">Defined in <a href="" data-line="522"
2343
+ class="link-to-prism">src/datepicker/datepicker.component.ts:522</a></div>
2344
2344
  </td>
2345
2345
  </tr>
2346
2346
 
@@ -2418,8 +2418,8 @@ Emits an event when date picker closes</p>
2418
2418
 
2419
2419
  <tr>
2420
2420
  <td class="col-md-4">
2421
- <div class="io-line">Defined in <a href="" data-line="690"
2422
- class="link-to-prism">src/datepicker/datepicker.component.ts:690</a></div>
2421
+ <div class="io-line">Defined in <a href="" data-line="683"
2422
+ class="link-to-prism">src/datepicker/datepicker.component.ts:683</a></div>
2423
2423
  </td>
2424
2424
  </tr>
2425
2425
 
@@ -2459,8 +2459,8 @@ Emits an event when date picker closes</p>
2459
2459
 
2460
2460
  <tr>
2461
2461
  <td class="col-md-4">
2462
- <div class="io-line">Defined in <a href="" data-line="602"
2463
- class="link-to-prism">src/datepicker/datepicker.component.ts:602</a></div>
2462
+ <div class="io-line">Defined in <a href="" data-line="595"
2463
+ class="link-to-prism">src/datepicker/datepicker.component.ts:595</a></div>
2464
2464
  </td>
2465
2465
  </tr>
2466
2466
 
@@ -2535,8 +2535,8 @@ Emits an event when date picker closes</p>
2535
2535
 
2536
2536
  <tr>
2537
2537
  <td class="col-md-4">
2538
- <div class="io-line">Defined in <a href="" data-line="394"
2539
- class="link-to-prism">src/datepicker/datepicker.component.ts:394</a></div>
2538
+ <div class="io-line">Defined in <a href="" data-line="387"
2539
+ class="link-to-prism">src/datepicker/datepicker.component.ts:387</a></div>
2540
2540
  </td>
2541
2541
  </tr>
2542
2542
 
@@ -2614,8 +2614,8 @@ Emits an event when date picker closes</p>
2614
2614
 
2615
2615
  <tr>
2616
2616
  <td class="col-md-4">
2617
- <div class="io-line">Defined in <a href="" data-line="590"
2618
- class="link-to-prism">src/datepicker/datepicker.component.ts:590</a></div>
2617
+ <div class="io-line">Defined in <a href="" data-line="583"
2618
+ class="link-to-prism">src/datepicker/datepicker.component.ts:583</a></div>
2619
2619
  </td>
2620
2620
  </tr>
2621
2621
 
@@ -2653,8 +2653,8 @@ Emits an event when date picker closes</p>
2653
2653
 
2654
2654
  <tr>
2655
2655
  <td class="col-md-4">
2656
- <div class="io-line">Defined in <a href="" data-line="467"
2657
- class="link-to-prism">src/datepicker/datepicker.component.ts:467</a></div>
2656
+ <div class="io-line">Defined in <a href="" data-line="460"
2657
+ class="link-to-prism">src/datepicker/datepicker.component.ts:460</a></div>
2658
2658
  </td>
2659
2659
  </tr>
2660
2660
 
@@ -2692,8 +2692,8 @@ Emits an event when date picker closes</p>
2692
2692
 
2693
2693
  <tr>
2694
2694
  <td class="col-md-4">
2695
- <div class="io-line">Defined in <a href="" data-line="545"
2696
- class="link-to-prism">src/datepicker/datepicker.component.ts:545</a></div>
2695
+ <div class="io-line">Defined in <a href="" data-line="538"
2696
+ class="link-to-prism">src/datepicker/datepicker.component.ts:538</a></div>
2697
2697
  </td>
2698
2698
  </tr>
2699
2699
 
@@ -2731,8 +2731,8 @@ Emits an event when date picker closes</p>
2731
2731
 
2732
2732
  <tr>
2733
2733
  <td class="col-md-4">
2734
- <div class="io-line">Defined in <a href="" data-line="378"
2735
- class="link-to-prism">src/datepicker/datepicker.component.ts:378</a></div>
2734
+ <div class="io-line">Defined in <a href="" data-line="371"
2735
+ class="link-to-prism">src/datepicker/datepicker.component.ts:371</a></div>
2736
2736
  </td>
2737
2737
  </tr>
2738
2738
 
@@ -2925,18 +2925,11 @@ Emits an event when date picker closes</p>
2925
2925
  // This makes sure that the &#x60;flatpickrInstance selectedDates&#x60; are in sync with the values of
2926
2926
  // the inputs when the calendar closes.
2927
2927
  if (this.range &amp;&amp; this.flatpickrInstance) {
2928
- if (this.flatpickrInstance.selectedDates.length !&#x3D;&#x3D; 2) {
2929
- // we could &#x60;this.flatpickrInstance.clear()&#x60; but it insists on opening the second picker
2930
- // in some cases, so instead we do this
2931
- this.setDateValues([]);
2932
- this.doSelect([]);
2933
- return;
2934
- }
2935
2928
  const inputValue &#x3D; this.input.input.nativeElement.value;
2936
2929
  const rangeInputValue &#x3D; this.rangeInput.input.nativeElement.value;
2937
2930
  if (inputValue || rangeInputValue) {
2938
2931
  const parseDate &#x3D; (date: string) &#x3D;&gt; this.flatpickrInstance.parseDate(date, this.dateFormat);
2939
- this.setDateValues([parseDate(inputValue), parseDate(rangeInputValue)]);
2932
+ this.setDateValues([parseDate(inputValue), parseDate(rangeInputValue || inputValue)]);
2940
2933
  this.doSelect(this.flatpickrInstance.selectedDates);
2941
2934
  }
2942
2935
  }
@@ -2985,7 +2978,7 @@ Emits an event when date picker closes</p>
2985
2978
  </tr>
2986
2979
  <tr>
2987
2980
  <td class="col-md-4">
2988
- <div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/datepicker/datepicker.component.ts:297</a></div>
2981
+ <div class="io-line">Defined in <a href="" data-line="290" class="link-to-prism">src/datepicker/datepicker.component.ts:290</a></div>
2989
2982
  </td>
2990
2983
  </tr>
2991
2984
 
@@ -3052,7 +3045,7 @@ Emits an event when date picker closes</p>
3052
3045
  </tr>
3053
3046
  <tr>
3054
3047
  <td class="col-md-4">
3055
- <div class="io-line">Defined in <a href="" data-line="406" class="link-to-prism">src/datepicker/datepicker.component.ts:406</a></div>
3048
+ <div class="io-line">Defined in <a href="" data-line="399" class="link-to-prism">src/datepicker/datepicker.component.ts:399</a></div>
3056
3049
  </td>
3057
3050
  </tr>
3058
3051
 
@@ -3078,7 +3071,7 @@ Emits an event when date picker closes</p>
3078
3071
  </tr>
3079
3072
  <tr>
3080
3073
  <td class="col-md-4">
3081
- <div class="io-line">Defined in <a href="" data-line="650" class="link-to-prism">src/datepicker/datepicker.component.ts:650</a></div>
3074
+ <div class="io-line">Defined in <a href="" data-line="643" class="link-to-prism">src/datepicker/datepicker.component.ts:643</a></div>
3082
3075
  </td>
3083
3076
  </tr>
3084
3077
 
@@ -3103,7 +3096,7 @@ Emits an event when date picker closes</p>
3103
3096
  </tr>
3104
3097
  <tr>
3105
3098
  <td class="col-md-4">
3106
- <div class="io-line">Defined in <a href="" data-line="408" class="link-to-prism">src/datepicker/datepicker.component.ts:408</a></div>
3099
+ <div class="io-line">Defined in <a href="" data-line="401" class="link-to-prism">src/datepicker/datepicker.component.ts:401</a></div>
3107
3100
  </td>
3108
3101
  </tr>
3109
3102
 
@@ -3566,18 +3559,11 @@ export class DatePicker implements
3566
3559
  // This makes sure that the &#x60;flatpickrInstance selectedDates&#x60; are in sync with the values of
3567
3560
  // the inputs when the calendar closes.
3568
3561
  if (this.range &amp;&amp; this.flatpickrInstance) {
3569
- if (this.flatpickrInstance.selectedDates.length !&#x3D;&#x3D; 2) {
3570
- // we could &#x60;this.flatpickrInstance.clear()&#x60; but it insists on opening the second picker
3571
- // in some cases, so instead we do this
3572
- this.setDateValues([]);
3573
- this.doSelect([]);
3574
- return;
3575
- }
3576
3562
  const inputValue &#x3D; this.input.input.nativeElement.value;
3577
3563
  const rangeInputValue &#x3D; this.rangeInput.input.nativeElement.value;
3578
3564
  if (inputValue || rangeInputValue) {
3579
3565
  const parseDate &#x3D; (date: string) &#x3D;&gt; this.flatpickrInstance.parseDate(date, this.dateFormat);
3580
- this.setDateValues([parseDate(inputValue), parseDate(rangeInputValue)]);
3566
+ this.setDateValues([parseDate(inputValue), parseDate(rangeInputValue || inputValue)]);
3581
3567
  this.doSelect(this.flatpickrInstance.selectedDates);
3582
3568
  }
3583
3569
  }