(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["63aa4298"],{"63aa4298":function(e,a,d){"use strict";d.d(a,"__esModule",{value:!0}),d.d(a,"texts",{enumerable:!0,get:function(){return t;}}),d("f7e85114");let t=[{value:"By clicking the input box, you can select a time from a popup panel.",paraId:0,tocIndex:0},{value:"Common props ref\uFF1A",paraId:1,tocIndex:18},{value:"Common props",paraId:2,tocIndex:18},{value:"import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\ndayjs.extend(customParseFormat)\n\n<TimePicker defaultValue={dayjs('13:30:56', 'HH:mm:ss')} />;\n",paraId:3,tocIndex:18},{value:"Property",paraId:4,tocIndex:18},{value:"Description",paraId:4,tocIndex:18},{value:"Type",paraId:4,tocIndex:18},{value:"Default",paraId:4,tocIndex:18},{value:"Version",paraId:4,tocIndex:18},{value:"allowClear",paraId:4,tocIndex:18},{value:"Customize clear icon",paraId:4,tocIndex:18},{value:"boolean | { clearIcon?: ReactNode }",paraId:4,tocIndex:18},{value:"true",paraId:4,tocIndex:18},{value:"5.8.0: Support object type",paraId:4,tocIndex:18},{value:"autoFocus",paraId:4,tocIndex:18},{value:"If get focus when component mounted",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"false",paraId:4,tocIndex:18},{value:"cellRender",paraId:4,tocIndex:18},{value:"Custom rendering function for picker cells",paraId:4,tocIndex:18},{value:"(current: number, info: { originNode: React.ReactElement, today: dayjs, range?: 'start' | 'end', subType: 'hour' | 'minute' | 'second' | 'meridiem' }) => React.ReactNode",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"5.4.0",paraId:4,tocIndex:18},{value:"changeOnScroll",paraId:4,tocIndex:18},{value:"Trigger selection when scroll the column",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"false",paraId:4,tocIndex:18},{value:"5.14.0",paraId:4,tocIndex:18},{value:"className",paraId:4,tocIndex:18},{value:"The className of picker",paraId:4,tocIndex:18},{value:"string",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"defaultValue",paraId:4,tocIndex:18},{value:"To set default time",paraId:4,tocIndex:18},{value:"dayjs",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"disabled",paraId:4,tocIndex:18},{value:"Determine whether the TimePicker is disabled",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"false",paraId:4,tocIndex:18},{value:"disabledTime",paraId:4,tocIndex:18},{value:"To specify the time that cannot be selected",paraId:4,tocIndex:18},{value:"DisabledTime",paraId:5,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"4.19.0",paraId:4,tocIndex:18},{value:"format",paraId:4,tocIndex:18},{value:"To set the time format",paraId:4,tocIndex:18},{value:"string",paraId:4,tocIndex:18},{value:"HH:mm:ss",paraId:4,tocIndex:18},{value:"getPopupContainer",paraId:4,tocIndex:18},{value:"To set the container of the floating layer, while the default is to create a div element in body",paraId:4,tocIndex:18},{value:"function(trigger)",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"hideDisabledOptions",paraId:4,tocIndex:18},{value:"Whether hide the options that can not be selected",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"false",paraId:4,tocIndex:18},{value:"hourStep",paraId:4,tocIndex:18},{value:"Interval between hours in picker",paraId:4,tocIndex:18},{value:"number",paraId:4,tocIndex:18},{value:"1",paraId:4,tocIndex:18},{value:"inputReadOnly",paraId:4,tocIndex:18},{value:"Set the ",paraId:4,tocIndex:18},{value:"readonly",paraId:4,tocIndex:18},{value:" attribute of the input tag (avoids virtual keyboard on touch devices)",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"false",paraId:4,tocIndex:18},{value:"minuteStep",paraId:4,tocIndex:18},{value:"Interval between minutes in picker",paraId:4,tocIndex:18},{value:"number",paraId:4,tocIndex:18},{value:"1",paraId:4,tocIndex:18},{value:"needConfirm",paraId:4,tocIndex:18},{value:"Need click confirm button to trigger value change",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"5.14.0",paraId:4,tocIndex:18},{value:"open",paraId:4,tocIndex:18},{value:"Whether to popup panel",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"false",paraId:4,tocIndex:18},{value:"placeholder",paraId:4,tocIndex:18},{value:"Display when there's no value",paraId:4,tocIndex:18},{value:"string | [string, string]",paraId:4,tocIndex:18},{value:"Select a time",paraId:4,tocIndex:18},{value:"placement",paraId:4,tocIndex:18},{value:"The position where the selection box pops up",paraId:4,tocIndex:18},{value:"bottomLeft",paraId:4,tocIndex:18},{value:" ",paraId:4,tocIndex:18},{value:"bottomRight",paraId:4,tocIndex:18},{value:" ",paraId:4,tocIndex:18},{value:"topLeft",paraId:4,tocIndex:18},{value:" ",paraId:4,tocIndex:18},{value:"topRight",paraId:4,tocIndex:18},{value:"bottomLeft",paraId:4,tocIndex:18},{value:"popupClassName",paraId:4,tocIndex:18},{value:"The className of panel",paraId:4,tocIndex:18},{value:"string",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"popupStyle",paraId:4,tocIndex:18},{value:"The style of panel",paraId:4,tocIndex:18},{value:"CSSProperties",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"prefix",paraId:4,tocIndex:18},{value:"The custom prefix",paraId:4,tocIndex:18},{value:"ReactNode",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"5.22.0",paraId:4,tocIndex:18},{value:"renderExtraFooter",paraId:4,tocIndex:18},{value:"Called from time picker panel to render some addon to its bottom",paraId:4,tocIndex:18},{value:"() => ReactNode",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"secondStep",paraId:4,tocIndex:18},{value:"Interval between seconds in picker",paraId:4,tocIndex:18},{value:"number",paraId:4,tocIndex:18},{value:"1",paraId:4,tocIndex:18},{value:"showNow",paraId:4,tocIndex:18},{value:"Whether to show ",paraId:4,tocIndex:18},{value:"Now",paraId:4,tocIndex:18},{value:" button on panel",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"4.4.0",paraId:4,tocIndex:18},{value:"size",paraId:4,tocIndex:18},{value:"To determine the size of the input box, the height of ",paraId:4,tocIndex:18},{value:"large",paraId:4,tocIndex:18},{value:" and ",paraId:4,tocIndex:18},{value:"small",paraId:4,tocIndex:18},{value:", are 40px and 24px respectively, while default size is 32px",paraId:4,tocIndex:18},{value:"large",paraId:4,tocIndex:18},{value:" | ",paraId:4,tocIndex:18},{value:"middle",paraId:4,tocIndex:18},{value:" | ",paraId:4,tocIndex:18},{value:"small",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"status",paraId:4,tocIndex:18},{value:"Set validation status",paraId:4,tocIndex:18},{value:"'error' | 'warning' | 'success' | 'validating'",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"4.19.0",paraId:4,tocIndex:18},{value:"suffixIcon",paraId:4,tocIndex:18},{value:"The custom suffix icon",paraId:4,tocIndex:18},{value:"ReactNode",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"use12Hours",paraId:4,tocIndex:18},{value:"Display as 12 hours format, with default format ",paraId:4,tocIndex:18},{value:"h:mm:ss a",paraId:4,tocIndex:18},{value:"boolean",paraId:4,tocIndex:18},{value:"false",paraId:4,tocIndex:18},{value:"value",paraId:4,tocIndex:18},{value:"To set time",paraId:4,tocIndex:18},{value:"dayjs",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"variant",paraId:4,tocIndex:18},{value:"Variants of picker",paraId:4,tocIndex:18},{value:"outlined",paraId:4,tocIndex:18},{value:" | ",paraId:4,tocIndex:18},{value:"borderless",paraId:4,tocIndex:18},{value:" | ",paraId:4,tocIndex:18},{value:"filled",paraId:4,tocIndex:18},{value:"outlined",paraId:4,tocIndex:18},{value:"5.13.0",paraId:4,tocIndex:18},{value:"onCalendarChange",paraId:4,tocIndex:18},{value:"Callback function, can be executed when the start time or the end time of the range is changing. ",paraId:4,tocIndex:18},{value:"info",paraId:4,tocIndex:18},{value:" argument is added in 4.4.0",paraId:4,tocIndex:18},{value:"function(dates: [dayjs, dayjs], dateStrings: [string, string], info: { range:",paraId:4,tocIndex:18},{value:"start",paraId:4,tocIndex:18},{value:"|",paraId:4,tocIndex:18},{value:"end",paraId:4,tocIndex:18},{value:" })",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"onChange",paraId:4,tocIndex:18},{value:"A callback function, can be executed when the selected time is changing",paraId:4,tocIndex:18},{value:"function(time: dayjs, timeString: string): void",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"onOpenChange",paraId:4,tocIndex:18},{value:"A callback function which will be called while panel opening/closing",paraId:4,tocIndex:18},{value:"(open: boolean) => void",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"type DisabledTime = (now: Dayjs) => {\n  disabledHours?: () => number[];\n  disabledMinutes?: (selectedHour: number) => number[];\n  disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];\n  disabledMilliseconds?: (\n    selectedHour: number,\n    selectedMinute: number,\n    selectedSecond: number,\n  ) => number[];\n};\n",paraId:6,tocIndex:19},{value:"Note: ",paraId:7,tocIndex:19},{value:"disabledMilliseconds",paraId:7,tocIndex:19},{value:" is added in ",paraId:7,tocIndex:19},{value:"5.14.0",paraId:7,tocIndex:19},{value:".",paraId:7,tocIndex:19},{value:"Name",paraId:8,tocIndex:20},{value:"Description",paraId:8,tocIndex:20},{value:"Version",paraId:8,tocIndex:20},{value:"blur()",paraId:8,tocIndex:20},{value:"Remove focus",paraId:8,tocIndex:20},{value:"focus()",paraId:8,tocIndex:20},{value:"Get focus",paraId:8,tocIndex:20},{value:"Same props from ",paraId:9,tocIndex:21},{value:"RangePicker",paraId:10,tocIndex:21},{value:" of DatePicker. And includes additional props:",paraId:9,tocIndex:21},{value:"Property",paraId:11,tocIndex:21},{value:"Description",paraId:11,tocIndex:21},{value:"Type",paraId:11,tocIndex:21},{value:"Default",paraId:11,tocIndex:21},{value:"Version",paraId:11,tocIndex:21},{value:"disabledTime",paraId:11,tocIndex:21},{value:"To specify the time that cannot be selected",paraId:11,tocIndex:21},{value:"RangeDisabledTime",paraId:12,tocIndex:21},{value:"-",paraId:11,tocIndex:21},{value:"4.19.0",paraId:11,tocIndex:21},{value:"order",paraId:11,tocIndex:21},{value:"Order start and end time",paraId:11,tocIndex:21},{value:"boolean",paraId:11,tocIndex:21},{value:"true",paraId:11,tocIndex:21},{value:"4.1.0",paraId:11,tocIndex:21},{value:"type RangeDisabledTime = (\n  now: Dayjs,\n  type = 'start' | 'end',\n) => {\n  disabledHours?: () => number[];\n  disabledMinutes?: (selectedHour: number) => number[];\n  disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];\n};\n",paraId:13,tocIndex:22},{value:"How to use TimePicker with customize date library like dayjs",paraId:14,tocIndex:24}];}}]);