Skip to content
This repository was archived by the owner on Feb 18, 2022. It is now read-only.

Commit ef8e023

Browse files
committed
Updated README.md
1 parent 935a06b commit ef8e023

File tree

1 file changed

+13
-16
lines changed

1 file changed

+13
-16
lines changed

README.md

Lines changed: 13 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -114,25 +114,13 @@ You can set date to be displayed by default with `date-set=""` attribute data (
114114
####Custom titles
115115
You can set the titles for the month and year selectors with the **date-year-title=""** and **date-month-title=""** data attributes (default to is _"select month"_ and _"select year"_)
116116

117-
<datepicker>
118-
<input ng-model="date" date-month-title="selected year"/>
117+
<datepicker date-month-title="selected year">
118+
<input ng-model="date"/>
119119
</datepicker>
120120

121-
<datepicker>
122-
<input ng-model="date" date-year-title="selected title"/>
121+
<datepicker date-year-title="selected title">
122+
<input ng-model="date"/>
123123
</datepicker>
124-
125-
126-
####Custom titles for arrows
127-
You can also set the titles for the left and right arrows with **button-next-title=""** for the right and **button-prev-title=""** for the left. By default they are labeled _"next"_ and _"prev"_.
128-
<datepicker >
129-
<input ng-model="date" prevTitle="previous month"/>
130-
</datepicker>
131-
132-
<datepicker >
133-
<input ng-model="date" nextTitle="next month"/>
134-
</datepicker>
135-
136124

137125
####Custom buttons
138126
You can customize the calendar navigation buttons content, let's make an example while using [FontAwesome](http://fontawesome.io)
@@ -142,6 +130,15 @@ You can customize the calendar navigation buttons content, let's make an example
142130
<input ng-model="date" type="text"/>
143131
</datepicker>
144132
```
133+
####Custom buttons titles for arrows
134+
You can also set the titles for the left and right arrows with **button-next-title=""** for the right and **button-prev-title=""** for the left. By default they are labeled _"next"_ and _"prev"_.
135+
<datepicker button-prev-title="previous month">
136+
<input ng-model="date"/>
137+
</datepicker>
138+
139+
<datepicker button-next-title="next month">
140+
<input ng-model="date" type="text"/>
141+
</datepicker>
145142

146143
####Input as grandchild
147144
Sometimes you cannot put date input as a first child of datepicker. In this case you may use `selector=""` to point to the CSS class of the input. Below example with using Twitter Bootstrap and FontAwesome

0 commit comments

Comments
 (0)