fix(tapops): ganti input date native dengan dd/mm/yyyy text input terpisah agar tahun max 4 digit

groups/Tapops/css/documents.css

@@ -363,36 +363,47 @@
     background: white;
 }
 
-.date-range-inputs .input-wrapper {
-    position: relative;
+/* Custom dd/mm/yyyy date input */
+.custom-date-input {
     display: flex;
     align-items: center;
+    gap: 1px;
+    padding: 6px 0;
 }
 
-.date-range-inputs input[type="date"] {
+.date-sep {
+    font-size: 0.85rem;
+    font-weight: 700;
+    color: #94a3b8;
+    user-select: none;
+    padding: 0 1px;
+}
+
+.date-part {
     border: none;
     background: transparent;
-    padding: 8px 0;
     font-family: inherit;
     font-size: 0.85rem;
     font-weight: 700;
     color: var(--primary-blue);
-    cursor: pointer;
-    min-width: 120px;
+    text-align: center;
+    padding: 2px 3px;
+    border-radius: 3px;
+    transition: background 0.15s ease;
+    min-width: 0;
 }
 
-.date-range-inputs input[type="date"]:focus {
+.date-dd, .date-mm { width: 2.2ch; }
+.date-yyyy         { width: 4.2ch; }
+
+.date-part::placeholder {
+    color: #94a3b8;
+    font-weight: 400;
+}
+
+.date-part:focus {
     outline: none;
-}
-
-.date-range-inputs input[type="date"]::-webkit-calendar-picker-indicator {
-    cursor: pointer;
-    opacity: 0.6;
-    transition: opacity 0.2s;
-}
-
-.date-range-inputs input[type="date"]::-webkit-calendar-picker-indicator:hover {
-    opacity: 1;
+    background: rgba(0, 49, 80, 0.07);
 }
 
 .range-divider {
@@ -701,18 +712,8 @@ a.btn-action-outline:hover {
         box-shadow: 0 0 0 3px rgba(0, 49, 80, 0.08);
     }
 
-    .date-range-inputs input[type="date"] {
-        width: 100%;
-        border: none;
-        background: transparent;
-        padding: 0;
-        font-family: inherit;
+    .date-part {
         font-size: 0.82rem;
-        font-weight: 700;
-        color: var(--primary-blue);
-        min-width: 0;
-        flex: 1;
-        cursor: pointer;
     }
 
     .range-divider {