A clean, flexible, and fully customizable date picker.
User can navigate through months and years. The datepicker shows dates that come from other than the main month being displayed. These other dates are also selectable.
Everything is formatted using the date filter and thus is also localized.
All settings can be provided as attributes in the <datepicker> or globally configured through the datepickerConfig.
-
ng-model: The date object. -
show-weeks(Defaults: true) : Whether to display week numbers. -
starting-day(Defaults: 0) : Starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday). -
min(Default: null) : Defines the minimum available date. -
max(Default: null) : Defines the maximum available date. -
date-disabled (date, mode)(Default: null) : An optional expression to disable visible options based on passing date and current mode (day|month|year). -
day-format(Default: 'dd') : Format of day in month. -
month-format(Default: 'MMMM') : Format of month in year. -
year-format(Default: 'yyyy') : Format of year in year range. -
year-range(Default: 20) : Number of years displayed in year selection. -
day-header-format(Default: 'EEE') : Format of day in week header. -
day-title-format(Default: 'MMMM yyyy') : Format of title when selecting day. -
month-title-format(Default: 'yyyy') : Format of title when selecting month.