Implementei horário e ajustes no HTML, css.

public/css/app.css

@@ -11142,8 +11142,7 @@ p .button_agendar {
     color: white;
 }
 
-#data,
-#hora {
+#data {
     width: 12rem;
     height: 10%;
     text-align: center;
@@ -11156,6 +11155,23 @@ p .button_agendar {
     border-color: transparent;
 }
 
+#hora {
+    width: 8rem;
+    height: 10%;
+    text-align: center;
+    font-size: 1.5em;
+    font-weight: 400;
+    font-family: Arial;
+    display: inline;
+    padding: 10px;
+    margin: 1px auto 0;
+    border-color: transparent;
+}
+
+#hora:hover {
+    background-color: silver;
+}
+
 #simButton,
 #cancelarButton {
     font-family: Arial;
@@ -11221,31 +11237,33 @@ body {
     color: @body-color;
 } */
 
+
+/* 
 *,
 *:before,
 *:after {
     box-sizing: border-box;
-}
+} */
 
-.group {
-    &:after {
+
+/* 
+.group:after {
     content: "";
     display: table;
     clear: both;
-    }
-}
+} */
+
 
+}
 img {
     max-width: 100%;
     height: auto;
     vertical-align: baseline;
 }
-
 a {
     text-decoration: none;
 }
 
-
 /* .max(@maxWidth;
 @rules) {
     @media only screen and (max-width: @maxWidth) {
@@ -11259,16 +11277,14 @@ a {
         @rules();
     }
 } */
-
 .calendar-wrapper {
     width: 90%;
-    margin: .2em auto;
+    margin: .01rem auto;
     padding: 2em;
     border: .2em solid rgb(236, 191, 92);
     border-radius: 5px;
     background: linear-gradient( 174deg, rgb(226, 226, 226) 4%, rgb(221, 221, 221) 100%);
 }
-
 table {
     clear: both;
     width: 100%;
@@ -11277,7 +11293,6 @@ table {
     border-collapse: collapse;
     color: black;
 }
-
 td {
     height: 48px;
     text-align: center;
@@ -11285,20 +11300,16 @@ td {
     border-right: 1px solid border-top: 1px solid;
     width: 100% / 7;
 }
-
 td.not-current {
     color: rgb(145, 141, 141);
     ;
 }
-
 td.normal {}
-
 td.today {
     font-weight: 700;
     color: red;
     font-size: 1.5em;
 }
-
 thead td {
     border: none;
     color: black;
@@ -11306,27 +11317,26 @@ thead td {
     text-transform: uppercase;
     font-size: 1.5em;
 }
-
 #btnPrev {
     float: left;
     margin-bottom: 20px;
-    &:before {
+}
+
+/* #btnPrev:before {
     content: '\f104';
     font-family: FontAwesome;
     padding-right: 4px;
-    }
-}
-
+} */
 #btnNext {
     float: right;
     margin-bottom: 20px;
-    &:after {
+}
+
+/* #btnNext:after {
     content: '\f105';
     font-family: FontAwesome;
     padding-left: 4px;
-    }
-}
-
+} */
 #btnPrev,
 #btnNext {
     background: transparent;
@@ -11339,11 +11349,9 @@ thead td {
     text-transform: uppercase;
     transition: all 0.3s ease;
 }
-
 #btnPrev:hover {
-    color: rgb(96, 238, 96);
+    color: rgb(123, 121, 121);
 }
-
 #btnNext:hover {
-    color: rgb(96, 238, 96);
+    color: rgb(123, 121, 121);
 }
\ No newline at end of file

resources/views/admin/agendamentos/agendamentoTituloHora.blade.php

@@ -15,7 +15,30 @@
         <p id="agendar">Agendar horário</p>
     </fieldset>
     <fieldset class="calendario">
-        <input type="time" id="data" name="horaAgendamento">
+        <input type="button" id="hora" name="horaAgendamento" value="08:00">
+        <input type="button" id="hora" name="horaAgendamento" value="08:20">
+        <input type="button" id="hora" name="horaAgendamento" value="08:40">
+        <input type="button" id="hora" name="horaAgendamento" value="09:00">
+        <input type="button" id="hora" name="horaAgendamento" value="09:20">
+        <input type="button" id="hora" name="horaAgendamento" value="09:40">
+        <input type="button" id="hora" name="horaAgendamento" value="10:00">
+        <input type="button" id="hora" name="horaAgendamento" value="10:20">
+        <input type="button" id="hora" name="horaAgendamento" value="10:40">
+        <input type="button" id="hora" name="horaAgendamento" value="11:00">
+        <input type="button" id="hora" name="horaAgendamento" value="11:20">
+        <input type="button" id="hora" name="horaAgendamento" value="11:40">
+        <input type="button" id="hora" name="horaAgendamento" value="13:00">
+        <input type="button" id="hora" name="horaAgendamento" value="13:20">
+        <input type="button" id="hora" name="horaAgendamento" value="13:40">
+        <input type="button" id="hora" name="horaAgendamento" value="14:00">
+        <input type="button" id="hora" name="horaAgendamento" value="14:20">
+        <input type="button" id="hora" name="horaAgendamento" value="14:40">
+        <input type="button" id="hora" name="horaAgendamento" value="15:00">
+        <input type="button" id="hora" name="horaAgendamento" value="15:20">
+        <input type="button" id="hora" name="horaAgendamento" value="15:40">
+        <input type="button" id="hora" name="horaAgendamento" value="16:00">
+        <input type="button" id="hora" name="horaAgendamento" value="16:20">
+        <input type="button" id="hora" name="horaAgendamento" value="16:40">
         <br>
         <button class="enviarbtn" onclick="window.location = '{{ route('agendamentoConfere') }}'">@lang('agendamento.next')</button>
     </fieldset>

resources/views/admin/agendamentos/agendamentoTituloSede.blade.php

@@ -17,8 +17,8 @@
     </fieldset>
     <fieldset class="calendario">
     <div class="calendar-wrapper">
-            <button id="btnPrev" type="button"><< Voltar</button>
-            <button id="btnNext" type="button">Proximo >></button>
+            <button id="btnPrev" type="button"> < Voltar</button>
+            <button id="btnNext" type="button">Proximo > </button>
         <div id="divCal"></div>
     </div>
     </fieldset>