ng-bs-daterangepicker

ng-bs-daterangepicker
=====================

Angular directive for Dan Grossman's bootstrap-daterangepicker.

Demo: http://luisfarzati.github.io/ng-bs-daterangepicker

Installation
------------

Using bower:

``
bower install ng-bs-daterangepicker
`

Using npm:

`
npm install ng-bs-daterangepicker
`


How to use it
-------------

You should already have a bunch of scripts and CSS required for bootstrap-daterangepicker:

`







`

to the list above, you should add:

`

`

Then, inject ngBootstrap in your application module:

`
angular.module('myApp', ['ngBootstrap']);
`

and then just add an input of type daterange:

`

`

The result object $scope.myDateRange has a startDate and endDate properties, which are instances of moment().

$3

* startDate, endDate: are taken from the ng-model object;
* minDate, maxDate: mapped from min-date and max-date attributes;
* dateLimit: mapped from limit attribute;
* format: mapped from format attribute;
* separator: mapped from separator attribute.
* ranges: mapped from ranges attribute. Can be a JSON string or scoped object. (check daterangepicker for formatting)

Example with all above features:

`
type="daterange"
ng-model="dates"
min-date="2013-09-10"
max-date="2013-09-25"
limit="3 days"
format="L"
separator="/"
ranges="{'Special Range':{'startDate': '2013-09-2', 'endDate': '2013-09-5'}}">
`

The limit attribute lets you specify a number and unit similarly as you would invoke moment.duration().

$3

timePicker
show
other formatting options like Class and stuff

$3

You can run the tests by running

`
npm install
bower install
grunt
`

assuming you already have grunt installed, otherwise you also need to do:

`
npm install -g grunt-cli
``