app/views/devise/invitations/edit.html.erb
<%= render "devise/layout" do %>
<%= simple_form_for resource, as: resource_name, url: invitation_path(resource_name), html: {class: "auth-form mx-auto"}, wrapper: :front_form do |f| %>
<%= f.input :invitation_token, as: :hidden %>
<%= render(Form::ErrorMessageComponent.new(object: resource)) %>
<div class="text-center mb-4">
<h1 class="h4 font-weight-normal">Set Your Password</h1>
</div>
<div class="form-group">
<div class="form-label-group">
<%= f.password_field :password,
label: false,
required: true,
autofocus: true,
placeholder: "Password",
tabindex: 1,
class: "form-control",
hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length),
input_html: {autocomplete: "new-password"} %>
<%= f.label :password %>
</div>
</div>
<div class="form-group">
<div class="form-label-group">
<%= f.password_field :password_confirmation,
placeholder: "Retype Password",
label: false,
required: true,
tabindex: 2,
class: "form-control" %>
<%= f.label :password_confirmation %>
</div>
</div>
<div class="form-group">
<button class="btn btn-lg btn-primary btn-block" type="submit">Set Password</button>
</div>
<div class="form-group text-center mt-4">
<%= f.check_box :remember_me, class: "custom-control-input" %>
</div>
<%= render "devise/links" %>
<% end %>
<% end %>