iter(g216): 时间选择支持清空

packages/skin/ui/ui.css

@@ -5144,3 +5144,32 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
 .ua-multiselect-pop.ua-open.is-flip {
   animation-name: ua-pop-rise; /* 翻到上方：入场方向随位置镜像 */
 }
+
+/* ---- 时间选择：清空按钮（clearable 且有值时才出现） ---- */
+.ua-timepicker-clear {
+  position: absolute;
+  top: 50%;
+  right: var(--ua-space-6); /* 让到箭头左侧，不与 ▾ 重叠 */
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: none;
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-md);
+  line-height: var(--ua-leading-none); /* 行高压到 1：× 在 16px 圆里垂直居中 */
+  cursor: pointer;
+  transform: translateY(-50%);
+  transition: color var(--ua-duration-fast) var(--ua-ease), background-color var(--ua-duration-fast) var(--ua-ease);
+}
+.ua-timepicker-clear:hover {
+  background: var(--ua-color-surface-2); /* 悬停给一层淡底：小 × 只变颜色太难点中 */
+  color: var(--ua-color-text);
+}
+.ua-timepicker.has-clear .ua-timepicker-trigger {
+  padding-right: var(--ua-space-6); /* 给 × 让出位置：文案不会被压在按钮下面 */
+}