fix date picker on all filter and field using date

features/admin/components/admin-filter-bar.tsx

@@ -1,3 +1,5 @@
+import { DateField } from "@/components/shared/date-picker";
+
 interface AdminFilterBarProps {
   /** URL base (mis. `/admin/refunds`) yang menerima query params. */
   action: string;
@@ -45,12 +47,11 @@ export function AdminFilterBar({
           >
             Dari tanggal
           </label>
-          <input
+          <DateField
             id="filter-dateFrom"
             name="dateFrom"
-            type="date"
-            defaultValue={values.dateFrom ?? ""}
-            className="w-full rounded-lg border border-neutral-200 bg-neutral-50 px-2 py-1.5 text-sm text-neutral-800 focus:border-primary-400 focus:bg-white"
+            defaultValueYmd={values.dateFrom}
+            placeholder="Dari tanggal"
           />
         </div>
 
@@ -61,12 +62,11 @@ export function AdminFilterBar({
           >
             Sampai tanggal
           </label>
-          <input
+          <DateField
             id="filter-dateTo"
             name="dateTo"
-            type="date"
-            defaultValue={values.dateTo ?? ""}
-            className="w-full rounded-lg border border-neutral-200 bg-neutral-50 px-2 py-1.5 text-sm text-neutral-800 focus:border-primary-400 focus:bg-white"
+            defaultValueYmd={values.dateTo}
+            placeholder="Sampai tanggal"
           />
         </div>