app/components/date_picker_form_component/date_picker_form_component.html.erb
<div class="input-group date" id="<%= datetime_picker_id %>" data-target-input="nearest">
<input class="form-control datetimepicker-input" data-target="#<%= datetime_picker_id %>" type="text" name="<%= name %>" id="<%= id %>" value="<%= value %>" />
<div class="input-group-append" data-target="#<%= datetime_picker_id %>" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
<% if errors.present? %>
<div class="invalid-feedback">
<%= errors %>
</div>
<% end %>
</div>
<% if hint.present? %>
<small class='class="form-text text-muted'><%= hint %></small>
<% end %>