Skip to content

Commit 8fefaf6

Browse files
committed
Update README.md
1 parent 3dc372f commit 8fefaf6

File tree

1 file changed

+17
-7
lines changed

1 file changed

+17
-7
lines changed

README.md

Lines changed: 17 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,24 @@
11
# Datetime range input UI element
22

3-
This datetime range input is used to fascilitate easy input of datetime objects representing a range with a start datetime and end datetime.
4-
3+
This directive is designed to provide easy and intuitive input of moment.js datetime objects.
4+
5+
Typically this can be used to represent a start and an end datetime object.
6+
Desgined to be as simple as possible to afford intuitive interactions.
7+
58
Converted into an angular directive for your convenience :)
69

710
## Demo
811
Click <a href="https://rawgit.com/g1eb/angular-datetime-range/master/" target="_blank">here</a> for a live demo.
912

13+
### Closed state
14+
[![Angular directive for datetime range input - closed state](https://raw.githubusercontent.com/g1eb/angular-datetime-range/master/screenshot_state_1.png)](https://rawgit.com/g1eb/angular-datetime-range/master/)
15+
16+
### Open edit time state
17+
[![Angular directive for datetime range input - open edit time state](https://raw.githubusercontent.com/g1eb/angular-datetime-range/master/screenshot_state_2.png)](https://rawgit.com/g1eb/angular-datetime-range/master/)
18+
19+
### Open edit calendar state
20+
[![Angular directive for datetime range input - open edit calendar state](https://raw.githubusercontent.com/g1eb/angular-datetime-range/master/screenshot_state_3.png)](https://rawgit.com/g1eb/angular-datetime-range/master/)
21+
1022
## Installation
1123

1224
1) Install 'angular-datetime-range' with bower
@@ -35,11 +47,9 @@ angular.module('myApp', [
3547

3648
|Property | Usage | Default | Required |
3749
|:------------- |:-------------|:-----:|:-----:|
38-
| start_datetime | Start datetime object | none | yes |
39-
| end_datetime | End datetime object | none | yes |
40-
| handler | Handler function is fired on blur of the editing panel, start_datetime and end_datetime are passed as arguments, can be used to save changed datetime objects or do something else with it | none | no |
41-
42-
### Example data
50+
| start_datetime | Start moment.js datetime object | none | no |
51+
| end_datetime | End moment.js datetime object | none | no |
52+
| handler | Handler function is fired on change of start and/or end datetime objects | none | no |
4353

4454
## Dependencies
4555

0 commit comments

Comments
 (0)