docs(timepicker): timepicker presets demo

src/time-picker/_example/hms.jsx

@@ -5,12 +5,29 @@ export default function BasicTimePicker() {
   const [value, setValue] = useState('12:00:00');
 
   const handleValueChange = (v) => {
+    console.log('change', v);
     setValue(v);
   };
 
   const handleOnPick = (v, context) => {
     console.log('onPick', v, context);
   };
 
-  return <TimePicker value={value} onChange={handleValueChange} onPick={handleOnPick} />;
+  const handleClose = () => {
+    console.log('close');
+  };
+
+  const handleOpen = () => {
+    console.log('open');
+  };
+
+  return (
+    <TimePicker
+      value={value}
+      onChange={handleValueChange}
+      onPick={handleOnPick}
+      onClose={handleClose}
+      onOpen={handleOpen}
+    />
+  );
 }

src/time-picker/_example/presets.jsx

@@ -0,0 +1,33 @@
+import React, { useState } from 'react';
+import { TimePicker, Space } from 'tdesign-react';
+
+const { TimeRangePicker } = TimePicker;
+
+export default function RangeTimePicker() {
+  const [time1, setTime1] = useState('20:22');
+  const [time2, setTime2] = useState(['00:00:00', '23:59:59']);
+  return (
+    <Space direction="vertical">
+      <TimePicker
+        value={time1}
+        onChange={setTime1}
+        presets={{
+          上午十一点: '11:00:00',
+        }}
+        clearable
+      />
+
+      <TimeRangePicker
+        value={time2}
+        onChange={setTime2}
+        style={{ marginTop: '20px' }}
+        clearable
+        format="HH:mm:ss"
+        allow-input
+        presets={{
+          下午: ['13:00:00', '18:00:00'],
+        }}
+      />
+    </Space>
+  );
+}