carbon-components-angular 3.31.0 → 3.31.1

package/docs/documentation/components/DatePickerInput.html

@@ -94,42 +94,43 @@
 
             <tr>
                 <td class="col-md-3">template</td>
-                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;bx--form-item&quot;&gt;
-	&lt;div class&#x3D;&quot;bx--date-picker&quot;
-		[ngClass]&#x3D;&quot;{
-			&#x27;bx--date-picker--single&#x27; : type &#x3D;&#x3D;&#x3D; &#x27;single&#x27;,
-			&#x27;bx--date-picker--range&#x27; : type &#x3D;&#x3D;&#x3D; &#x27;range&#x27;,
-			&#x27;bx--date-picker--light&#x27; : theme &#x3D;&#x3D;&#x3D; &#x27;light&#x27;,
-			&#x27;bx--skeleton&#x27; : skeleton
-		}&quot;&gt;
-		&lt;div class&#x3D;&quot;bx--date-picker-container&quot;&gt;
-			&lt;label *ngIf&#x3D;&quot;label&quot; [for]&#x3D;&quot;id&quot; class&#x3D;&quot;bx--label&quot;&gt;
-				&lt;ng-container *ngIf&#x3D;&quot;!isTemplate(label)&quot;&gt;{{label}}&lt;/ng-container&gt;
-				&lt;ng-template *ngIf&#x3D;&quot;isTemplate(label)&quot; [ngTemplateOutlet]&#x3D;&quot;label&quot;&gt;&lt;/ng-template&gt;
-			&lt;/label&gt;
-			&lt;div class&#x3D;&quot;bx--date-picker-input__wrapper&quot;&gt;
-				&lt;input
-					*ngIf&#x3D;&quot;!skeleton&quot;
-					autocomplete&#x3D;&quot;off&quot;
-					type&#x3D;&quot;text&quot;
-					class&#x3D;&quot;bx--date-picker__input&quot;
-					[value]&#x3D;&quot;value&quot;
-					[pattern]&#x3D;&quot;pattern&quot;
-					[placeholder]&#x3D;&quot;placeholder&quot;
-					[id]&#x3D; &quot;id&quot;
-					[disabled]&#x3D;&quot;disabled&quot;
-					(change)&#x3D;&quot;onChange($event)&quot;/&gt;
-					&lt;ibm-icon-calendar16 class&#x3D;&quot;bx--date-picker__icon&quot;&gt;
-					&lt;/ibm-icon-calendar16&gt;
-			&lt;/div&gt;
-			&lt;div *ngIf&#x3D;&quot;invalid&quot; class&#x3D;&quot;bx--form-requirement&quot;&gt;
-				&lt;ng-container *ngIf&#x3D;&quot;!isTemplate(invalidText)&quot;&gt;{{invalidText}}&lt;/ng-container&gt;
-				&lt;ng-template *ngIf&#x3D;&quot;isTemplate(invalidText)&quot; [ngTemplateOutlet]&#x3D;&quot;invalidText&quot;&gt;&lt;/ng-template&gt;
+                <td class="col-md-9"><pre class="line-numbers"><code class="language-html">	&lt;div class&#x3D;&quot;bx--form-item&quot;&gt;
+		&lt;div class&#x3D;&quot;bx--date-picker&quot;
+			[ngClass]&#x3D;&quot;{
+				&#x27;bx--date-picker--single&#x27; : type &#x3D;&#x3D;&#x3D; &#x27;single&#x27;,
+				&#x27;bx--date-picker--range&#x27; : type &#x3D;&#x3D;&#x3D; &#x27;range&#x27;,
+				&#x27;bx--date-picker--light&#x27; : theme &#x3D;&#x3D;&#x3D; &#x27;light&#x27;,
+				&#x27;bx--skeleton&#x27; : skeleton
+			}&quot;&gt;
+			&lt;div class&#x3D;&quot;bx--date-picker-container&quot;&gt;
+				&lt;label *ngIf&#x3D;&quot;label&quot; [for]&#x3D;&quot;id&quot; class&#x3D;&quot;bx--label&quot;&gt;
+					&lt;ng-container *ngIf&#x3D;&quot;!isTemplate(label)&quot;&gt;{{label}}&lt;/ng-container&gt;
+					&lt;ng-template *ngIf&#x3D;&quot;isTemplate(label)&quot; [ngTemplateOutlet]&#x3D;&quot;label&quot;&gt;&lt;/ng-template&gt;
+				&lt;/label&gt;
+				&lt;div class&#x3D;&quot;bx--date-picker-input__wrapper&quot;&gt;
+					&lt;input
+						#input
+						*ngIf&#x3D;&quot;!skeleton&quot;
+						autocomplete&#x3D;&quot;off&quot;
+						type&#x3D;&quot;text&quot;
+						class&#x3D;&quot;bx--date-picker__input&quot;
+						[value]&#x3D;&quot;value&quot;
+						[pattern]&#x3D;&quot;pattern&quot;
+						[placeholder]&#x3D;&quot;placeholder&quot;
+						[id]&#x3D; &quot;id&quot;
+						[disabled]&#x3D;&quot;disabled&quot;
+						(change)&#x3D;&quot;onChange($event)&quot;/&gt;
+						&lt;ibm-icon-calendar16 class&#x3D;&quot;bx--date-picker__icon&quot;&gt;
+						&lt;/ibm-icon-calendar16&gt;
+				&lt;/div&gt;
+				&lt;div *ngIf&#x3D;&quot;invalid&quot; class&#x3D;&quot;bx--form-requirement&quot;&gt;
+					&lt;ng-container *ngIf&#x3D;&quot;!isTemplate(invalidText)&quot;&gt;{{invalidText}}&lt;/ng-container&gt;
+					&lt;ng-template *ngIf&#x3D;&quot;isTemplate(invalidText)&quot; [ngTemplateOutlet]&#x3D;&quot;invalidText&quot;&gt;&lt;/ng-template&gt;
+				&lt;/div&gt;
 			&lt;/div&gt;
 		&lt;/div&gt;
-	&lt;/div&gt;
 &lt;/div&gt;
-</code></pre></td>
+	</code></pre></td>
             </tr>
 
 
@@ -161,6 +162,9 @@
                                     <span class="modifier">Static</span>
                                 <a href="#datePickerCount">datePickerCount</a>
                             </li>
+                            <li>
+                                <a href="#input">input</a>
+                            </li>
                             <li>
                                 <a href="#onTouched">onTouched</a>
                             </li>
@@ -282,7 +286,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:89</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:92</a></div>
                             </td>
                         </tr>
 
@@ -337,7 +341,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="81" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:81</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="82" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:82</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -357,7 +361,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:69</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:70</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -377,7 +381,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:67</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:68</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -397,7 +401,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:83</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:84</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -418,7 +422,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:85</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="86" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:86</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -439,7 +443,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:71</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:72</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -459,7 +463,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="75" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:75</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:76</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -479,7 +483,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="73" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:73</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="74" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:74</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -499,7 +503,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:87</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="88" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:88</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -523,7 +527,7 @@
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="79" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:79</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="80" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:80</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -550,7 +554,7 @@ Internal purposes only.</p>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="65" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:65</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:66</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -570,7 +574,7 @@ Internal purposes only.</p>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:89</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="90" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:90</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -592,7 +596,7 @@ Internal purposes only.</p>
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:77</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="78" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:78</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -629,7 +633,7 @@ Internal purposes only.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:116</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:119</a></div>
                             </td>
                         </tr>
 
@@ -694,7 +698,7 @@ Internal purposes only.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="93" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:93</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:96</a></div>
                             </td>
                         </tr>
 
@@ -761,7 +765,7 @@ Internal purposes only.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="104" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:104</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:107</a></div>
                             </td>
                         </tr>
 
@@ -832,7 +836,7 @@ Internal purposes only.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="108" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:108</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:111</a></div>
                             </td>
                         </tr>
 
@@ -903,7 +907,7 @@ Internal purposes only.</p>
 
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="100" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:100</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:103</a></div>
                             </td>
                         </tr>
 
@@ -991,7 +995,50 @@ Internal purposes only.</p>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:59</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:61</a></div>
+                            </td>
+                        </tr>
+
+
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="input"></a>
+                        <span class="name">
+                            <b>
+                            input
+                            </b>
+                            <a href="#input"><span class="icon ion-ios-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <code>input:     <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <b>Decorators : </b>
+                            <br />
+                            <code>
+                                @ViewChild(&#x27;input&#x27;)<br />
+                            </code>
+                        </td>
+                    </tr>
+                        <tr>
+                            <td class="col-md-4">
+                                    <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:92</a></div>
                             </td>
                         </tr>
 
@@ -1030,7 +1077,7 @@ Internal purposes only.</p>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="112" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:112</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="115" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:115</a></div>
                             </td>
                         </tr>
 
@@ -1063,7 +1110,7 @@ Internal purposes only.</p>
                     </tr>
                         <tr>
                             <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="114" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:114</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/datepicker-input/datepicker-input.component.ts:117</a></div>
                             </td>
                         </tr>
 
@@ -1082,7 +1129,8 @@ Internal purposes only.</p>
 	Output,
 	EventEmitter,
 	ElementRef,
-	TemplateRef
+	TemplateRef,
+	ViewChild
 } from &quot;@angular/core&quot;;
 import { NG_VALUE_ACCESSOR } from &quot;@angular/forms&quot;;
 
@@ -1104,6 +1152,7 @@ import { NG_VALUE_ACCESSOR } from &quot;@angular/forms&quot;;
 				&lt;/label&gt;
 				&lt;div class&#x3D;&quot;bx--date-picker-input__wrapper&quot;&gt;
 					&lt;input
+						#input
 						*ngIf&#x3D;&quot;!skeleton&quot;
 						autocomplete&#x3D;&quot;off&quot;
 						type&#x3D;&quot;text&quot;
@@ -1123,7 +1172,7 @@ import { NG_VALUE_ACCESSOR } from &quot;@angular/forms&quot;;
 				&lt;/div&gt;
 			&lt;/div&gt;
 		&lt;/div&gt;
-	&lt;/div&gt;
+&lt;/div&gt;
 	&#x60;,
 	providers: [
 		{
@@ -1135,7 +1184,6 @@ import { NG_VALUE_ACCESSOR } from &quot;@angular/forms&quot;;
 })
 export class DatePickerInput {
 	private static datePickerCount &#x3D; 0;
-
 	/**
 	 * Select a calendar type for the &#x60;model&#x60;.
 	 * Internal purposes only.
@@ -1166,6 +1214,8 @@ export class DatePickerInput {
 
 	@Input() value &#x3D; &quot;&quot;;
 
+	@ViewChild(&quot;input&quot;) input: ElementRef;
+
 	constructor(protected elementRef: ElementRef) {}
 
 	onChange(event) {
@@ -1225,7 +1275,7 @@ export class DatePickerInput {
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div class="bx--form-item">	<div class="bx--date-picker"		[ngClass]="{			\'bx--date-picker--single\' : type === \'single\',			\'bx--date-picker--range\' : type === \'range\',			\'bx--date-picker--light\' : theme === \'light\',			\'bx--skeleton\' : skeleton		}">		<div class="bx--date-picker-container">			<label *ngIf="label" [for]="id" class="bx--label">				<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>				<ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>			</label>			<div class="bx--date-picker-input__wrapper">				<input					*ngIf="!skeleton"					autocomplete="off"					type="text"					class="bx--date-picker__input"					[value]="value"					[pattern]="pattern"					[placeholder]="placeholder"					[id]= "id"					[disabled]="disabled"					(change)="onChange($event)"/>					<ibm-icon-calendar16 class="bx--date-picker__icon">					</ibm-icon-calendar16>			</div>			<div *ngIf="invalid" class="bx--form-requirement">				<ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>				<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>			</div>		</div>	</div></div></div>'
+        var COMPONENT_TEMPLATE = '<div>	<div class="bx--form-item">		<div class="bx--date-picker"			[ngClass]="{				\'bx--date-picker--single\' : type === \'single\',				\'bx--date-picker--range\' : type === \'range\',				\'bx--date-picker--light\' : theme === \'light\',				\'bx--skeleton\' : skeleton			}">			<div class="bx--date-picker-container">				<label *ngIf="label" [for]="id" class="bx--label">					<ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>					<ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>				</label>				<div class="bx--date-picker-input__wrapper">					<input						#input						*ngIf="!skeleton"						autocomplete="off"						type="text"						class="bx--date-picker__input"						[value]="value"						[pattern]="pattern"						[placeholder]="placeholder"						[id]= "id"						[disabled]="disabled"						(change)="onChange($event)"/>						<ibm-icon-calendar16 class="bx--date-picker__icon">						</ibm-icon-calendar16>				</div>				<div *ngIf="invalid" class="bx--form-requirement">					<ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>					<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>				</div>			</div>		</div></div>	</div>'
     var COMPONENTS = [{'name': 'Accordion', 'selector': 'ibm-accordion'},{'name': 'AccordionItem', 'selector': 'ibm-accordion-item'},{'name': 'AlertModal', 'selector': 'ibm-alert-modal'},{'name': 'Breadcrumb', 'selector': 'ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'ibm-breadcrumb-item'},{'name': 'Checkbox', 'selector': 'ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'ibm-combo-box'},{'name': 'ContentSwitcher', 'selector': 'ibm-content-switcher'},{'name': 'DatePicker', 'selector': 'ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'ibm-dialog'},{'name': 'DialogPlaceholder', 'selector': 'ibm-dialog-placeholder'},{'name': 'Documentation', 'selector': 'ibm-documentation'},{'name': 'Dropdown', 'selector': 'ibm-dropdown'},{'name': 'DropdownList', 'selector': 'ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'ibm-expandable-tile'},{'name': 'File', 'selector': 'ibm-file'},{'name': 'FileUploader', 'selector': 'ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'ibm-hamburger'},{'name': 'Header', 'selector': 'ibm-header'},{'name': 'HeaderAction', 'selector': 'ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'ibm-header-global'},{'name': 'HeaderItem', 'selector': 'ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'ibm-header-navigation'},{'name': 'InlineLoading', 'selector': 'ibm-inline-loading'},{'name': 'Label', 'selector': 'ibm-label'},{'name': 'ListColumn', 'selector': 'ibm-list-column'},{'name': 'ListHeader', 'selector': 'ibm-list-header'},{'name': 'ListRow', 'selector': 'ibm-list-row'},{'name': 'Loading', 'selector': 'ibm-loading'},{'name': 'Modal', 'selector': 'ibm-modal'},{'name': 'ModalFooter', 'selector': 'ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'ibm-modal-header'},{'name': 'ModalPlaceholder', 'selector': 'ibm-modal-placeholder'},{'name': 'Notification', 'selector': 'ibm-notification'},{'name': 'NumberComponent', 'selector': 'ibm-number'},{'name': 'OverflowMenu', 'selector': 'ibm-overflow-menu'},{'name': 'OverflowMenuOption', 'selector': 'ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'ibm-overlay'},{'name': 'Pagination', 'selector': 'ibm-pagination'},{'name': 'Panel', 'selector': 'ibm-panel'},{'name': 'Placeholder', 'selector': 'ibm-placeholder'},{'name': 'ProductSwitcher', 'selector': 'ibm-product-switcher'},{'name': 'ProgressIndicator', 'selector': 'ibm-progress-indicator'},{'name': 'Radio', 'selector': 'ibm-radio'},{'name': 'RadioGroup', 'selector': 'ibm-radio-group'},{'name': 'Sample', 'selector': 'ibm-sample'},{'name': 'SampleSub', 'selector': 'ibm-sample-sub'},{'name': 'Search', 'selector': 'ibm-search'},{'name': 'Select', 'selector': 'ibm-select'},{'name': 'SelectionTile', 'selector': 'ibm-selection-tile'},{'name': 'SideNav', 'selector': 'ibm-sidenav'},{'name': 'SideNavHeader', 'selector': 'ibm-sidenav-header'},{'name': 'SideNavItem', 'selector': 'ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'ibm-sidenav-menu'},{'name': 'Slider', 'selector': 'ibm-slider'},{'name': 'StructuredList', 'selector': 'ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'ibm-switcher-list, ibm-product-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'ibm-switcher-list-item, ibm-product-switcher-list-item, ibm-product-switcher-item'},{'name': 'Tab', 'selector': 'ibm-tab'},{'name': 'TabHeaders', 'selector': 'ibm-tab-headers'},{'name': 'Table', 'selector': 'ibm-table'},{'name': 'TableBody', 'selector': '[ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'ibm-table-container'},{'name': 'TableData', 'selector': '[ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'ibm-tabs'},{'name': 'Tag', 'selector': 'ibm-tag'},{'name': 'TagFilter', 'selector': 'ibm-tag-filter'},{'name': 'Tile', 'selector': 'ibm-tile'},{'name': 'TileGroup', 'selector': 'ibm-tile-group'},{'name': 'TimePicker', 'selector': 'ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'ibm-timepicker-select'},{'name': 'Toast', 'selector': 'ibm-toast'},{'name': 'Toggle', 'selector': 'ibm-toggle'},{'name': 'Tooltip', 'selector': 'ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'ibm-tooltip-definition'},{'name': 'TooltipIcon', 'selector': 'ibm-tooltip-icon'}];
     var DIRECTIVES = [{'name': 'Button', 'selector': '[ibmButton]'},{'name': 'ColumnDirective', 'selector': '[ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[ibmContentOption]'},{'name': 'DataGridFocus', 'selector': '[ibmDataGridFocus]'},{'name': 'DialogDirective', 'selector': '[ibmDialog]'},{'name': 'EllipsisTooltip', 'selector': '[ibmEllipsisTooltip]'},{'name': 'ExpandedRowHover', 'selector': '[ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[ibmGrid]'},{'name': 'Link', 'selector': '[ibmLink]'},{'name': 'List', 'selector': '[ibmList]'},{'name': 'ListItemDirective', 'selector': '[ibmListItem]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[ibmOverflowMenu]'},{'name': 'RowDirective', 'selector': '[ibmRow]'},{'name': 'ScrollableList', 'selector': '[ibmScrollableList]'},{'name': 'TableDirective', 'selector': '[ibmTable]'},{'name': 'TableHeaderDescription', 'selector': '[ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[ibmTableHeaderTitle]'},{'name': 'TextArea', 'selector': '[ibmTextArea]'},{'name': 'TextInput', 'selector': '[ibmText]'},{'name': 'TooltipDirective', 'selector': '[ibmTooltip]'}];
     var ACTUAL_COMPONENT = {'name': 'DatePickerInput'};

package/docs/documentation/coverage.html

@@ -460,7 +460,7 @@
             </td>
             <td align="right" data-sort="4">
                 <span class="coverage-percent">4 %</span>
-                <span class="coverage-count">(1/23)</span>
+                <span class="coverage-count">(1/24)</span>
             </td>
         </tr>
         <tr class="low">
@@ -522,9 +522,9 @@
             <td>
                 DatePicker
             </td>
-            <td align="right" data-sort="23">
-                <span class="coverage-percent">23 %</span>
-                <span class="coverage-count">(10/42)</span>
+            <td align="right" data-sort="25">
+                <span class="coverage-percent">25 %</span>
+                <span class="coverage-count">(11/44)</span>
             </td>
         </tr>
         <tr class="very-good">