AngularJS datepicker directives

WIP

Requirements

• Angular v1.2+

Development version

Checkout, run npm install and bower install. To build run grunt build

Examples

Live demo

defaults

<div date-picker="start"></div>

views:

(initial) view

<div date-picker="start" view="year"></div>

(max) view

<div date-picker="start" max-view="month"></div>

(min) view

only date view

<div date-picker="start" min-view="date"></div>

Close the picker when min-view is reached

<div date-picker="start" auto-close="true"></div>

Min and Max Date

Only add's validation to ngModel, must be provided a valid date object or valid date string.

<div date-picker="start" min-date="Date string | Expression" max-date="Date string | Expression"></div>

input as datepicker

<input type="datetime" date-time ng-model="start">

input with formatted value

<input type="datetime" date-time ng-model="end" hours format="short">

date-range picker

<div date-range start="start" end="end"></div>