luid-daterange-picker

An input allowing to chose a date range. inspired by the one used on the homepage of airbnb

• ng-model: the variable to bind to
• format: the format of the ng-model variable, moment, date or any formatusable by momentjs, default moment
• start-property: will edit this property as the start, default start
• end-property: will edit this property as the end, default end
• exclude-end : if you want the end of the range in your scope to be excluded, default false
• min: self explainatory
• max: self explainatory
• disable-keyboard-input: unused inline, a self explainatory boolean, default false
• custom-class: a function taking in a moment and returnung a string to apply specific classes to some days
• display-format: used when the popover is open to display each date in its tag, uses format ifyou provided any or the format L if you didn't
• shortcuts: unused inline, a list of objects { label: "string", "your-start-property": "your format of date", "your-end-property": "your format of date" } to be displayed under the calendars to easily select a certain daterange
• grouped-shortcuts: unused inline, like shortcuts but you want them displayed on several linesfor consistency, for example you want on one line yesterday, today, tomorrow andon another last week, this week, next week

<luid-daterange-picker ng-model="myRange"></luid-daterange-picker>
<luid-daterange-picker ng-model="myRange" min="min" max="max" custom-class="disableWeekends"></luid-daterange-picker>
<luid-daterange-picker ng-model="myRange" start-property="foo" end-property="bar"></luid-daterange-picker>
<luid-daterange-picker ng-model="myRange" min="'2016-05-01'" format="YYYY-MM-DD"></luid-daterange-picker>