DatePicker - <date-picker></date-picker>
label- string - String to be used in field placeholder textminDate- string / Date - Minimum allowable calendar datemaxDate- string / Date - Maximum allowable calendar date[dateFilter]- function(date): boolean - Optional method for determining calendar date eligability[(value)]- Date - Date selected from datePicker
<date-picker
label="Pick a date"
minDate="11/1/2015"
maxDate="11/12/2016"
[dateFilter]="dateFilter"
(value)="datePickerValue">
</date-picker>DateRangePicker - <date-range-picker></date-range-picker>
startLabel- string - String to be used in start date field placeholder textendLabel- string - String to be used in end date field placeholder textminDate- string / Date - Minimum allowable calendar datemaxDate- string / Date - Maximum allowable calendar date[dateFilter]- function(date): boolean - Optional method for determining calendar date eligability[(value)]- DateRange - Object containing start and end Date properties[(startDate)]- Date - Selected start Date[(endDate)]- Date - Selected end Date
<date-range-picker
minDate="11/1/2015"
maxDate="11/12/2016"
[dateFilter]="dateFilter"
startLabel="Arrival"
endLabel="Departure"
[(value)]="dateRangePickerValue">
</date-range-picker>