{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/timepicker","result":{"data":{"current":{"frontmatter":{"title":"TimePicker 时间选择器","order":50,"brief":"用户使用时间选择器可以方便地选择某一符合要求的、格式化的时间点","icon":"doc-timepicker"},"fields":{"type":"input"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基础使用","title":"基础使用"},{"url":"#无限滚动","title":"无限滚动"},{"url":"#受控组件","title":"受控组件"},{"url":"#不同的-format-格式","title":"不同的 Format 格式"},{"url":"#设置面板头部底部","title":"设置面板头部，底部"},{"url":"#禁用时间选择","title":"禁用时间选择"},{"url":"#设置步长","title":"设置步长"},{"url":"#12-小时制","title":"12 小时制"},{"url":"#时间范围","title":"时间范围"},{"url":"#自定义触发器","title":"自定义触发器"}]},{"url":"#时区设置","title":"时区设置"},{"url":"#api-参考","title":"API 参考"},{"url":"#methods","title":"Methods"},{"url":"#文案规范","title":"文案规范"},{"url":"#设计变量","title":"设计变量"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"localeCode\": \"zh-CN\",\n  \"order\": 50,\n  \"category\": \"输入类\",\n  \"title\": \"TimePicker 时间选择器\",\n  \"icon\": \"doc-timepicker\",\n  \"brief\": \"用户使用时间选择器可以方便地选择某一符合要求的、格式化的时间点\"\n};\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"import\",\n    \"import\": true\n  }, \"import { TimePicker } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u7840\\u4F7F\\u7528\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u70B9\\u51FB TimePicker\\uFF0C\\u7136\\u540E\\u53EF\\u4EE5\\u5728\\u6D6E\\u5C42\\u4E2D\\u9009\\u62E9\\u6216\\u8005\\u8F93\\u5165\\u67D0\\u4E00\\u65F6\\u95F4\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return <TimePicker />;\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u65E0\\u9650\\u6EDA\\u52A8\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u7248\\u672CV2.22.0\\u5F00\\u59CB\\uFF0C\\u6211\\u4EEC\\u5C06 TimePicker \\u5185\\u7684 ScrollItem \\u7684\\u9ED8\\u8BA4\\u6A21\\u5F0F\\u4ECE \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"wheel\"), \" \\u53D8\\u66F4\\u4E3A\\u4E86 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"normal\"), \", \\u82E5\\u60F3\\u5E94\\u7528\\u56DE\\u65E0\\u9650\\u6EDA\\u52A8\\u7684\\u6548\\u679C\\uFF0C\\u53EF\\u53C2\\u8003\\u4EE5\\u4E0B\\u793A\\u4F8B\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return <TimePicker scrollItemProps={{ mode: \\\"wheel\\\", cycled: true }}/>;\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u53D7\\u63A7\\u7EC4\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5F53\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"value\"), \" \\u800C\\u4E0D\\u662F \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"defaultValue\"), \" \\u65F6\\uFF0C\\u4F5C\\u4E3A\\u53D7\\u63A7\\u7EC4\\u4EF6\\u4F7F\\u7528\\u3002\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"value\"), \" \\u548C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onChange\"), \" \\u9700\\u8981\\u914D\\u5408\\u4F7F\\u7528\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true hideInDSM\",\n    \"live\": \"true\",\n    \"hideInDSM\": true\n  }, \"import React, { useState } from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const [value, setValue] = useState(null);\\n    \\n    const onChange = (time) => {\\n        console.log(time);\\n        setValue(time);\\n    };\\n\\n    return <TimePicker value={value} onChange={onChange} />;\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u4E0D\\u540C\\u7684 Format \\u683C\\u5F0F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"TimePicker \\u6D6E\\u5C42\\u4E2D\\u7684\\u5217\\u4F1A\\u968F\\u7740 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"format\"), \" \\u53D8\\u5316\\uFF0C\\u5F53\\u7565\\u53BB \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"format\"), \" \\u4E2D\\u7684\\u67D0\\u90E8\\u5206\\u65F6\\uFF0C\\u6D6E\\u5C42\\u4E2D\\u5BF9\\u5E94\\u7684\\u5217\\u4E5F\\u4F1A\\u6D88\\u5931\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"NOTE: \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"format\"), \" \\u9075\\u5FAA date-fns \\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"format\"), \" \\u683C\\u5F0F\\u3002 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://date-fns.org/v2.0.0/docs/format\"\n  }, \"https://date-fns.org/v2.0.0/docs/format\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return <TimePicker format={'HH:mm'} defaultValue={'10:24'}/>;\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u7F6E\\u9762\\u677F\\u5934\\u90E8\\uFF0C\\u5E95\\u90E8\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useState } from 'react';\\nimport { TimePicker, Button } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const [open, setOpen] = useState(false);\\n    const closePanel = () => setOpen(false);\\n    const onOpenChange = (open) => {\\n        setOpen(open);\\n        console.log(open);\\n    };\\n\\n    return (\\n        <div>\\n            <TimePicker\\n                open={open}\\n                onOpenChange={onOpenChange}\\n                panelHeader={'Time Select'}\\n                panelFooter={<Button onClick={closePanel}>close</Button>}\\n            />\\n            <br/><br/>\\n            <TimePicker\\n                type='timeRange'\\n                panelHeader={['start header', 'end header']}\\n                panelFooter={[\\n                    <Button key=\\\"1\\\" onClick={() => {console.log('start footer');}}>start footer</Button>, \\n                    <Button key=\\\"2\\\" onClick={() => {console.log('end footer');}}>end footer</Button>\\n                ]}\\n            />\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u7981\\u7528\\u65F6\\u95F4\\u9009\\u62E9\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return <TimePicker defaultValue={'12:08:23'} disabled />;\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u7F6E\\u6B65\\u957F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"hourStep\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"minuteStep\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"secondStep\"), \" \\u6309\\u6B65\\u957F\\u5C55\\u793A\\u53EF\\u9009\\u7684\\u65F6\\u5206\\u79D2\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return <TimePicker minuteStep={15} secondStep={10} />;\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"12 \\u5C0F\\u65F6\\u5236\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"12 \\u5C0F\\u65F6\\u5236\\u7684\\u65F6\\u95F4\\u9009\\u62E9\\u5668\\uFF0C\\u9ED8\\u8BA4\\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"format\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"h:mm:ss a\"), \"\\uFF0C\\u4F20\\u5165\\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"format\"), \" \\u683C\\u5F0F\\u5FC5\\u987B\\u5728 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://date-fns.org/v2.0.0/docs/format\"\n  }, \"dateFns \\u65E5\\u671F\\u683C\\u5F0F\"), \"\\u8303\\u56F4\\u4E4B\\u5185\\u3002\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u4F8B\\u5982\\u9ED8\\u8BA4\\u7684 12 \\u5C0F\\u65F6\\u5236\\u683C\\u5F0F\\u4E32\\u4E3A\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"a h:mm:ss\"), \"\\uFF0C\\u5982\\u679C\\u4F20\\u5165 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"A h:mm:ss\"), \" \\u5219\\u4F1A\\u5BFC\\u81F4\\u65E0\\u6CD5\\u6B63\\u786E\\u683C\\u5F0F\\u5316\\u3002\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return (\\n        <div>\\n            <TimePicker use12Hours /><br/><br/>\\n            <TimePicker use12Hours format=\\\"a h:mm\\\" />\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u65F6\\u95F4\\u8303\\u56F4\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4F20\\u5165 type=\\\"timeRange\\\" \\u5F00\\u542F\\u65F6\\u95F4\\u8303\\u56F4\\u9009\\u62E9\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return (\\n        <div>\\n            <TimePicker type=\\\"timeRange\\\" defaultValue={[\\\"10:23:15\\\", \\\"12:38:32\\\"]} /><br/><br/>\\n            <TimePicker type=\\\"timeRange\\\" use12Hours format=\\\"a h:mm\\\" defaultValue={[\\\"\\u4E0A\\u5348 08:11\\\", \\\"\\u4E0B\\u5348 11:21\\\"]} />\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u5B9A\\u4E49\\u89E6\\u53D1\\u5668\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u9ED8\\u8BA4\\u60C5\\u51B5\\u4E0B\\u6211\\u4EEC\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Input\"), \" \\u7EC4\\u4EF6\\u4F5C\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"TimePicker\"), \" \\u7EC4\\u4EF6\\u7684\\u89E6\\u53D1\\u5668\\uFF0C\\u901A\\u8FC7\\u4F20\\u9012 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"triggerRender\"), \" \\u65B9\\u6CD5\\u4F60\\u53EF\\u4EE5\\u81EA\\u5B9A\\u4E49\\u8FD9\\u4E2A\\u89E6\\u53D1\\u5668\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true hideInDSM\",\n    \"live\": \"true\",\n    \"hideInDSM\": true\n  }, \"import React, { useState, useMemo } from 'react';\\nimport * as dateFns from 'date-fns';\\nimport { TimePicker, Button } from '@douyinfe/semi-ui';\\nimport { IconChevronDown, IconClose } from '@douyinfe/semi-icons';\\n\\nfunction Demo() {\\n    const formatToken = 'HH:mm:ss';\\n    const [time, setTime] = useState(new Date());\\n\\n    return (\\n        <TimePicker\\n            value={time}\\n            format={formatToken}\\n            onChange={time => setTime(time)}\\n            triggerRender={({ placeholder }) => (\\n                <Tag\\n                    color='cyan'\\n                    size='large'\\n                    shape='circle'\\n                    style={{ padding: 12, paddingRight: 16, fontSize: 14 }}\\n                    theme={'light'}\\n                    prefixIcon={<IconTimePicker />}\\n                >\\n                    {time ? dateFns.format(time, formatToken) : placeholder}\\n                </Tag>\\n            )}\\n        />\\n    );\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u65F6\\u533A\\u8BBE\\u7F6E\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Semi \\u6240\\u6709\\u5173\\u4E8E\\u65F6\\u533A\\u7684\\u914D\\u7F6E\\u90FD\\u6536\\u655B\\u5728 ConfigProvider \\u4E2D\\uFF0C\\u8BE6\\u7EC6\\u4F7F\\u7528\\u53EF\\u4EE5\\u53C2\\u8003 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/other/configprovider\"\n  }, \"ConfigProvider\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true hideInDSM\",\n    \"live\": \"true\",\n    \"hideInDSM\": true\n  }, \"import React, { useMemo, useState } from 'react';\\nimport { ConfigProvider, Select, TimePicker } from '@douyinfe/semi-ui';\\n\\nfunction Demo(props = {}) {\\n    const [timeZone, setTimeZone] = useState('GMT+08:00');\\n    const defaultTimestamp = 1581599305265;\\n    const gmtList = useMemo(() => {\\n        const list = [];\\n        for (let hourOffset = -11; hourOffset <= 14 ; hourOffset++) {\\n            const prefix = hourOffset >= 0 ? '+' : '-';\\n            const hOffset = Math.abs(parseInt(hourOffset, 10));\\n            list.push(`GMT${prefix}${String(hOffset).padStart(2, '0')}:00`);\\n        }\\n        return list;\\n    }, []);\\n\\n    return (\\n        <ConfigProvider timeZone={timeZone}>\\n            <div style={{ width: 300 }}>\\n                <h5 style={{ margin: 10 }}>Select Time Zone:</h5>\\n                <Select\\n                    placeholder={'\\u8BF7\\u9009\\u62E9\\u65F6\\u533A'}\\n                    style={{ width: 300 }}\\n                    value={timeZone}\\n                    showClear={true}\\n                    onSelect={value => setTimeZone(value)}\\n                >\\n                    {gmtList.map(gmt => (\\n                        <Select.Option key={gmt} value={gmt}>\\n                            {gmt}\\n                        </Select.Option>\\n                    ))}\\n                </Select>\\n                <br/> \\n                <br/> \\n                <h5 style={{ margin: 10 }}>TimePicker:</h5>\\n                <TimePicker defaultValue={defaultTimestamp} onChange={(date, dateString) => console.log('DatePicker changed: ', date, dateString)} />\\n            </div>\\n        </ConfigProvider>\\n    );\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API \\u53C2\\u8003\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u53C2\\u6570\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"autoAdjustOverflow\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6D6E\\u5C42\\u88AB\\u906E\\u6321\\u65F6\\u662F\\u5426\\u81EA\\u52A8\\u8C03\\u6574\\u65B9\\u5411\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"autoFocus\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u52A8\\u83B7\\u53D6\\u7126\\u70B9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"borderless\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\\u8FB9\\u6846\\u6A21\\u5F0F  >=2.33.0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5916\\u5C42\\u6837\\u5F0F\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"clearIcon\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u53EF\\u7528\\u4E8E\\u81EA\\u5B9A\\u4E49\\u6E05\\u9664\\u6309\\u94AE, showClear\\u4E3Atrue\\u65F6\\u6709\\u6548\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.25.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"defaultOpen\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9762\\u677F\\u662F\\u5426\\u9ED8\\u8BA4\\u6253\\u5F00\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"defaultValue\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u65F6\\u95F4\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Date\", \"|\", \"timeStamp\", \"|\", \"String\\uFF08type=\\\"timeRange\\\"\\u65F6\\u4E3A\\u6570\\u7EC4\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"disabled\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u7528\\u5168\\u90E8\\u64CD\\u4F5C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"disabledHours\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u6B62\\u9009\\u62E9\\u90E8\\u5206\\u5C0F\\u65F6\\u9009\\u9879\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Function(): number[]\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"disabledMinutes\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u6B62\\u9009\\u62E9\\u90E8\\u5206\\u5206\\u949F\\u9009\\u9879\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Function(selectedHour: number): number[]\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"disabledSeconds\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u6B62\\u9009\\u62E9\\u90E8\\u5206\\u79D2\\u9009\\u9879\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Function(selectedHour: number, selectedMinute: number): number[]\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"dropdownMargin\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6D6E\\u5C42\\u7B97\\u6EA2\\u51FA\\u65F6\\u7684\\u589E\\u52A0\\u7684\\u5197\\u4F59\\u503C\\uFF0C\\u8BE6\\u89C1\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/549\"\n  }, \"issue#549\"), \"\\uFF0C\\u4F5C\\u7528\\u540C Tooltip margin\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\", \"|\", \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.25.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"focusOnOpen\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6302\\u8F7D\\u65F6\\u662F\\u5426\\u6253\\u5F00\\u9762\\u677F\\u5E76focus\\u8F93\\u5165\\u6846\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"format\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C55\\u793A\\u7684\\u65F6\\u95F4\\u683C\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"HH:mm:ss\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"getPopupContainer\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u5B9A\\u5BB9\\u5668\\uFF0C\\u6D6E\\u5C42\\u5C06\\u4F1A\\u6E32\\u67D3\\u81F3\\u8BE5\\u5143\\u7D20\\u5185\\uFF0C\\u81EA\\u5B9A\\u4E49\\u9700\\u8981\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"position: relative\"), \"  \\u8FD9\\u4F1A\\u6539\\u53D8\\u6D6E\\u5C42 DOM \\u6811\\u4F4D\\u7F6E\\uFF0C\\u4F46\\u4E0D\\u4F1A\\u6539\\u53D8\\u89C6\\u56FE\\u6E32\\u67D3\\u4F4D\\u7F6E\\u3002\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Function(): HTMLElement\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => document.body\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"hideDisabledOptions\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9690\\u85CF\\u7981\\u6B62\\u9009\\u62E9\\u7684\\u9009\\u9879\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"hourStep\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C0F\\u65F6\\u9009\\u9879\\u95F4\\u9694\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"inputReadOnly\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u8F93\\u5165\\u6846\\u4E3A\\u53EA\\u8BFB\\uFF08\\u907F\\u514D\\u5728\\u79FB\\u52A8\\u8BBE\\u5907\\u4E0A\\u6253\\u5F00\\u865A\\u62DF\\u952E\\u76D8\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"minuteStep\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5206\\u949F\\u9009\\u9879\\u95F4\\u9694\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"motion\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5C55\\u793A\\u5F39\\u51FA\\u5C42\\u52A8\\u753B\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"open\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9762\\u677F\\u662F\\u5426\\u6253\\u5F00\\u7684\\u53D7\\u63A7\\u5C5E\\u6027\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"panelFooter\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9762\\u677F\\u5E95\\u90E8 addon\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\", \"|\", \"ReactNode[]\", \"|\", \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"panelHeader\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9762\\u677F\\u5934\\u90E8 addon\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\", \"|\", \"ReactNode[]\", \"|\", \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"placeholder\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6CA1\\u6709\\u503C\\u7684\\u65F6\\u5019\\u663E\\u793A\\u7684\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"\\u8BF7\\u9009\\u62E9\\u65F6\\u95F4\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"popupClassName\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"''\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"popupStyle\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u6837\\u5F0F\\u5BF9\\u8C61\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"position\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6D6E\\u5C42\\u4F4D\\u7F6E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"type=\\\"timeRange\\\"\\u65F6\\u9ED8\\u8BA4\\u4E3A\\\"bottom\\\"\\uFF0Ctype=\\\"time\\\"\\u65F6\\u9ED8\\u8BA4\\u4E3A\\\"bottomLeft\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"prefix\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u524D\\u7F00\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\", \"|\", \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"preventScroll\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u793A\\u6D4F\\u89C8\\u5668\\u662F\\u5426\\u5E94\\u6EDA\\u52A8\\u6587\\u6863\\u4EE5\\u663E\\u793A\\u65B0\\u805A\\u7126\\u7684\\u5143\\u7D20\\uFF0C\\u4F5C\\u7528\\u4E8E\\u7EC4\\u4EF6\\u5185\\u7684 focus \\u65B9\\u6CD5\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"rangeSeparator\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65F6\\u95F4\\u8303\\u56F4\\u5206\\u9694\\u7B26\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\" ~ \\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"scrollItemProps\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u900F\\u4F20\\u7ED9 scrollItem \\u7684\\u5C5E\\u6027\\uFF0C\\u53EF\\u9009\\u503C\\u540C\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/show/scrolllist#ScrollItem\"\n  }, \"ScrollList#API\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"secondStep\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u79D2\\u9009\\u9879\\u95F4\\u9694\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"showClear\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5C55\\u793A\\u6E05\\u9664\\u6309\\u94AE\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"stopPropagation\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u963B\\u6B62\\u5F39\\u51FA\\u5C42\\u4E0A\\u7684\\u70B9\\u51FB\\u4E8B\\u4EF6\\u5192\\u6CE1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.49.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"size\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8F93\\u5165\\u6846\\u7684\\u5927\\u5C0F\\uFF0C\\u53EF\\u9009 'default'\\uFF0C'small'\\uFF0C'large'\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"'default'\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"triggerRender\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u89E6\\u53D1\\u5668\\u6E32\\u67D3\\u65B9\\u6CD5\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"({ placeholder: string }) => ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"type\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"time\\\"\", \"|\", \"\\\"timeRange\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"time\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"use12Hours\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4F7F\\u7528 12 \\u5C0F\\u65F6\\u5236\\uFF0C\\u4E3A true \\u65F6 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"format\"), \" \\u9ED8\\u8BA4\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"h:mm:ss a\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"value\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F53\\u524D\\u65F6\\u95F4\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Date\", \"|\", \"timeStamp\", \"|\", \"String\\uFF08type=\\\"timeRange\\\"\\u65F6\\u4E3A\\u6570\\u7EC4\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onBlur\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5931\\u53BB\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e: domEvent) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => {}\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65F6\\u95F4\\u53D1\\u751F\\u53D8\\u5316\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Function(time: Date, timeString: string): void \\uFF08type=\\\"timeRange\\\"\\u65F6\\u5165\\u53C2\\u7686\\u4E3A\\u6570\\u7EC4\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onChangeWithDateFirst\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"true\"), \" \\u65F6 onChange \\u7684\\u5165\\u53C2\\u987A\\u5E8F\\u4E3A (Date, string), \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"false\"), \" \\u65F6\\u4E3A (string, Date)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.4.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onFocus\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u83B7\\u5F97\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e: domEvent) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => {}\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onOpenChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9762\\u677F\\u6253\\u5F00/\\u5173\\u95ED\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Function(isOpen: boolean): void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Methods\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u7ED1\\u5B9A\\u5728\\u7EC4\\u4EF6\\u5B9E\\u4F8B\\u4E0A\\u7684\\u65B9\\u6CD5\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 ref \\u8C03\\u7528\\u5B9E\\u73B0\\u67D0\\u4E9B\\u7279\\u6B8A\\u4EA4\\u4E92\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u540D\\u79F0\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u63CF\\u8FF0\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"blur()\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u79FB\\u9664\\u7126\\u70B9\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"focus()\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u83B7\\u53D6\\u7126\\u70B9\"))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u6587\\u6848\\u89C4\\u8303\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u65F6\\u95F4\\u9009\\u62E9\\u5668\\u81F3\\u5C11\\u5305\\u62EC\\u65F6\\u548C\\u5206\\uFF0C\\u5982\\uFF1A11:30\\uFF0C\\u5B83\\u5728\\u672C\\u5730\\u5316\\u8FC7\\u7A0B\\u4E2D\\uFF0C\\u53EF\\u4EE5\\u9002\\u5E94\\u4E3A12\\u5C0F\\u65F6\\u5236\\u6216\\u800524\\u5C0F\\u65F6\\u5236\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5F53\\u9009\\u62E912\\u5C0F\\u65F6\\u5236\\uFF0C\\u9700\\u8981\\u548CAM/PM\\u4E00\\u8D77\\u642D\\u914D\\u4F7F\\u7528\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n    mdxType: \"DesignToken\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/input/timepicker","next":{"fields":{"slug":"en-US/input/transfer"},"id":"bf28b69c-f334-5862-80ff-710dc1566895","frontmatter":{"title":"Transfer","localeCode":"en-US","icon":"doc-transfer","showNew":null}},"previous":{"fields":{"slug":"en-US/input/timepicker"},"id":"b54e8a70-063f-5376-b87d-2626ec5027bc","frontmatter":{"title":"TimePicker","localeCode":"en-US","icon":"doc-timepicker","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}