<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="script/common.css">
<script src="script/common.js"></script>
<script>
function setup(){
$('.input-daterange').datepicker({
format: 'yyyy-mm-dd'
});
}
</script>
</head>
<body data-capture=".input-daterange, .datepicker" data-show="input:first, input:last">
<div class="row">
<div class="col-sm-5">
<div class="input-group input-daterange">
<input type="text" class="form-control" value="2012-04-05">
<div class="input-group-addon">to</div>
<input type="text" class="form-control" value="2012-04-19">
</div>
</div>
<div class="col-sm-5">
<div class="input-group input-daterange">
<input type="text" class="form-control" value="2012-04-05">
<div class="input-group-addon">to</div>
<input type="text" class="form-control" value="2012-04-19">
</div>
</div>
</div>
</body>
</html>