Skip to content

Commit 25d531e

Browse files
committed
docs(readme): Update example of dropdown with input box
Example of dropdown with associated input box was using old bootstrap 2 markup.
1 parent c2340ad commit 25d531e

File tree

1 file changed

+10
-9
lines changed

1 file changed

+10
-9
lines changed

README.md

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -320,25 +320,26 @@ Display formatting of the date field is controlled by Angular filters.
320320
```
321321
In this example, the drop-down functionality is controlled by Twitter Bootstrap.
322322
The <code>dropdownSelector</code> tells the datetimepicker which element is bound to the Twitter Bootstrap drop-down so
323-
the drop-down is toggled closed after the user selectes a date/time.
323+
the drop-down is toggled closed after the user selects a date/time.
324324

325325
### Drop-down component with associated input box.
326326
```html
327327
<div class="dropdown">
328-
<a class="dropdown-toggle my-toggle-select" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="">
329-
<div class="input-append"><input type="text" class="input-large" data-ng-model="data.date"><span class="add-on"><i
330-
class="icon-calendar"></i></span>
331-
</div>
328+
<a class="dropdown-toggle" id="dropdown" role="button" data-toggle="dropdown" data-target="#" href="#">
329+
<div class="input-group">
330+
<input type="text" id="date" name="date" class="form-control" data-ng-model="data.date">
331+
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
332+
</div>
332333
</a>
333334
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
334-
<datetimepicker data-ng-model="data.date"
335-
data-datetimepicker-config="{ dropdownSelector: '.my-toggle-select' }"></datetimepicker>
335+
<datetimepicker data-ng-model="data.date"
336+
data-datetimepicker-config="{ dropdownSelector: '#dropdown' }"></datetimepicker>
336337
</ul>
337-
</div>
338+
</div>
338339
```
339340
In this example, the drop-down functionality is controlled by Twitter Bootstrap.
340341
The <code>dropdownSelector</code> tells the datetimepicker which element is bound to the Twitter Bootstrap drop-down so
341-
the drop-down is toggled closed after the user selectes a date/time.
342+
the drop-down is toggled closed after the user selects a date/time.
342343

343344
### Create a date range picker with validation controls
344345
```html

0 commit comments

Comments
 (0)