Skip to content

Latest commit

 

History

History

readme.md

DatePicker Selector

DatePicker - <date-picker></date-picker>

DatePicker Settings

  • label - string - String to be used in field placeholder text
  • minDate - string / Date - Minimum allowable calendar date
  • maxDate - string / Date - Maximum allowable calendar date
  • [dateFilter] - function(date): boolean - Optional method for determining calendar date eligability
  • [(value)] - Date - Date selected from datePicker

DatePicker Example

<date-picker
    label="Pick a date"
    minDate="11/1/2015"
    maxDate="11/12/2016" 
    [dateFilter]="dateFilter"
    (value)="datePickerValue">
</date-picker>

DateRangePicker Selector

DateRangePicker - <date-range-picker></date-range-picker>

DateRangePicker Settings

  • startLabel - string - String to be used in start date field placeholder text
  • endLabel - string - String to be used in end date field placeholder text
  • minDate - string / Date - Minimum allowable calendar date
  • maxDate - 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

DateRangePicker Example

<date-range-picker
    minDate="11/1/2015"
    maxDate="11/12/2016" 
    [dateFilter]="dateFilter"
    startLabel="Arrival"
    endLabel="Departure"
    [(value)]="dateRangePickerValue">
</date-range-picker>