Add name attribute in order to use datepicker in form

README.md

@@ -52,6 +52,7 @@ Optional parameters are listed below.
 | `rangeEnd` | Date | Same as `rangeStart`, but for the end boundary. e.g. passing in `new Date()` will prevent the user from being able to get to the next month. |
 | `cancelText` | string | default is `Cancel` can be changed to the text you desire. |
 | `weekStart` | number | default is `0` witch is Sunday, Monday is `1` and so on |
+| `name` | string | name of the input. |
 
 
 ### CSS

demo/app.component.ts

@@ -4,6 +4,7 @@ import { Component, Input } from '@angular/core';
   selector: 'my-app',
   template: `
       <material-datepicker
+        name="input-date-name"
         [(date)]="date"
         (onSelect)="onSelect($event)"
         dateFormat="YYYY-MM-DD"

src/datepicker.component.ts

@@ -208,6 +208,7 @@ interface ValidationResult {
       [ngStyle]="{'font-family': fontFamily}"
     >
       <input
+        [name]="name"
         [disabled]="disabled"
         class="datepicker__input"
         [placeholder]="placeholder"
@@ -335,6 +336,7 @@ export class DatepickerComponent implements OnInit, OnChanges {
   // data
   @Input() placeholder: string = 'Select a date';
   @Input() inputText: string;
+  @Input() name: string;
   // view logic
   @Input() showCalendar: boolean;
   @Input() cancelText: string = 'Cancel';