datepicker.md

datepicker

md-datepicker

Example

{
  type: "datepicker",
  key: "start",
  templateOptions: {
    theme: "custom",
    placeholder: "Start date",
    minDate: minDate, // instance of Date
    maxDate: maxDate, // instance of Date
    filterDate: function(date) {
        // only weekends
        var day = date.getDay();
        return day === 0 || day === 6;
    }
  }
}

Configuration

templateOptions.label : string

templateOptions.theme : string

templateOptions.disabled : boolean

templateOptions.className : string | expression | array

templateOptions.placeholder : string

The date input placeholder value

templateOptions.minDate : Date

Min date of choice

templateOptions.maxDate : Date

Max date of choice

templateOptions.filterDate : function

Function expecting a date and returning a boolean whether it can be selected or not.