Datepicker Demo | <uif-datepicker>

In order for this demo to work you must first build the library in debug mode.
This directive depends on Add references to jquery.js, pickadate.js, and picker.js, and picker.date.js BEFORE the ngofficeuifabric.js reference

Demos

Default values with ng-model

This markup:
<uif-datepicker ng-model="value"/>
and this script: $scope.value = new Date(2016, 3, 2);

Renders this:

Value: {{value}}

Support for disabled and ng-disabled

This markup:
<label>Click me to toggle: <input type="checkbox" ng-model="disabled"></label><br/>
<uif-datepicker ng-model="value_1" ng-disabled="disabled" />

Renders this:


Value: {{value_1}}

This markup:
<uif-datepicker ng-model="value_3" disabled="disabled" />

Renders this:

Value: {{value_3}}

Custom months, label, and placeholder

This markup:
<uif-datepicker ng-model="value_2" uif-months="Jan,Feb,Maa,Apr,Mei,Jun,Jul,Aug,Sep,Okt,Nov,Dec" placeholder="Please, find a date" />

Renders this:

Value: {{value_2}}

Empty label

This markup:
<uif-datepicker uif-label="" />

Renders this: