Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 49 additions & 1 deletion apps/docs/content/docs/components/date-picker.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -488,7 +488,55 @@ import {I18nProvider} from "@react-aria/i18n";
type: "boolean",
description: "Whether to always show leading zeros in the month, day, and hour fields.",
default: "true"
}
},
{
attribute: "CalendarBottomContent",
type: "ReactNode",
description: "Bottom content to be rendered in the calendar component.",
default: "-"
},
{
attribute: "showMonthAndYearPickers",
type: "boolean | undefined",
description: "Whether the calendar should show month and year pickers.",
default: "false"
},
{
attribute: "popoverProps",
type: "PopoverProps | undefined",
description: "Props to be passed to the popover component.",
default: `{ placement: "bottom", triggerScaleOnOpen: false, offset: 13 }`
},
{
attribute: "selectorButtonProps",
type: "ButtonProps | undefined",
description: "Props to be passed to the selector button component.",
default: `{ size: "sm", variant: "light", radius: "full", isIconOnly: true }`
},
{
attribute: "calendarProps",
type: "CalendarProps | undefined",
description: "Props to be passed to the calendar component.",
default: `{ size: "sm", variant: "light", radius: "full", isIconOnly: true }`
},
Comment thread
wingkwong marked this conversation as resolved.
{
attribute: "timeInputProps",
type: "TimeInputProps | undefined",
description: "Props to be passed to the time input component.",
default: `{ size: "sm", variant: "light", radius: "full", isIconOnly: true }`
},
{
attribute: "disableAnimation",
type: "boolean",
description: "Whether to disable all animations in the date picker. Including the DateInput, Button, Calendar, and Popover.",
default: "false"
},
{
attribute: "classNames",
type: `Partial<Record<"base" | "selectorButton" | "selectorIcon" | "popoverContent" | "calendar" | "calendarContent" | "timeInputLabel" | "timeInput", string>>`,
description: "Allows to set custom class names for the date-picker slots. You can also pass Date Input classNames here.",
default: "-"
},
]}
/>

Expand Down