<div class="form-inline">
  <div
    title="{{ 'From/To date filter' | translate }}"
    class="form-group datepicker d-inline-block"
  >
    <input
      class="form-control"
      ng-class="getInputSizeClass()"
      placeholder="{{ placeholder | translate }}"
      is-open="isOpen"
      ng-model="value.date"
      uib-datepicker-popup="{{ datepickerFormat }}"
      datepicker-options="datePickerOptions"
      datepicker-append-to-body="appendToBody"
      show-button-bar="false"
      ng-required="required"
      ng-disabled="disabled"
      ng-click="isOpen = true"
      style="max-width: 120px"
    />
  </div>
  <div
    class="timepicker form-group d-inline-block"
    ng-class="getInputSizeClass()"
    ng-if="timePickerOptions.show"
  >
    <div
      uib-timepicker
      mousewheel="false"
      ng-model="value.time"
      ng-change="onTimeManualChange(value.time)"
      show-meridian="timePickerOptions.showMeridian"
      show-spinners="timePickerOptions.showSpinners"
      show-seconds="timePickerOptions.showSeconds"
      ng-required="required"
      ng-disabled="disabled"
    ></div>
  </div>
</div>