<div class="row">
<div class="col-sm-6">
<fine-datepicker id='myDatepicker1'>
</fine-datepicker>
</div>
<label class="control-label col-sm-1" for="input">Theme:</label>
<div class="col-sm-4">
<select class="form-control" onchange="changeTheme(this);">
<option>default</option>
<option>flat</option>
<option>dark</option>
</select>
</div>
</div>
<script type="text/javascript">
var info = {
element: 'datepicker',
example: 'themes'
};
function changeTheme(select) {
var el = document.getElementById('myDatepicker1');
var theme = select.selectedOptions[0].textContent;
el.set('theme', theme);
}
</script>