edit.html.erb

<div class="flex flex-col mx-auto">
  <h1 class="text-3xl font-bold tracking-tight text-gray-900">Edit Appointment</h1>

  <%= form_for appointment, html: { class: "mt-12" } do |f| %>
    <div class="flex flex-col gap-y-4">
      <div class="flex flex-col">
        <%= f.label :requested_datetime, class: "font-semibold" %>
        <%= f.datetime_field :requested_datetime %>
      </div>

      <div class="flex flex-col">
        <%= f.label :notes, class: "font-semibold" %>
        <%= f.text_area :notes, cols: 40, rows: 10 %>
      </div>

      <%= f.submit class: "rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" %>
    </div>
  <% end %>
</div>