| visible |
Boolean |
false |
true/false |
N |
Whether the calendar is visible. |
| startMonth |
String |
6 months ago from current month |
A YYYYMM formatted string representing a date. |
N |
The starting month. |
| endMonth |
String |
6 months after current month |
A YYYYMM formatted string representing a date. |
N |
The ending month. |
| initMonth |
String |
Current month |
A YYYYMM formatted string representing a date. |
N |
The initial month to display. |
| mode |
String |
'single' |
'single'/'multiple'/'range' |
N |
The selection mode. |
| startSunday |
Boolean |
false |
true/false |
N |
Whether the week starts on Sunday. |
| weekendRed |
Boolean |
false |
true/false |
N |
Whether weekends are displayed in red. |
| monthCard |
Boolean |
true |
true/false |
N |
Whether to use card style for month data. |
| monthMark |
Boolean |
false |
true/false |
N |
Whether to display the month watermark. |
| monthMarkSize |
String |
'7xl' |
'3xl'/'4xl'/'5xl'/'6xl'/'7xl'/'8xl'/'9xl' |
N |
The size of the month watermark text. |
| height |
Number |
50 |
A number representing the percentage of height. |
N |
The height of the calendar as a percentage. |
| infoDates |
Array |
[] |
Refer to infoDates Props. |
Y |
Dates that need to display information. |
| disabledDates |
Array |
[] |
Array of dates in YYYYMMDD format. |
Y |
Dates that are not selectable. |
| radius |
String |
'xl' |
'none'/'base'/'xl'/'2xl' |
Y |
The style of rounded corners on selected dates. |
| showSelectedDay |
Boolean |
true |
true/false |
Y |
Whether to show the number of selected days. |
| confirmText |
String |
The current language's confirm text |
- |
Y |
The text shown on the confirm button. |
| selectedText |
String |
The current language's selected text |
- |
Y |
Part of the text shown on the confirm button. |
| dayText |
String |
The current language's day text |
- |
Y |
Part of the text shown on the confirm button. |
| quickSelects |
Array/Number |
[] |
'week'/'month'/'quarter'/positive integer/ negative integer |
Y |
Configuration parameters for quick date selection. |
| includeToday |
Boolean |
false |
true/false |
Y |
Whether to include today in quick date selection. |
| highlightToday |
Boolean |
true |
true/false |
Y |
Whether to highlight today. |
| useAnimation |
Boolean |
true |
true/false |
Y |
Whether to use animation when auto-scrolling to specified months. |
| outFormat |
String |
'YMD' |
A combination of characters including Y M D. |
Y |
The format of the returned date data. |
| popup |
Object |
{} |
Refer to Popup Props. |
Y |
Parameters for the popup component. |
| button |
Object |
{} |
Refer to Button Props. |
Y |
Parameters for the confirm button. |