Optional aboutOptional acceptOptional accessOptional addonOptional allowOptional clearOptional altOptional aria-Optional aria-Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
Optional aria-Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.
Optional aria-Defines a string value that labels the current element, which is intended to be converted into Braille.
aria-label.
Optional aria-Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.
aria-roledescription.
Optional aria-Optional aria-Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
Optional aria-Defines the total number of columns in a table, grid, or treegrid.
aria-colindex.
Optional aria-Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
Optional aria-Defines a human readable text alternative of aria-colindex.
aria-rowindextext.
Optional aria-Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
Optional aria-Identifies the element (or elements) whose contents or presence are controlled by the current element.
aria-owns.
Optional aria-Indicates the element that represents the current item within a container or set of related elements.
Optional aria-Identifies the element (or elements) that describes the object.
aria-labelledby
Optional aria-Defines a string value that describes or annotates the current element.
related aria-describedby.
Optional aria-Identifies the element that provides a detailed, extended description for the object.
aria-describedby.
Optional aria-Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
Optional aria-Indicates what functions can be performed when a dragged object is released on the drop target.
in ARIA 1.1
Optional aria-Identifies the element that provides an error message for the object.
Optional aria-Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
Optional aria-Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.
Optional aria-Indicates an element's "grabbed" state in a drag-and-drop operation.
in ARIA 1.1
Optional aria-Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
Optional aria-Indicates whether the element is exposed to an accessibility API.
aria-disabled.
Optional aria-Indicates the entered value does not conform to the format expected by the application.
aria-errormessage.
Optional aria-Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
Optional aria-Defines a string value that labels the current element.
aria-labelledby.
Optional aria-Identifies the element (or elements) that labels the current element.
aria-describedby.
Optional aria-Defines the hierarchical level of an element within a structure.
Optional aria-Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
Optional aria-Indicates whether an element is modal when displayed.
Optional aria-Indicates whether a text box accepts multiple lines of input or only a single line.
Optional aria-Indicates that the user may select more than one item from the current selectable descendants.
Optional aria-Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
Optional aria-Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
aria-controls.
Optional aria-Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.
Optional aria-Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
aria-setsize.
Optional aria-Indicates the current "pressed" state of toggle buttons.
Optional aria-Indicates that the element is not editable, but is otherwise operable.
aria-disabled.
Optional aria-Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
aria-atomic.
Optional aria-Indicates that user input is required on the element before a form may be submitted.
Optional aria-Defines a human-readable, author-localized description for the role of an element.
Optional aria-Defines the total number of rows in a table, grid, or treegrid.
aria-rowindex.
Optional aria-Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
Optional aria-Defines a human readable text alternative of aria-rowindex.
aria-colindextext.
Optional aria-Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
Optional aria-Indicates the current "selected" state of various widgets.
Optional aria-Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
aria-posinset.
Optional aria-Indicates if items in a table or grid are sorted in ascending or descending order.
Optional aria-Defines the maximum allowed value for a range widget.
Optional aria-Defines the minimum allowed value for a range widget.
Optional aria-Defines the current value for a range widget.
aria-valuetext.
Optional aria-Defines the human readable text alternative of aria-valuenow for a range widget.
Optional autoOptional autoOptional autoOptional autoOptional autoOptional borderedUse variant instead
Optional builtinOptional captureOptional cellOptional change@deprecated. This is removed and not work anymore.
Value will always be update if user type correct date type.
You can use needConfirm for confirm requirement.
Optional changeOnly work in picker is time
Optional checkedOptional childrenOptional classOptional classOptional clearPlease use allowClear.clearIcon instead
Optional colorOptional componentsOptional contentOptional contentOptional contextOptional dangerouslyOptional datatypeOptional dateuse cellRender instead of dateRender
use cellRender instead of dateRender
Optional defaultOptional defaultOptional defaultOptional defaultConfig the popup panel date.
Every time active the input to open popup will reset with defaultPickerValue.
Note: defaultPickerValue priority is higher than value for the first open.
Optional defaultOptional dirOptional directionOptional disabledOptional disabledOptional disabledPlease use disabledTime instead.
Please use disabledTime instead.
Optional disabledPlease use disabledTime instead.
Please use disabledTime instead.
Optional disabledPlease use disabledTime instead.
Please use disabledTime instead.
Optional disabledOnly work in picker is time
Only work in picker is time
Optional range: "end" | "start"Optional draggableOptional dropdowndropdownClassName is deprecated which will be removed in next major
version.Please use popupClassName instead.
Optional enterOptional formOptional formOptional formOptional formOptional formOptional formOptional formatConfig the input field parse and format.
When set format.type, it will force user input type with your input,
it's only support basic format mask: YYYY, MM, DD, HH, mm, ss, SSS.
Once use config mode, it must be fill with format your config.
Optional type?: "mask"Optional getOptional heightOptional hiddenOptional hideOnly work in picker is time
Optional hourOnly work in picker is time
Optional idOptional inlistOptional inputHints at the type of data that might be entered by the user while editing the element or its contents
Optional inputOptional inputPlease use components.input instead.
Please use components.input instead.
Optional isSpecify that a standard HTML element should behave like a defined custom built-in element
Optional itemIDOptional itemOptional itemOptional itemOptional itemOptional keyOptional langOptional listOptional localeOptional maxLimit the selectable range. This will limit picker navigation also
Optional maxOptional maxOnly work when multiple is in used
Optional millisecondOnly work in picker is time.
Note that too small step will cause performance issue.
Optional minLimit the selectable range. This will limit picker navigation also
Optional minOptional minuteOnly work in picker is time
Optional modeOptional monthuse cellRender instead of monthCellRender
use cellRender instead of monthCellRender
Optional multipleNot support time or datetime picker
Optional nameOptional needBy default. Only time or datetime show the confirm button in panel.
true to make every picker need confirm.
false to trigger change on every time panel closed by the mode = picker.
Optional nextOptional nonceOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onpreventDefault is deprecated which will remove from future version.
Optional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onEach popup panel pickerValue change will trigger the callback.
Each popup panel pickerValue change will trigger the callback.
The changed picker value
panel from the panel click. reset from popup open or field typing.
The changed picker value
panel from the panel click. reset from popup open or field typing.
Optional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional onOptional openOptional orderDefault will always order of selection after submit
Optional panelOptional patternOptional pickerConfig each start & end field popup panel date.
When config pickerValue, you must also provide onPickerValueChange to handle changes.
Optional placeholderOptional placementOptional popupOptional popupOptional popupOptional prefixOptional prefixOptional preserveWhen user input invalidate date, keep it in the input field. This is only used for strong a11y requirement which do not want modify after blur.
Optional presetsOptional prevOptional propertyOptional radioOptional readOptional refAllows getting a ref to the component instance.
Once the component unmounts, React will set ref.current to null
(or call the ref with null if you passed a callback ref).
Optional relOptional removeOptional renderOptional requiredOptional resourceOptional resultsOptional revOptional roleOptional rootOptional secondOnly work in picker is time
Optional securityOptional showOnly work in picker is time
Optional showOnly work in picker is time
Optional showOnly work in picker is time
Optional showWhen use date picker,
Show the button to set current datetime.
Optional showOnly work in picker is time
Optional showPlease use showNow instead
Optional showOnly work when picker is date
Optional sizeOptional slotOptional spellOptional srcOptional statusOptional stepOptional styleOptional stylesOptional suffixOptional superOptional superOptional suppressOptional suppressOptional tabOptional titleOptional transitionOptional translateOptional twSpecify styles using Tailwind CSS classes. This feature is currently experimental.
If style prop is also specified, styles generated with tw prop will be overridden.
Example:
tw='w-full h-full bg-blue-200'tw='text-9xl'tw='text-[80px]'Optional typeOptional typeofOptional unselectableOptional use12Only work in picker is time
Optional valueOptional variant5.13.0
"outlined"
Optional vocabOptional widthGenerated using TypeDoc
Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.