<div style="text-align: center">
  <span>Filter Tanggal Penjualan </span> <br>
  <input style="background-color: greenyellow; margin:5px; padding:5px;" type="date">
</div>
<div class="max-h-46 overflow-x-auto">
    <table style="font-size: 12px;" class="min-w-full divide-y-2 divide-gray-200">
      <thead class="sticky top-0 bg-white ltr:text-left rtl:text-right">
        <tr class="*:font-medium *:text-gray-900">
          <th class="px-3 py-2 whitespace-nowrap">Tanggal Penjualan</th>
          <th class="px-3 py-2 whitespace-nowrap">Tunai</th>
          <th class="px-3 py-2 whitespace-nowrap">Non Tunai</th>
          <th class="px-3 py-2 whitespace-nowrap">Total</th>
          <th class="px-3 py-2 whitespace-nowrap">Customer</th>
          <th class="px-3 py-2 whitespace-nowrap">Order</th>
        </tr>
      </thead>
  
      <tbody class="divide-y divide-gray-200">
        <tr class="*:text-gray-900 *:first:font-medium">
          <td class="px-3 py-2 whitespace-nowrap">Nandor the Relentless</td>
          <td class="px-3 py-2 whitespace-nowrap">04/06/1262</td>
          <td class="px-3 py-2 whitespace-nowrap">Vampire Warrior</td>
          <td class="px-3 py-2 whitespace-nowrap">$0</td>
          <td class="px-3 py-2 whitespace-nowrap">$0</td>
          <td class="px-3 py-2 whitespace-nowrap">$0</td>
        </tr>
      </tbody>
    </table>
  </div>