amountOfMonths
説明
The number of months to display.
タイプ
numberデフォルト
1Calendar
Calendarは、日付を表示または選択するカレンダーのコンポーネントです。
Props
CalendarProps
colorScheme
説明
The visual color appearance of the component.
タイプ
"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "rose" | "pink" | "flashy" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia"デフォルト
primarycontrolProps
説明
Props for calendar control button element.
タイプ
IconButtonPropsdateFormat
説明
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.
タイプ
Omit<PropsOf<"button">, "ref" | keyof StyleProps> & StyleProps & PseudoProps & { __css?: CSSUIObject | undefined; sx?: CSSUIObject | undefined; css?: Interpolation<...>; } & { ...; } & ThemeProps<...> & ButtonOptions & { ...; }defaultMonth
説明
The initial month of the calendar.
タイプ
Dateデフォルト
'new Date()'defaultType
説明
The initial type of the calendar.
タイプ
"date" | "month" | "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.
タイプ
"sunday" | "monday"デフォルト
'monday'headerProps
説明
Props for calendar header element.
タイプ
HTMLUIProps<"div">holidays
説明
Define holidays.
タイプ
Date[]labelProps
説明
Props for calendar label button element.
タイプ
Omit<PropsOf<"button">, "ref" | keyof StyleProps> & StyleProps & PseudoProps & { __css?: CSSUIObject | undefined; sx?: CSSUIObject | undefined; css?: Interpolation<...>; } & { ...; } & ThemeProps<...> & ButtonOptions & { ...; }locale
説明
The locale of the calendar. Check the docs to see the locale of possible modifiers you can pass.
タイプ
stringデフォルト
'en'ドキュメント
https://day.js.org/docs/en/i18n/instance-localemaxDate
説明
The maximum possible date.
タイプ
DatemaxSelectValues
説明
The maximum selectable value.
タイプ
numberminDate
説明
The minimum possible date.
タイプ
Datemonth
説明
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-formatsmonthProps
説明
Props for calendar month button element.
タイプ
Omit<PropsOf<"button">, "ref" | keyof StyleProps> & StyleProps & PseudoProps & { __css?: CSSUIObject | undefined; sx?: CSSUIObject | undefined; css?: Interpolation<...>; } & { ...; } & ThemeProps<...> & ButtonOptions & { ...; }nextProps
説明
Props for calendar next control button element.
タイプ
IconButtonPropsnextRef
説明
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: "date" | "month" | "year",
year?: number | undefined,
month?: number | undefined,
) => voidpaginateBy
説明
The number of months to paginate.
タイプ
numberデフォルト
1prevProps
説明
Props for calendar previous control button element.
タイプ
IconButtonPropsprevRef
説明
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"デフォルト
mdtableProps
説明
Props for calendar month table element.
タイプ
Omit<PropsOf<"table">, "ref" | keyof StyleProps> & StyleProps & PseudoProps & { __css?: CSSUIObject | undefined; sx?: CSSUIObject | undefined; css?: Interpolation<...>; } & { ...; } & { ...; }today
説明
If true, highlight today.
タイプ
booleanデフォルト
falsetype
説明
The type of the calendar.
タイプ
"date" | "month" | "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"デフォルト
solidweekdayFormat
説明
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.
タイプ
Omit<PropsOf<"div">, "ref" | keyof StyleProps> & StyleProps & PseudoProps & { __css?: CSSUIObject | undefined; sx?: CSSUIObject | undefined; css?: Interpolation<...>; } & { ...; } & { ...; }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-formatsyearProps
説明
Props for calendar year button element.
タイプ
Omit<PropsOf<"button">, "ref" | keyof StyleProps> & StyleProps & PseudoProps & { __css?: CSSUIObject | undefined; sx?: CSSUIObject | undefined; css?: Interpolation<...>; } & { ...; } & ThemeProps<...> & ButtonOptions & { ...; }GitHubでこのページを編集する