Datetime range input UI element

This directive is designed to provide easy and intuitive input of moment.js datetime objects.

Typically this can be used to represent a start and an end datetime object.
Desgined to be as simple as possible to afford intuitive interactions.

Converted into an angular directive for your convenience :)

Demo

Click here for a live demo.

Installation

1. Install 'angular-datetime-range' with bower

bower install angular-datetime-range

2. Add 'g1b.datetime-range' module to your app config

angular.module('myApp', [
  'g1b.datetime-range',
  .....
])

3. Use 'datetime-range' directive in a view

<datetime-range start="start_datetime" end="end_datetime" handler="print"></datetime-range>

Attributes

Property	Usage	Default	Required
start_datetime	Start moment.js datetime object	none	no
end_datetime	End moment.js datetime object	none	no
handler	Handler function is fired on change of start and/or end datetime objects	none	no

Dependencies

• AngularJS
• moment.js