Leave Yamada UI a star

Star
Yamada UIYamada UIv1.5.0

DatePicker

DatePicker is a component used for users to select a date.

Source@yamada-ui/calendar

Theming

The DatePicker is a multi part component.

export const DatePicker: ComponentMultiStyle<"DatePicker"> = mergeMultiStyle(
Input,
MultiSelect,
{
baseStyle: {
container: {},
field: {
cursor: "text",
pb: "px",
_focus: {
zIndex: "unset",
},
_readOnly: {
pointerEvents: "none",
},
},
content: {
w: "auto",
minW: "auto",
p: "2",
},
},
sizes: {
xs: {
icon: {
pt: "2",
fontSize: "md",
},
},
},
},
)({
omit: [
"addon",
"element",
"group",
"groupLabel",
"header",
"footer",
"list",
"item",
"itemIcon",
],
})
Copied!

Edit this page on GitHub

PreviousColorPickerNextDropzone