@coreui/vue-pro 4.2.0 → 4.3.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/calendar/CCalendar.d.ts +185 -0
- package/dist/components/calendar/index.d.ts +6 -0
- package/dist/components/date-picker/CDatePicker.d.ts +406 -0
- package/dist/components/date-picker/index.d.ts +6 -0
- package/dist/components/date-range-picker/CDateRangePicker.d.ts +480 -0
- package/dist/components/date-range-picker/index.d.ts +6 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/multi-select/CMultiSelect.d.ts +2 -2
- package/dist/components/picker/CPicker.d.ts +11 -0
- package/dist/components/picker/index.d.ts +6 -0
- package/dist/components/popover/CPopover.d.ts +1 -1
- package/dist/components/sidebar/CSidebar.d.ts +1 -1
- package/dist/components/smart-table/CSmartTable.d.ts +1 -1
- package/dist/components/time-picker/CTimePicker.d.ts +10 -0
- package/dist/components/time-picker/CTimePickerRollCol.d.ts +27 -0
- package/dist/components/time-picker/index.d.ts +6 -0
- package/dist/components/toast/CToast.d.ts +1 -1
- package/dist/index.es.js +2849 -850
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2858 -849
- package/dist/index.js.map +1 -1
- package/dist/utils/calendar.d.ts +21 -0
- package/dist/utils/time.d.ts +17 -0
- package/package.json +1 -1
- package/src/components/calendar/CCalendar.ts +546 -0
- package/src/components/calendar/index.ts +10 -0
- package/src/components/date-picker/CDatePicker.ts +243 -0
- package/src/components/date-picker/index.ts +10 -0
- package/src/components/date-range-picker/CDateRangePicker.ts +635 -0
- package/src/components/date-range-picker/index.ts +10 -0
- package/src/components/dropdown/CDropdownMenu.ts +4 -2
- package/src/components/dropdown/CDropdownToggle.ts +24 -9
- package/src/components/index.ts +5 -0
- package/src/components/picker/CPicker.ts +220 -0
- package/src/components/picker/index.ts +10 -0
- package/src/components/time-picker/CTimePicker.ts +410 -0
- package/src/components/time-picker/CTimePickerRollCol.ts +58 -0
- package/src/components/time-picker/index.ts +10 -0
- package/src/utils/calendar.ts +193 -0
- package/src/utils/time.ts +58 -0
package/README.md
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
|
|
44
44
|
Several quick start options are available:
|
|
45
45
|
|
|
46
|
-
- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.
|
|
46
|
+
- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.3.0-beta.0.zip)
|
|
47
47
|
- Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
|
|
48
48
|
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
|
|
49
49
|
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare const CCalendar: import("vue").DefineComponent<{
|
|
3
|
+
/**
|
|
4
|
+
* Default date of the component
|
|
5
|
+
*/
|
|
6
|
+
calendarDate: {
|
|
7
|
+
type: (StringConstructor | DateConstructor)[];
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Specify the list of dates that cannot be selected.
|
|
11
|
+
*/
|
|
12
|
+
disabledDates: {
|
|
13
|
+
type: PropType<Date[] | Date[][]>;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Initial selected to date (range).
|
|
17
|
+
*/
|
|
18
|
+
endDate: {
|
|
19
|
+
type: (StringConstructor | DateConstructor)[];
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Sets the day of start week.
|
|
23
|
+
* - 0 - Sunday,
|
|
24
|
+
* - 1 - Monday,
|
|
25
|
+
* - 2 - Tuesday,
|
|
26
|
+
* - 3 - Wednesday,
|
|
27
|
+
* - 4 - Thursday,
|
|
28
|
+
* - 5 - Friday,
|
|
29
|
+
* - 6 - Saturday,
|
|
30
|
+
* - 7 - Sunday
|
|
31
|
+
*/
|
|
32
|
+
firstDayOfWeek: {
|
|
33
|
+
type: NumberConstructor;
|
|
34
|
+
default: number;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Sets the default locale for components. If not set, it is inherited from the navigator.language.
|
|
38
|
+
*/
|
|
39
|
+
locale: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
default: string;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Max selectable date.
|
|
45
|
+
*/
|
|
46
|
+
maxDate: {
|
|
47
|
+
type: (StringConstructor | DateConstructor)[];
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* Min selectable date.
|
|
51
|
+
*/
|
|
52
|
+
minDate: {
|
|
53
|
+
type: (StringConstructor | DateConstructor)[];
|
|
54
|
+
};
|
|
55
|
+
/**
|
|
56
|
+
* Show arrows navigation.
|
|
57
|
+
*/
|
|
58
|
+
navigation: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Allow range selection.
|
|
64
|
+
*/
|
|
65
|
+
range: BooleanConstructor;
|
|
66
|
+
/**
|
|
67
|
+
* Toggle select mode between start and end date.
|
|
68
|
+
*/
|
|
69
|
+
selectEndDate: BooleanConstructor;
|
|
70
|
+
/**
|
|
71
|
+
* Initial selected date.
|
|
72
|
+
*/
|
|
73
|
+
startDate: {
|
|
74
|
+
type: (StringConstructor | DateConstructor)[];
|
|
75
|
+
};
|
|
76
|
+
/**
|
|
77
|
+
* Set length or format of day name.
|
|
78
|
+
*
|
|
79
|
+
* @type number | 'long' | 'narrow' | 'short'
|
|
80
|
+
*/
|
|
81
|
+
weekdayFormat: {
|
|
82
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
83
|
+
default: number;
|
|
84
|
+
validator: (value: string | number) => boolean;
|
|
85
|
+
};
|
|
86
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
87
|
+
[key: string]: any;
|
|
88
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("calendar-cell-hover" | "calendar-date-change" | "start-date-change" | "end-date-change")[], "calendar-cell-hover" | "calendar-date-change" | "start-date-change" | "end-date-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
89
|
+
/**
|
|
90
|
+
* Default date of the component
|
|
91
|
+
*/
|
|
92
|
+
calendarDate: {
|
|
93
|
+
type: (StringConstructor | DateConstructor)[];
|
|
94
|
+
};
|
|
95
|
+
/**
|
|
96
|
+
* Specify the list of dates that cannot be selected.
|
|
97
|
+
*/
|
|
98
|
+
disabledDates: {
|
|
99
|
+
type: PropType<Date[] | Date[][]>;
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* Initial selected to date (range).
|
|
103
|
+
*/
|
|
104
|
+
endDate: {
|
|
105
|
+
type: (StringConstructor | DateConstructor)[];
|
|
106
|
+
};
|
|
107
|
+
/**
|
|
108
|
+
* Sets the day of start week.
|
|
109
|
+
* - 0 - Sunday,
|
|
110
|
+
* - 1 - Monday,
|
|
111
|
+
* - 2 - Tuesday,
|
|
112
|
+
* - 3 - Wednesday,
|
|
113
|
+
* - 4 - Thursday,
|
|
114
|
+
* - 5 - Friday,
|
|
115
|
+
* - 6 - Saturday,
|
|
116
|
+
* - 7 - Sunday
|
|
117
|
+
*/
|
|
118
|
+
firstDayOfWeek: {
|
|
119
|
+
type: NumberConstructor;
|
|
120
|
+
default: number;
|
|
121
|
+
};
|
|
122
|
+
/**
|
|
123
|
+
* Sets the default locale for components. If not set, it is inherited from the navigator.language.
|
|
124
|
+
*/
|
|
125
|
+
locale: {
|
|
126
|
+
type: StringConstructor;
|
|
127
|
+
default: string;
|
|
128
|
+
};
|
|
129
|
+
/**
|
|
130
|
+
* Max selectable date.
|
|
131
|
+
*/
|
|
132
|
+
maxDate: {
|
|
133
|
+
type: (StringConstructor | DateConstructor)[];
|
|
134
|
+
};
|
|
135
|
+
/**
|
|
136
|
+
* Min selectable date.
|
|
137
|
+
*/
|
|
138
|
+
minDate: {
|
|
139
|
+
type: (StringConstructor | DateConstructor)[];
|
|
140
|
+
};
|
|
141
|
+
/**
|
|
142
|
+
* Show arrows navigation.
|
|
143
|
+
*/
|
|
144
|
+
navigation: {
|
|
145
|
+
type: BooleanConstructor;
|
|
146
|
+
default: boolean;
|
|
147
|
+
};
|
|
148
|
+
/**
|
|
149
|
+
* Allow range selection.
|
|
150
|
+
*/
|
|
151
|
+
range: BooleanConstructor;
|
|
152
|
+
/**
|
|
153
|
+
* Toggle select mode between start and end date.
|
|
154
|
+
*/
|
|
155
|
+
selectEndDate: BooleanConstructor;
|
|
156
|
+
/**
|
|
157
|
+
* Initial selected date.
|
|
158
|
+
*/
|
|
159
|
+
startDate: {
|
|
160
|
+
type: (StringConstructor | DateConstructor)[];
|
|
161
|
+
};
|
|
162
|
+
/**
|
|
163
|
+
* Set length or format of day name.
|
|
164
|
+
*
|
|
165
|
+
* @type number | 'long' | 'narrow' | 'short'
|
|
166
|
+
*/
|
|
167
|
+
weekdayFormat: {
|
|
168
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
169
|
+
default: number;
|
|
170
|
+
validator: (value: string | number) => boolean;
|
|
171
|
+
};
|
|
172
|
+
}>> & {
|
|
173
|
+
"onCalendar-cell-hover"?: ((...args: any[]) => any) | undefined;
|
|
174
|
+
"onCalendar-date-change"?: ((...args: any[]) => any) | undefined;
|
|
175
|
+
"onStart-date-change"?: ((...args: any[]) => any) | undefined;
|
|
176
|
+
"onEnd-date-change"?: ((...args: any[]) => any) | undefined;
|
|
177
|
+
}, {
|
|
178
|
+
firstDayOfWeek: number;
|
|
179
|
+
locale: string;
|
|
180
|
+
navigation: boolean;
|
|
181
|
+
range: boolean;
|
|
182
|
+
selectEndDate: boolean;
|
|
183
|
+
weekdayFormat: string | number;
|
|
184
|
+
}>;
|
|
185
|
+
export { CCalendar };
|
|
@@ -0,0 +1,406 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare const CDatePicker: import("vue").DefineComponent<{
|
|
3
|
+
/**
|
|
4
|
+
* Default date of the component
|
|
5
|
+
*/
|
|
6
|
+
calendarDate: {
|
|
7
|
+
type: (StringConstructor | DateConstructor)[];
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Toggle visibility or set the content of cancel button.
|
|
11
|
+
*/
|
|
12
|
+
cancelButton: {
|
|
13
|
+
type: (StringConstructor | BooleanConstructor)[];
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Sets the color context of the cancel button to one of CoreUI’s themed colors.
|
|
18
|
+
*
|
|
19
|
+
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
|
20
|
+
*/
|
|
21
|
+
cancelButtonColor: {
|
|
22
|
+
default: string;
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
validator: (value: string) => boolean;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Size the cancel button small or large.
|
|
28
|
+
*
|
|
29
|
+
* @values 'sm', 'lg'
|
|
30
|
+
*/
|
|
31
|
+
cancelButtonSize: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
validator: (value: string) => boolean;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Set the cancel button variant to an outlined button or a ghost button.
|
|
38
|
+
*
|
|
39
|
+
* @values 'ghost', 'outline'
|
|
40
|
+
*/
|
|
41
|
+
cancelButtonVariant: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
default: string;
|
|
44
|
+
validator: (value: string) => boolean;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Toggle visibility of the cleaner button.
|
|
48
|
+
*/
|
|
49
|
+
cleaner: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* Toggle visibility or set the content of confirm button.
|
|
55
|
+
*/
|
|
56
|
+
confirmButton: {
|
|
57
|
+
type: (StringConstructor | BooleanConstructor)[];
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* Sets the color context of the confirm button to one of CoreUI’s themed colors.
|
|
62
|
+
*
|
|
63
|
+
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
|
64
|
+
*/
|
|
65
|
+
confirmButtonColor: {
|
|
66
|
+
default: string;
|
|
67
|
+
type: StringConstructor;
|
|
68
|
+
validator: (value: string) => boolean;
|
|
69
|
+
};
|
|
70
|
+
/**
|
|
71
|
+
* Size the confirm button small or large.
|
|
72
|
+
*
|
|
73
|
+
* @values 'sm', 'lg'
|
|
74
|
+
*/
|
|
75
|
+
confirmButtonSize: {
|
|
76
|
+
type: StringConstructor;
|
|
77
|
+
default: string;
|
|
78
|
+
validator: (value: string) => boolean;
|
|
79
|
+
};
|
|
80
|
+
/**
|
|
81
|
+
* Set the confirm button variant to an outlined button or a ghost button.
|
|
82
|
+
*
|
|
83
|
+
* @values 'ghost', 'outline'
|
|
84
|
+
*/
|
|
85
|
+
confirmButtonVariant: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
validator: (value: string) => boolean;
|
|
88
|
+
};
|
|
89
|
+
/**
|
|
90
|
+
* Toggle the disabled state for the component.
|
|
91
|
+
*/
|
|
92
|
+
disabled: BooleanConstructor;
|
|
93
|
+
/**
|
|
94
|
+
* Specify the list of dates that cannot be selected.
|
|
95
|
+
*/
|
|
96
|
+
disabledDates: {
|
|
97
|
+
type: PropType<Date[] | Date[][]>;
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* Initial selected date.
|
|
101
|
+
*/
|
|
102
|
+
date: {
|
|
103
|
+
type: (StringConstructor | DateConstructor)[];
|
|
104
|
+
required: false;
|
|
105
|
+
};
|
|
106
|
+
/**
|
|
107
|
+
* Sets the day of start week.
|
|
108
|
+
* - 0 - Sunday,
|
|
109
|
+
* - 1 - Monday,
|
|
110
|
+
* - 2 - Tuesday,
|
|
111
|
+
* - 3 - Wednesday,
|
|
112
|
+
* - 4 - Thursday,
|
|
113
|
+
* - 5 - Friday,
|
|
114
|
+
* - 6 - Saturday,
|
|
115
|
+
* - 7 - Sunday
|
|
116
|
+
*/
|
|
117
|
+
firstDayOfWeek: {
|
|
118
|
+
type: NumberConstructor;
|
|
119
|
+
default: number;
|
|
120
|
+
};
|
|
121
|
+
/**
|
|
122
|
+
* Toggle visibility of footer element or set the content of footer.
|
|
123
|
+
*/
|
|
124
|
+
footer: BooleanConstructor;
|
|
125
|
+
/**
|
|
126
|
+
* Toggle visibility or set the content of the input indicator.
|
|
127
|
+
*/
|
|
128
|
+
indicator: {
|
|
129
|
+
type: BooleanConstructor;
|
|
130
|
+
default: boolean;
|
|
131
|
+
};
|
|
132
|
+
/**
|
|
133
|
+
* Toggle the readonly state for the component.
|
|
134
|
+
*/
|
|
135
|
+
inputReadOnly: BooleanConstructor;
|
|
136
|
+
/**
|
|
137
|
+
* Sets the default locale for components. If not set, it is inherited from the navigator.language.
|
|
138
|
+
*/
|
|
139
|
+
locale: {
|
|
140
|
+
type: StringConstructor;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
/**
|
|
144
|
+
* Max selectable date.
|
|
145
|
+
*/
|
|
146
|
+
maxDate: {
|
|
147
|
+
type: (StringConstructor | DateConstructor)[];
|
|
148
|
+
};
|
|
149
|
+
/**
|
|
150
|
+
* Min selectable date.
|
|
151
|
+
*/
|
|
152
|
+
minDate: {
|
|
153
|
+
type: (StringConstructor | DateConstructor)[];
|
|
154
|
+
};
|
|
155
|
+
/**
|
|
156
|
+
* Show arrows navigation.
|
|
157
|
+
*/
|
|
158
|
+
navigation: {
|
|
159
|
+
type: BooleanConstructor;
|
|
160
|
+
default: boolean;
|
|
161
|
+
};
|
|
162
|
+
/**
|
|
163
|
+
* Specifies a short hint that is visible in the input.
|
|
164
|
+
*/
|
|
165
|
+
placeholder: {
|
|
166
|
+
type: StringConstructor;
|
|
167
|
+
default: string;
|
|
168
|
+
};
|
|
169
|
+
/**
|
|
170
|
+
* Size the component small or large.
|
|
171
|
+
*
|
|
172
|
+
* @values 'sm', 'lg'
|
|
173
|
+
*/
|
|
174
|
+
size: {
|
|
175
|
+
type: StringConstructor;
|
|
176
|
+
required: false;
|
|
177
|
+
validator: (value: string) => boolean;
|
|
178
|
+
};
|
|
179
|
+
/**
|
|
180
|
+
* Provide an additional time selection by adding select boxes to choose times.
|
|
181
|
+
*/
|
|
182
|
+
timepicker: BooleanConstructor;
|
|
183
|
+
/**
|
|
184
|
+
* Set length or format of day name.
|
|
185
|
+
*
|
|
186
|
+
* @type number | 'long' | 'narrow' | 'short'
|
|
187
|
+
*/
|
|
188
|
+
weekdayFormat: {
|
|
189
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
190
|
+
default: number;
|
|
191
|
+
validator: (value: string | number) => boolean;
|
|
192
|
+
};
|
|
193
|
+
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
194
|
+
[key: string]: any;
|
|
195
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
196
|
+
/**
|
|
197
|
+
* Default date of the component
|
|
198
|
+
*/
|
|
199
|
+
calendarDate: {
|
|
200
|
+
type: (StringConstructor | DateConstructor)[];
|
|
201
|
+
};
|
|
202
|
+
/**
|
|
203
|
+
* Toggle visibility or set the content of cancel button.
|
|
204
|
+
*/
|
|
205
|
+
cancelButton: {
|
|
206
|
+
type: (StringConstructor | BooleanConstructor)[];
|
|
207
|
+
default: string;
|
|
208
|
+
};
|
|
209
|
+
/**
|
|
210
|
+
* Sets the color context of the cancel button to one of CoreUI’s themed colors.
|
|
211
|
+
*
|
|
212
|
+
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
|
213
|
+
*/
|
|
214
|
+
cancelButtonColor: {
|
|
215
|
+
default: string;
|
|
216
|
+
type: StringConstructor;
|
|
217
|
+
validator: (value: string) => boolean;
|
|
218
|
+
};
|
|
219
|
+
/**
|
|
220
|
+
* Size the cancel button small or large.
|
|
221
|
+
*
|
|
222
|
+
* @values 'sm', 'lg'
|
|
223
|
+
*/
|
|
224
|
+
cancelButtonSize: {
|
|
225
|
+
type: StringConstructor;
|
|
226
|
+
default: string;
|
|
227
|
+
validator: (value: string) => boolean;
|
|
228
|
+
};
|
|
229
|
+
/**
|
|
230
|
+
* Set the cancel button variant to an outlined button or a ghost button.
|
|
231
|
+
*
|
|
232
|
+
* @values 'ghost', 'outline'
|
|
233
|
+
*/
|
|
234
|
+
cancelButtonVariant: {
|
|
235
|
+
type: StringConstructor;
|
|
236
|
+
default: string;
|
|
237
|
+
validator: (value: string) => boolean;
|
|
238
|
+
};
|
|
239
|
+
/**
|
|
240
|
+
* Toggle visibility of the cleaner button.
|
|
241
|
+
*/
|
|
242
|
+
cleaner: {
|
|
243
|
+
type: BooleanConstructor;
|
|
244
|
+
default: boolean;
|
|
245
|
+
};
|
|
246
|
+
/**
|
|
247
|
+
* Toggle visibility or set the content of confirm button.
|
|
248
|
+
*/
|
|
249
|
+
confirmButton: {
|
|
250
|
+
type: (StringConstructor | BooleanConstructor)[];
|
|
251
|
+
default: string;
|
|
252
|
+
};
|
|
253
|
+
/**
|
|
254
|
+
* Sets the color context of the confirm button to one of CoreUI’s themed colors.
|
|
255
|
+
*
|
|
256
|
+
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
|
257
|
+
*/
|
|
258
|
+
confirmButtonColor: {
|
|
259
|
+
default: string;
|
|
260
|
+
type: StringConstructor;
|
|
261
|
+
validator: (value: string) => boolean;
|
|
262
|
+
};
|
|
263
|
+
/**
|
|
264
|
+
* Size the confirm button small or large.
|
|
265
|
+
*
|
|
266
|
+
* @values 'sm', 'lg'
|
|
267
|
+
*/
|
|
268
|
+
confirmButtonSize: {
|
|
269
|
+
type: StringConstructor;
|
|
270
|
+
default: string;
|
|
271
|
+
validator: (value: string) => boolean;
|
|
272
|
+
};
|
|
273
|
+
/**
|
|
274
|
+
* Set the confirm button variant to an outlined button or a ghost button.
|
|
275
|
+
*
|
|
276
|
+
* @values 'ghost', 'outline'
|
|
277
|
+
*/
|
|
278
|
+
confirmButtonVariant: {
|
|
279
|
+
type: StringConstructor;
|
|
280
|
+
validator: (value: string) => boolean;
|
|
281
|
+
};
|
|
282
|
+
/**
|
|
283
|
+
* Toggle the disabled state for the component.
|
|
284
|
+
*/
|
|
285
|
+
disabled: BooleanConstructor;
|
|
286
|
+
/**
|
|
287
|
+
* Specify the list of dates that cannot be selected.
|
|
288
|
+
*/
|
|
289
|
+
disabledDates: {
|
|
290
|
+
type: PropType<Date[] | Date[][]>;
|
|
291
|
+
};
|
|
292
|
+
/**
|
|
293
|
+
* Initial selected date.
|
|
294
|
+
*/
|
|
295
|
+
date: {
|
|
296
|
+
type: (StringConstructor | DateConstructor)[];
|
|
297
|
+
required: false;
|
|
298
|
+
};
|
|
299
|
+
/**
|
|
300
|
+
* Sets the day of start week.
|
|
301
|
+
* - 0 - Sunday,
|
|
302
|
+
* - 1 - Monday,
|
|
303
|
+
* - 2 - Tuesday,
|
|
304
|
+
* - 3 - Wednesday,
|
|
305
|
+
* - 4 - Thursday,
|
|
306
|
+
* - 5 - Friday,
|
|
307
|
+
* - 6 - Saturday,
|
|
308
|
+
* - 7 - Sunday
|
|
309
|
+
*/
|
|
310
|
+
firstDayOfWeek: {
|
|
311
|
+
type: NumberConstructor;
|
|
312
|
+
default: number;
|
|
313
|
+
};
|
|
314
|
+
/**
|
|
315
|
+
* Toggle visibility of footer element or set the content of footer.
|
|
316
|
+
*/
|
|
317
|
+
footer: BooleanConstructor;
|
|
318
|
+
/**
|
|
319
|
+
* Toggle visibility or set the content of the input indicator.
|
|
320
|
+
*/
|
|
321
|
+
indicator: {
|
|
322
|
+
type: BooleanConstructor;
|
|
323
|
+
default: boolean;
|
|
324
|
+
};
|
|
325
|
+
/**
|
|
326
|
+
* Toggle the readonly state for the component.
|
|
327
|
+
*/
|
|
328
|
+
inputReadOnly: BooleanConstructor;
|
|
329
|
+
/**
|
|
330
|
+
* Sets the default locale for components. If not set, it is inherited from the navigator.language.
|
|
331
|
+
*/
|
|
332
|
+
locale: {
|
|
333
|
+
type: StringConstructor;
|
|
334
|
+
default: string;
|
|
335
|
+
};
|
|
336
|
+
/**
|
|
337
|
+
* Max selectable date.
|
|
338
|
+
*/
|
|
339
|
+
maxDate: {
|
|
340
|
+
type: (StringConstructor | DateConstructor)[];
|
|
341
|
+
};
|
|
342
|
+
/**
|
|
343
|
+
* Min selectable date.
|
|
344
|
+
*/
|
|
345
|
+
minDate: {
|
|
346
|
+
type: (StringConstructor | DateConstructor)[];
|
|
347
|
+
};
|
|
348
|
+
/**
|
|
349
|
+
* Show arrows navigation.
|
|
350
|
+
*/
|
|
351
|
+
navigation: {
|
|
352
|
+
type: BooleanConstructor;
|
|
353
|
+
default: boolean;
|
|
354
|
+
};
|
|
355
|
+
/**
|
|
356
|
+
* Specifies a short hint that is visible in the input.
|
|
357
|
+
*/
|
|
358
|
+
placeholder: {
|
|
359
|
+
type: StringConstructor;
|
|
360
|
+
default: string;
|
|
361
|
+
};
|
|
362
|
+
/**
|
|
363
|
+
* Size the component small or large.
|
|
364
|
+
*
|
|
365
|
+
* @values 'sm', 'lg'
|
|
366
|
+
*/
|
|
367
|
+
size: {
|
|
368
|
+
type: StringConstructor;
|
|
369
|
+
required: false;
|
|
370
|
+
validator: (value: string) => boolean;
|
|
371
|
+
};
|
|
372
|
+
/**
|
|
373
|
+
* Provide an additional time selection by adding select boxes to choose times.
|
|
374
|
+
*/
|
|
375
|
+
timepicker: BooleanConstructor;
|
|
376
|
+
/**
|
|
377
|
+
* Set length or format of day name.
|
|
378
|
+
*
|
|
379
|
+
* @type number | 'long' | 'narrow' | 'short'
|
|
380
|
+
*/
|
|
381
|
+
weekdayFormat: {
|
|
382
|
+
type: (NumberConstructor | StringConstructor)[];
|
|
383
|
+
default: number;
|
|
384
|
+
validator: (value: string | number) => boolean;
|
|
385
|
+
};
|
|
386
|
+
}>>, {
|
|
387
|
+
disabled: boolean;
|
|
388
|
+
firstDayOfWeek: number;
|
|
389
|
+
locale: string;
|
|
390
|
+
navigation: boolean;
|
|
391
|
+
weekdayFormat: string | number;
|
|
392
|
+
cancelButton: string | boolean;
|
|
393
|
+
cancelButtonColor: string;
|
|
394
|
+
cancelButtonSize: string;
|
|
395
|
+
cancelButtonVariant: string;
|
|
396
|
+
confirmButton: string | boolean;
|
|
397
|
+
confirmButtonColor: string;
|
|
398
|
+
confirmButtonSize: string;
|
|
399
|
+
footer: boolean;
|
|
400
|
+
cleaner: boolean;
|
|
401
|
+
indicator: boolean;
|
|
402
|
+
inputReadOnly: boolean;
|
|
403
|
+
placeholder: string;
|
|
404
|
+
timepicker: boolean;
|
|
405
|
+
}>;
|
|
406
|
+
export { CDatePicker };
|