diff --git a/components/style.ts b/components/style.ts
index a7fb1bbdf..da26516a5 100644
--- a/components/style.ts
+++ b/components/style.ts
@@ -31,7 +31,7 @@ import './cascader/style';
 // import './back-top/style';
 // import './modal/style';
 // import './alert/style';
-import './time-picker/style';
+// import './time-picker/style';
 // import './steps/style';
 // import './breadcrumb/style';
 // import './calendar/style';
diff --git a/components/time-picker/index.en-US.md b/components/time-picker/index.en-US.md
index 0cd4a0124..5646fbcf9 100644
--- a/components/time-picker/index.en-US.md
+++ b/components/time-picker/index.en-US.md
@@ -2,7 +2,7 @@
 category: Components
 type: Data Entry
 title: TimePicker
-cover: https://gw.alipayobjects.com/zos/alicdn/h04Zsl98I/TimePicker.svg
+cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*kGmGSLk_1fwAAAAAAAAAAAAADrJ8AQ/original
 ---
 
 To select/input a time.
diff --git a/components/time-picker/index.zh-CN.md b/components/time-picker/index.zh-CN.md
index dbf5b32b5..f9043066b 100644
--- a/components/time-picker/index.zh-CN.md
+++ b/components/time-picker/index.zh-CN.md
@@ -3,7 +3,7 @@ category: Components
 type: 数据录入
 title: TimePicker
 subtitle: 时间选择框
-cover: https://gw.alipayobjects.com/zos/alicdn/h04Zsl98I/TimePicker.svg
+cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*kGmGSLk_1fwAAAAAAAAAAAAADrJ8AQ/original
 ---
 
 输入或选择时间的控件。
diff --git a/components/time-picker/style/index.less b/components/time-picker/style/index.less
deleted file mode 100644
index af7ae24a9..000000000
--- a/components/time-picker/style/index.less
+++ /dev/null
@@ -1,3 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../input/style/mixin';
diff --git a/components/time-picker/style/index.tsx b/components/time-picker/style/index.tsx
deleted file mode 100644
index b2534aab0..000000000
--- a/components/time-picker/style/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import '../../style/index.less';
-import './index.less';
-
-// style dependencies
-import '../../date-picker/style';
diff --git a/components/time-picker/time-picker.tsx b/components/time-picker/time-picker.tsx
index 6ae4943c4..a7a83f24e 100644
--- a/components/time-picker/time-picker.tsx
+++ b/components/time-picker/time-picker.tsx
@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, PropType } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 import { defineComponent, ref } from 'vue';
 import type { RangePickerTimeProps } from '../date-picker/generatePicker';
 import generatePicker from '../date-picker/generatePicker';
@@ -15,6 +15,7 @@ import devWarning from '../vc-util/devWarning';
 import { useInjectFormItemContext } from '../form/FormItemContext';
 import omit from '../_util/omit';
 import type { InputStatus } from '../_util/statusUtils';
+import { booleanType, stringType } from '../_util/type';
 
 export interface TimePickerLocale {
   placeholder?: string;
@@ -23,17 +24,17 @@ export interface TimePickerLocale {
 
 export const timePickerProps = () => ({
   format: String,
-  showNow: { type: Boolean, default: undefined },
-  showHour: { type: Boolean, default: undefined },
-  showMinute: { type: Boolean, default: undefined },
-  showSecond: { type: Boolean, default: undefined },
-  use12Hours: { type: Boolean, default: undefined },
+  showNow: booleanType(),
+  showHour: booleanType(),
+  showMinute: booleanType(),
+  showSecond: booleanType(),
+  use12Hours: booleanType(),
   hourStep: Number,
   minuteStep: Number,
   secondStep: Number,
-  hideDisabledOptions: { type: Boolean, default: undefined },
+  hideDisabledOptions: booleanType(),
   popupClassName: String,
-  status: String as PropType<InputStatus>,
+  status: stringType<InputStatus>(),
 });
 type CommonTimePickerProps = Partial<ExtractPropTypes<ReturnType<typeof timePickerProps>>>;
 export type TimeRangePickerProps<DateType> = Omit<