Replace record audit date picker controls

ai_knowledge_base_v2/apps/admin-web/src/styles.css

@@ -719,8 +719,11 @@ textarea {
   width: 150px;
 }
 
-.record-date-item {
-  width: 180px;
+.record-date-range {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 8px;
+  align-items: center;
 }
 
 .record-date-sep {
@@ -729,6 +732,45 @@ textarea {
   display: flex;
   align-items: center;
   padding: 0 2px;
+  min-height: 40px;
+}
+
+.record-date-field {
+  width: 210px;
+  height: 40px;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+  padding: 0 11px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background: #ffffff;
+  color: #606266;
+}
+
+.record-date-field:focus-within {
+  border-color: #409eff;
+}
+
+.record-date-field span {
+  color: #909399;
+  font-size: 13px;
+  white-space: nowrap;
+}
+
+.record-date-field input {
+  min-width: 0;
+  border: 0;
+  outline: none;
+  background: transparent;
+  color: #303133;
+  font-size: 13px;
+}
+
+.record-date-field input::-webkit-calendar-picker-indicator {
+  cursor: pointer;
+  opacity: 0.72;
 }
 
 .record-filter-actions {