Skip to content
This repository was archived by the owner on Dec 26, 2019. It is now read-only.

Commit e013322

Browse files
committed
Update README.
1 parent 837ebf2 commit e013322

File tree

1 file changed

+41
-2
lines changed

1 file changed

+41
-2
lines changed

README.md

Lines changed: 41 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -217,13 +217,32 @@ The changeDate action is triggered when the selected date changes. It can be spe
217217
The action can be handled by a parent component, controller or route:
218218

219219
```javascript
220-
actions {
220+
actions: {
221221
changeDateAction(date) {
222222
// do sth with the new date
223223
}
224224
}
225225
```
226226

227+
#### clearDate
228+
229+
The clearDate action is triggered when the date is cleared (e.g. when the "clear" button is clicked).
230+
231+
232+
```handlebars
233+
{{bootstrap-datepicker clearDate="clearDateAction"}}
234+
```
235+
236+
The action can be handled by a parent component, controller or route:
237+
238+
```javascript
239+
actions: {
240+
clearDateAction() {
241+
// do sth
242+
}
243+
}
244+
```
245+
227246
#### focus-in & focus-out
228247

229248
The focus-in and focus-out actions are triggered when the respective focus events occur on the input field.
@@ -235,7 +254,7 @@ The focus-in and focus-out actions are triggered when the respective focus event
235254
The actions can be handled by a parent component, controller or route:
236255

237256
```javascript
238-
actions {
257+
actions: {
239258
focusInAction(component, event) {
240259
// handle event
241260
},
@@ -245,6 +264,26 @@ actions {
245264
}
246265
```
247266

267+
#### hide & show
268+
269+
The hide and show actions are triggered when the datepicker is either hidden or displayed.
270+
271+
```handlebars
272+
{{bootstrap-datepicker hide="hideAction" show="showAction"}}
273+
```
274+
275+
The actions can be handled by a parent component, controller or route:
276+
277+
```javascript
278+
actions: {
279+
hideAction() {
280+
// datepicker is hidden
281+
},
282+
showAction() {
283+
// datepicker is shown
284+
}
285+
}
286+
```
248287

249288

250289
## Contributing

0 commit comments

Comments
 (0)