diff --git a/pages/kelasmengemudi/create.jsx b/pages/kelasmengemudi/create.jsx
index 3d37ff79314426741537315438b7bcf4e9fb06a5..48205e7107994f9816850467a0f27bffc5968369 100644
--- a/pages/kelasmengemudi/create.jsx
+++ b/pages/kelasmengemudi/create.jsx
@@ -8,7 +8,7 @@ const Create = () => {
   const [hargaKelas, setHargaKelas] = useState("")
   const [jenisKendaraan, setJenisKendaraan] = useState("")
   const [jumlahSesi, setJumlahSesi] = useState("")
-  const [nomorKendaraan, setNomorKendaraan] = useState("")
+  const [platNomorKendaraan, setPlatNomorKendaraan] = useState("")
   const [namaKendaraan, setNamaKendaraan] = useState("")
 
   const handleUpdate = async () => {
@@ -22,7 +22,7 @@ const Create = () => {
         hargaKelas,
         jenisKendaraan,
         jumlahSesi,
-        nomorKendaraan,
+        platNomorKendaraan,
         namaKendaraan
     })
     const updateQuery = await fetch("https://rpl-backend-production.up.railway.app/v1/kelasmengemudi/create", {
@@ -70,7 +70,7 @@ const Create = () => {
             <span className="h-min my-auto font-bold text-lg">Harga Kelas</span>
             <input value={hargaKelas} onChange={(e) => {
               setHargaKelas(e.target.value)
-            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Jenis Kendaraan</span>
@@ -85,19 +85,19 @@ const Create = () => {
             <span className="h-min my-auto font-bold text-lg">Jumlah Sesi</span>
             <input value={jumlahSesi} onChange={(e) => {
               setJumlahSesi(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
-            <span className="h-min my-auto font-bold text-lg">Nomor Kendaraan</span>
-            <input value={nomorKendaraan} onChange={(e) => {
-              setNomorKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            <span className="h-min my-auto font-bold text-lg">Plat Nomor Kendaraan</span>
+            <input value={platNomorKendaraan} onChange={(e) => {
+              setPlatNomorKendaraan(e.target.value)
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Nama Kendaraan</span>
             <input value={namaKendaraan} onChange={(e) => {
               setNamaKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
 
           <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} />
diff --git a/pages/kelasmengemudi/edit/[id].jsx b/pages/kelasmengemudi/edit/[id].jsx
index e41bd6e80bb5b50c426aaffe521dac1345f8abb6..169ff549fcac14b76e028e6449ea8d6e2821b366 100644
--- a/pages/kelasmengemudi/edit/[id].jsx
+++ b/pages/kelasmengemudi/edit/[id].jsx
@@ -10,7 +10,7 @@ const Edit = () => {
   const [jenisKendaraan, setJenisKendaraan] = useState("")
   const [totalJamKursus, setTotalJamKursus] = useState()
   const [jumlahSesi, setJumlahSesi] = useState("")
-  const [nomorKendaraan, setNomorKendaraan] = useState("")
+  const [platNomorKendaraan, setPlatNomorKendaraan] = useState("")
   const [namaKendaraan, setNamaKendaraan] = useState("")
 
   const handleUpdate = async () => {
@@ -24,7 +24,7 @@ const Edit = () => {
       hargaKelas,
       jenisKendaraan,
       jumlahSesi,
-      nomorKendaraan,
+      platNomorKendaraan,
       namaKendaraan
     })
     const updateQuery = await fetch("https://rpl-backend-production.up.railway.app/v1/kelasmengemudi/update/" + router.query.id, {
@@ -71,8 +71,9 @@ const Edit = () => {
       setJenisKendaraan(responsejson.data.jenisKendaraan)
       setTotalJamKursus(responsejson.data.totalJamKursus)
       setJumlahSesi(responsejson.data.jumlahSesi)
-      setNomorKendaraan(responsejson.data.kendaraan)
-      setNamaKendaraan(responsejson.data.calonPelanggan)
+      setInstruktur(responsejson.data.instruktur)
+      setPlatNomorKendaraan(responsejson.data.platNomorKendaraan)
+      setNamaKendaraan(responsejson.data.namaKendaraan)
     })
   }, [])
   return <>
@@ -104,23 +105,21 @@ const Edit = () => {
             <span className="h-min my-auto font-bold text-lg">Harga Kelas</span>
             <input value={hargaKelas} onChange={(e) => {
               setHargaKelas(e.target.value)
-            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Total Jam Kursus</span>
-            <input value={totalJamKursus} onChange={(e) => {
-              setTotalJamKursus(e.target.value)
-            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            <input disabled value={totalJamKursus} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Jumlah Sesi</span>
             <input value={jumlahSesi} onChange={(e) => {
               setJumlahSesi(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="number" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Jenis Kendaraan</span>
-            <select disabled value={jenisKendaraan} onChange={(e) => {
+            <select value={jenisKendaraan} onChange={(e) => {
               setJenisKendaraan(e.target.value)
             }}>
               <option value="MATIC">Matic</option>
@@ -128,16 +127,16 @@ const Edit = () => {
             </select>
           </div>
           <div className="flex flex-row align-middle justify-between">
-            <span className="h-min my-auto font-bold text-lg">Nomor Kendaraan</span>
-            <input value={nomorKendaraan} onChange={(e) => {
-              setNomorKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            <span className="h-min my-auto font-bold text-lg">Plat Nomor Kendaraan</span>
+            <input value={platNomorKendaraan} onChange={(e) => {
+              setPlatNomorKendaraan(e.target.value)
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <div className="flex flex-row align-middle justify-between">
             <span className="h-min my-auto font-bold text-lg">Nama Kendaraan</span>
             <input value={namaKendaraan} onChange={(e) => {
               setNamaKendaraan(e.target.value)
-            }} type="tel" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
+            }} type="text" required className="drop-shadow-xl w-2/3 p-2 rounded-xl" />
           </div>
           <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} />
         </form>