@tidbcloud/uikit 2.3.0 → 2.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tidbcloud/uikit
 
+## 2.3.1
+
+### Patch Changes
+
+- fix(TimePicker): change value types to string and update format handling ([#529](https://github.com/tidbcloud/tidbcloud-uikit/pull/529))
+
 ## 2.3.0
 
 ### Minor Changes

package/dist/biz/DateTimePicker/index.cjs

@@ -243,10 +243,10 @@ const TimePicker = ({
   ...rest
 }) => {
   const [currentValue, setCurrentValue] = useUncontrolled.useUncontrolled({
-    value: value ? dayjs.dayjs(value) : void 0,
-    defaultValue: defaultValue ? dayjs.dayjs(defaultValue) : dayjs.dayjs(),
+    value: value ? dayjs.dayjs(value, "HH:mm:ss") : void 0,
+    defaultValue: defaultValue ? dayjs.dayjs(defaultValue, "HH:mm:ss") : dayjs.dayjs(),
     onChange: (v) => {
-      onChange == null ? void 0 : onChange(v.toDate());
+      onChange == null ? void 0 : onChange(v.format("HH:mm:ss"));
     }
   });
   const [currentValueChangedBy, setCurrentValueChangedBy] = React.useState(null);

package/dist/biz/DateTimePicker/index.d.cts

@@ -15,9 +15,12 @@ export interface DateTimePickerProps extends Omit<TextInputProps, 'value' | 'onC
 }
 export declare const DateTimePicker: ({ placeholder, format, defaultValue, value, startDate, endDate, onChange, disable, utcOffset, withinPortal, sx, loading, size }: DateTimePickerProps) => import("react/jsx-runtime.js").JSX.Element;
 export interface TimePickerProps extends Omit<TimeInputProps, 'value' | 'onChange' | 'defaultValue'>, Pick<PopoverProps, 'withinPortal' | 'withArrow' | 'position' | 'shadow'> {
-    defaultValue?: Date;
-    value?: Date;
-    onChange?: (val: Date) => void;
+    defaultValue?: string;
+    /**
+     * with format of `HH:mm:ss`
+     */
+    value?: string;
+    onChange?: (val: string) => void;
     disable?: boolean;
     size?: MantineSize;
 }

package/dist/biz/DateTimePicker/index.d.mts

@@ -15,9 +15,12 @@ export interface DateTimePickerProps extends Omit<TextInputProps, 'value' | 'onC
 }
 export declare const DateTimePicker: ({ placeholder, format, defaultValue, value, startDate, endDate, onChange, disable, utcOffset, withinPortal, sx, loading, size }: DateTimePickerProps) => import("react/jsx-runtime.js").JSX.Element;
 export interface TimePickerProps extends Omit<TimeInputProps, 'value' | 'onChange' | 'defaultValue'>, Pick<PopoverProps, 'withinPortal' | 'withArrow' | 'position' | 'shadow'> {
-    defaultValue?: Date;
-    value?: Date;
-    onChange?: (val: Date) => void;
+    defaultValue?: string;
+    /**
+     * with format of `HH:mm:ss`
+     */
+    value?: string;
+    onChange?: (val: string) => void;
     disable?: boolean;
     size?: MantineSize;
 }

package/dist/biz/DateTimePicker/index.mjs

@@ -241,10 +241,10 @@ const TimePicker = ({
   ...rest
 }) => {
   const [currentValue, setCurrentValue] = useUncontrolled({
-    value: value ? dayjs(value) : void 0,
-    defaultValue: defaultValue ? dayjs(defaultValue) : dayjs(),
+    value: value ? dayjs(value, "HH:mm:ss") : void 0,
+    defaultValue: defaultValue ? dayjs(defaultValue, "HH:mm:ss") : dayjs(),
     onChange: (v) => {
-      onChange == null ? void 0 : onChange(v.toDate());
+      onChange == null ? void 0 : onChange(v.format("HH:mm:ss"));
     }
   });
   const [currentValueChangedBy, setCurrentValueChangedBy] = useState(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",