amountOfMonths
説明
The number of months to display.
タイプ
numberデフォルト
1Calendar
Calendarは、日付を表示または選択するカレンダーのコンポーネントです。
Props
CalendarProps
colorScheme
説明
The visual color appearance of the component.
タイプ
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"デフォルト
"primary"controlProps
説明
Props for calendar control button element.
タイプ
Omit<CalendarControlProps, "operation">dateFormat
説明
The format used for conversion. Check the docs to see the format of possible modifiers you can pass.
タイプ
stringデフォルト
'MMMM YYYY'ドキュメント
https://day.js.org/docs/en/display/format#list-of-localized-formatsdayProps
説明
Props for calendar day button element.
タイプ
{ component?: FC<DayProps> | undefined } & ButtonPropsdefaultMonth
説明
The initial month of the calendar.
タイプ
Dateデフォルト
'new Date()'defaultType
説明
The initial type of the calendar.
タイプ
"month" | "date" | "year"defaultValue
説明
The initial value of the calendar.
タイプ
NonNullable<Y>disableOutsideDays
説明
If true, outside days will be disabled.
タイプ
booleanデフォルト
falseenableMultiple
説明
If true, enables date multiple selection.
タイプ
booleanデフォルト
falseenableRange
説明
If true, enables date range selection.
タイプ
booleanデフォルト
falseexcludeDate
説明
Callback function to determine whether the day should be disabled.
タイプ
(date: Date) => booleanfirstDayOfWeek
説明
Define the first day of the week.
タイプ
"monday" | "sunday"デフォルト
'monday'headerProps
説明
Props for calendar header element.
タイプ
HTMLUIPropsholidays
説明
Define holidays.
タイプ
Date[]labelProps
説明
Props for calendar label button element.
タイプ
{
icon?:
| IconProps
| ReactElement<any, string | JSXElementConstructor<any>>
| undefined
} & CalendarLabelPropslocale
説明
The locale of the calendar. Check the docs to see the locale of possible modifiers you can pass.
タイプ
stringデフォルト
'en-US'ドキュメント
https://day.js.org/docs/en/i18n/instance-localemaxDate
説明
The maximum possible date.
タイプ
DatemaxSelectValues
説明
The maximum selectable value.
タイプ
numberminDate
説明
The minimum possible date.
タイプ
DateminSelectValues
説明
The minimum selectable value.
タイプ
numbermonth
説明
The month of the calendar.
タイプ
DatemonthFormat
説明
The format used for conversion. Check the docs to see the format of possible modifiers you can pass.
タイプ
stringデフォルト
'MM'ドキュメント
https://day.js.org/docs/en/display/format#list-of-localized-formatsmonthGridProps
説明
Props for calendar month grid element.
タイプ
HTMLUIPropsmonthProps
説明
Props for calendar month button element.
タイプ
{
component?: FC<{ index: number; month: string; year: number }> | undefined
} & ButtonPropsnextProps
説明
Props for calendar next control button element.
タイプ
Omit<CalendarControlProps, "operation">nextRef
説明
Ref to a next function.
タイプ
type ONLY_FOR_FORMAT =
| ((instance: (() => void | undefined) | null) => void)
| MutableRefObject<(() => void | undefined) | null>onChange
説明
The callback invoked when value state changes.
タイプ
(value: Y) => voidonChangeMonth
説明
The callback invoked when month state changes.
タイプ
(value: Date) => voidonChangeType
説明
The callback invoked when type state changes.
タイプ
(
type: "month" | "date" | "year",
year?: number | undefined,
month?: number | undefined,
) => voidpaginateBy
説明
The number of months to paginate.
タイプ
numberデフォルト
1prevProps
説明
Props for calendar previous control button element.
タイプ
Omit<CalendarControlProps, "operation">prevRef
説明
Ref to a previous function.
タイプ
type ONLY_FOR_FORMAT =
| ((instance: (() => void | undefined) | null) => void)
| MutableRefObject<(() => void | undefined) | null>size
説明
The size of the Calendar.
タイプ
"sm" | "md" | "lg" | "full"デフォルト
"md"tableProps
説明
Props for calendar month table element.
タイプ
MonthTablePropstoday
説明
If true, highlight today.
タイプ
booleanデフォルト
falsetype
説明
The type of the calendar.
タイプ
"month" | "date" | "year"typeRef
説明
Ref to a type function.
タイプ
type ONLY_FOR_FORMAT =
| ((instance: (() => void | undefined) | null) => void)
| MutableRefObject<(() => void | undefined) | null>value
説明
The value of the calendar.
タイプ
NonNullable<Y>variant
説明
The variant of the Calendar.
タイプ
"solid" | "subtle" | "unstyled"デフォルト
"solid"weekdayFormat
説明
The format used for conversion. Check the docs to see the format of possible modifiers you can pass.
タイプ
stringデフォルト
'dd'ドキュメント
https://day.js.org/docs/en/display/format#list-of-localized-formatsweekdayProps
説明
Props for calendar weekday element.
タイプ
{ component?: FC<WeekdayProps> | undefined } & UIProps &
Omit<HTMLProps<"div">, keyof UIProps>weekendDays
説明
Define weekend days.
タイプ
number[]デフォルト
'[0, 6]'withControls
説明
If true, display the calendar control buttons.
タイプ
booleanデフォルト
truewithHeader
説明
If true, display the calendar header.
タイプ
booleanデフォルト
truewithLabel
説明
If true, display the calendar label button.
タイプ
booleanデフォルト
truewithWeekdays
説明
If true, display the calendar weekdays.
タイプ
booleanデフォルト
trueyearFormat
説明
The format used for conversion. Check the docs to see the format of possible modifiers you can pass.
タイプ
stringデフォルト
'YYYY'ドキュメント
https://day.js.org/docs/en/display/format#list-of-localized-formatsyearGridProps
説明
Props for calendar year grid element.
タイプ
HTMLUIPropsyearProps
説明
Props for calendar year button element.
タイプ
{
component?: FC<{ index: number; year: number }> | undefined
} & ButtonPropsGitHubでこのページを編集する