Angular Bootstrap Daterangepicker example

Default date range picker

Model:
{{dateRanges.default | json}}

With max-date="'today'" (past dates only):

Model:
{{dateRanges.past | json}}

With min-date="'today'" (future dates only):

Model:
{{dateRanges.future | json}}

With max-date="'2016-01-01'":

Model:
{{dateRanges.maxPredefined | json}}

With predefined date:

Model:
{{dateRanges.predefined | json}}

fslab-date-range-picker-button directive that creates input-like field:

Model:
{{dateRanges.field | json}}

Two fields with the same model

Model:
{{dateRanges.synchronized | json}}

Works with ng-change etc:

The date has been changed {{ changedTimes }} times.
Model:
{{dateRanges.field | json}}
Code on GitHub