.form-group.fg-float

label #{title}
.fg-line
  - if required
    input.form-control.date-range.fg-input id="#{id}" type="text" name="#{name}" required="" value="#{date_range}" class="#{clazz}"
  - else
    input.form-control.date-range.fg-input id="#{id}" type="text" name="#{name}" value="#{date_range}" class="#{clazz}"
  input.hidden name="from" value="#{from}"
  input.hidden name="to"  value="#{to}"

javascript:

$('##{id}').on('apply.daterangepicker', function(ev, picker) {
  $('##{id}').parent().find("input[name='from']").val(picker.startDate.format('DD/MM/YYYY'))
  $('##{id}').parent().find("input[name='to']").val(picker.endDate.format('DD/MM/YYYY'))
});