allowInput
説明
If true, allows input.
タイプ
booleanデフォルト
trueRangeDatePicker
RangeDatePickerは、ユーザーが日付を範囲選択するために使用されるコンポーネントです。
Props
RangeDatePickerProps
allowInputBeyond
説明
If true, allows input of dates beyond the minDate and maxDate restrictions.
タイプ
booleanデフォルト
trueamountOfMonths
説明
The number of months to display.
タイプ
numberデフォルト
1animation
説明
The animation of the popover.
タイプ
"bottom" | "left" | "right" | "scale" | "top" | "none"デフォルト
'scale'boundary
説明
The boundary area for the popper. Used within the preventOverflow modifier.
タイプ
HTMLElement | "clippingParents" | "scrollParent"デフォルト
'clippingParents'calendarColorScheme
説明
ColorScheme for the calendar component.
タイプ
ThemeColorSchemecalendarProps
説明
Props for calendar component.
タイプ
CalendarBasePropscalendarSize
説明
Size for the calendar component.
タイプ
UIValue<"lg" | "md" | "sm" | ({} & string) | "full">calendarVariant
説明
Variant for the calendar component.
タイプ
UIValue<({} & string) | "solid" | "subtle" | "unstyled">clearIconProps
説明
Props for date picker clear icon element.
タイプ
DatePickerIconPropscloseDelay
説明
The number of delay time to close.
タイプ
numberデフォルト
200closeOnBlur
説明
If true, the popover will close when you blur out it by clicking outside or tabbing out.
タイプ
booleanデフォルト
truecloseOnEsc
説明
If true, the popover will close when you hit the Esc key.
タイプ
booleanデフォルト
truecloseOnSelect
説明
If true, the list element will be closed when value is selected.
タイプ
booleanデフォルト
truecolorScheme
説明
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"containerProps
説明
Props for date picker container element.
タイプ
Omit<HTMLUIProps, "children">contentProps
説明
Props for date picker container element.
タイプ
Omit<MotionProps, "children">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-formatsdefaultIsOpen
説明
If true, the popover will be initially opened.
タイプ
booleandefaultMonth
説明
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.
タイプ
[(Date | undefined)?, (Date | undefined)?]disableOutsideDays
説明
If true, outside days will be disabled.
タイプ
booleanデフォルト
falseduration
説明
The animation duration.
タイプ
number | MotionLifecycleProps<number>endInputProps
説明
Props for date picker end input element.
タイプ
HTMLUIProps<"input">endPlaceholder
説明
The end date placeholder
タイプ
stringerrorBorderColor
説明
The border color when the input is invalid.
タイプ
stringeventListeners
説明
If provided, determines whether the popper will reposition itself on scroll and resize of the window.
タイプ
type ONLY_FOR_FORMAT =
| boolean
| { resize?: boolean | undefined; scroll?: boolean | undefined }デフォルト
trueexcludeDate
説明
Callback function to determine whether the day should be disabled.
タイプ
(date: Date) => booleanfieldProps
説明
Props for date picker field element.
タイプ
Omit<HTMLUIProps, "children">firstDayOfWeek
説明
Define the first day of the week.
タイプ
"monday" | "sunday"デフォルト
'monday'flip
説明
If true, the popper will change its placement and flip when it's about to overflow its boundary area.
タイプ
booleanデフォルト
truefocusBorderColor
説明
The border color when the input is focused.
タイプ
stringgutter
説明
The distance or margin between the reference and popper.
It is used internally to create an offset modifier.
タイプ
UIValue<number>デフォルト
8holidays
説明
Define holidays.
タイプ
Date[]iconProps
説明
Props for date picker icon element.
タイプ
DatePickerIconPropsinputFormat
説明
The format used for conversion. Check the docs to see the format of possible modifiers you can pass.
タイプ
stringデフォルト
'YYYY/MM/DD'ドキュメント
https://day.js.org/docs/en/display/format#list-of-localized-formatsisClearable
説明
If true, display the date picker clear icon.
タイプ
booleanデフォルト
trueisDisabled
説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
falseisInvalid
説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
falseisLazy
説明
If true, the PopoverContent rendering will be deferred until the popover is open.
タイプ
booleanデフォルト
falseisOpen
説明
If true, the popover will be opened.
タイプ
booleanisReadOnly
説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
falseisRequired
説明
If true, the form control will be required.
タイプ
booleanデフォルト
falselazyBehavior
説明
The lazy behavior of popover's content when not visible. Only works when isLazy={true}
- unmount: The popover's content is always unmounted when not open.
- keepMounted: The popover's content initially unmounted, but stays mounted when popover is open.
タイプ
LazyModeデフォルト
'unmount'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-localematchWidth
説明
If true, the popper will match the width of the reference at all times.
It's useful for autocomplete, date-picker and select patterns.
タイプ
booleanデフォルト
falsemaxDate
説明
The maximum possible date.
タイプ
DatemaxSelectValues
説明
The maximum selectable value.
タイプ
numberminDate
説明
The minimum possible date.
タイプ
DateminSelectValues
説明
The minimum selectable value.
タイプ
numbermodifiers
説明
Array of popper.js modifiers. Check the docs to see the list of possible modifiers you can pass.
タイプ
Partial<Modifier<string, any>>[]ドキュメント
https://popper.js.org/docs/v2/modifiers/month
説明
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-formatsoffset
説明
The main and cross-axis offset to displace popper element from its reference element.
タイプ
[number, number]onChange
説明
The callback invoked when value state changes.
タイプ
(
value: [(Date | undefined)?, (Date | undefined)?],
) => 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,
) => voidonClose
説明
Callback fired when the popover closes.
タイプ
() => voidonOpen
説明
Callback fired when the popover opens.
タイプ
() => voidopenDelay
説明
The number of delay time to open.
タイプ
numberデフォルト
200paginateBy
説明
The number of months to paginate.
タイプ
numberデフォルト
1parseDate
説明
Function that converts the input value to Date type.
タイプ
(value: string) => Date | undefinedpattern
説明
The pattern used to check the input element.
タイプ
RegExpデフォルト
'/[^0-9-/]/g'placement
説明
The placement of the popper relative to its reference.
タイプ
UIValue<Placement>デフォルト
'bottom'portalProps
説明
Props to be forwarded to the portal component.
タイプ
Omit<PortalProps, "children">デフォルト
'{ isDisabled: true }'preventOverflow
説明
If true, will prevent the popper from being cut off and ensure it's visible within the boundary area.
タイプ
booleanデフォルト
trueseparator
説明
The visual separator between each value.
タイプ
stringデフォルト
'-'size
説明
The size of the RangeDatePicker.
タイプ
"xs" | "sm" | "md" | "lg" | "xl"デフォルト
"md"startInputProps
説明
Props for date picker start input element.
タイプ
HTMLUIProps<"input">startPlaceholder
説明
The start date placeholder
タイプ
stringstrategy
説明
The CSS positioning strategy to use.
タイプ
"absolute" | "fixed"デフォルト
'absolute'today
説明
If true, highlight today.
タイプ
booleanデフォルト
falsetype
説明
The type of the calendar.
タイプ
"month" | "date" | "year"value
説明
The value of the calendar.
タイプ
[(Date | undefined)?, (Date | undefined)?]variant
説明
The variant of the RangeDatePicker.
タイプ
"filled" | "flushed" | "outline" | "unstyled"デフォルト
"outline"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-formatsweekendDays
説明
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-formatsGitHubでこのページを編集する