@wizleap-inc/wiz-ui-next 2.36.1 → 2.38.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/dist/components/base/calendar/calendar.vue.d.ts +35 -5
- package/dist/components/base/inputs/date-picker/date-picker.vue.d.ts +102 -49
- package/dist/components/base/inputs/date-range-picker/date-range-picker.vue.d.ts +522 -30
- package/dist/components/base/inputs/search-input/search-input.vue.d.ts +2 -0
- package/dist/components/base/inputs/search-input/search-popup.vue.d.ts +1 -0
- package/dist/components/base/inputs/search-selector/levenshtein-distance.d.ts +2 -0
- package/dist/components/base/inputs/search-selector/search-selector.vue.d.ts +25 -1
- package/dist/style.css +1 -1
- package/dist/wiz-ui.es.js +3857 -3728
- package/dist/wiz-ui.umd.js +17 -17
- package/package.json +2 -2
|
@@ -1,5 +1,13 @@
|
|
|
1
|
+
import * as styles from "@wizleap-inc/wiz-ui-styles/bases/calendar.css";
|
|
1
2
|
import { PropType } from "vue";
|
|
2
3
|
import { DateStatus } from "./types";
|
|
4
|
+
type DateState = "outOfCurrentMonth" | "disabledDate" | "primary" | "secondary" | "inCurrentMonth";
|
|
5
|
+
type RadiusStyle = {
|
|
6
|
+
borderTopLeftRadius?: string;
|
|
7
|
+
borderTopRightRadius?: string;
|
|
8
|
+
borderBottomLeftRadius?: string;
|
|
9
|
+
borderBottomRightRadius?: string;
|
|
10
|
+
};
|
|
3
11
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
12
|
currentMonth: {
|
|
5
13
|
type: PropType<Date>;
|
|
@@ -31,13 +39,35 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
31
39
|
props: any;
|
|
32
40
|
calendars: import("vue").ComputedRef<string[][]>;
|
|
33
41
|
isCurrentMonth: (row: number, col: number) => boolean;
|
|
34
|
-
getDateState: import("vue").ComputedRef<(row: number, col: number) =>
|
|
42
|
+
getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | "disabledDate" | "inCurrentMonth" | import("./types").DateState>;
|
|
43
|
+
adjacentItems: import("vue").ComputedRef<{
|
|
44
|
+
current: {
|
|
45
|
+
state: DateState | undefined;
|
|
46
|
+
day: string;
|
|
47
|
+
date: Date;
|
|
48
|
+
};
|
|
49
|
+
top: DateState | undefined;
|
|
50
|
+
left: DateState | undefined;
|
|
51
|
+
right: DateState | undefined;
|
|
52
|
+
bottom: DateState | undefined;
|
|
53
|
+
}[][]>;
|
|
35
54
|
updateSelectedDate: (row: number, col: number, day: string) => void;
|
|
55
|
+
isActiveDate: import("vue").ComputedRef<(date: Date) => boolean>;
|
|
56
|
+
activeItemRadiusStyle: (adjacent: {
|
|
57
|
+
current: {
|
|
58
|
+
state: DateState | undefined;
|
|
59
|
+
date: Date;
|
|
60
|
+
};
|
|
61
|
+
top: DateState | undefined;
|
|
62
|
+
left: DateState | undefined;
|
|
63
|
+
right: DateState | undefined;
|
|
64
|
+
bottom: DateState | undefined;
|
|
65
|
+
}, isActiveDate: (date: Date) => boolean) => RadiusStyle;
|
|
66
|
+
primaryItemInnerRadiusStyle: (isPrimary: boolean) => {
|
|
67
|
+
borderRadius: string | undefined;
|
|
68
|
+
};
|
|
36
69
|
readonly WEEK_LIST_JP: string[];
|
|
37
|
-
readonly
|
|
38
|
-
readonly calendarItemCommonStyle: string;
|
|
39
|
-
readonly calendarItemStyle: Record<"primary" | "disabledDate" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
|
|
40
|
-
readonly calendarStyle: string;
|
|
70
|
+
readonly styles: typeof styles;
|
|
41
71
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
42
72
|
currentMonth: {
|
|
43
73
|
type: PropType<Date>;
|
|
@@ -26,13 +26,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
26
26
|
type: BooleanConstructor;
|
|
27
27
|
required: true;
|
|
28
28
|
};
|
|
29
|
-
/**
|
|
30
|
-
* `isHover=true`の時、キャンセルアイコンを緑色にします。
|
|
31
|
-
*/
|
|
32
|
-
isHover: {
|
|
33
|
-
type: BooleanConstructor;
|
|
34
|
-
required: true;
|
|
35
|
-
};
|
|
36
29
|
isDirectionFixed: {
|
|
37
30
|
type: BooleanConstructor;
|
|
38
31
|
required: false;
|
|
@@ -57,9 +50,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
57
50
|
required: false;
|
|
58
51
|
default: (year: number) => string;
|
|
59
52
|
};
|
|
53
|
+
/**
|
|
54
|
+
* @description 日付の表示形式をカスタマイズします。
|
|
55
|
+
* @default (date) => `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`,
|
|
56
|
+
*/
|
|
57
|
+
formatDate: {
|
|
58
|
+
type: PropType<(date: Date) => string>;
|
|
59
|
+
required: false;
|
|
60
|
+
default: (date: Date) => string;
|
|
61
|
+
};
|
|
60
62
|
}, {
|
|
61
63
|
props: any;
|
|
62
|
-
emit: (event: "update:modelValue" | "update:isOpen"
|
|
64
|
+
emit: (event: "update:modelValue" | "update:isOpen", ...args: any[]) => void;
|
|
63
65
|
defaultCurrentMonth: Date;
|
|
64
66
|
currentMonth: import("vue").Ref<{
|
|
65
67
|
toString: () => string;
|
|
@@ -125,7 +127,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
125
127
|
};
|
|
126
128
|
}>;
|
|
127
129
|
setIsOpen: (value: boolean) => void;
|
|
128
|
-
setIsHover: (value: boolean) => void;
|
|
129
130
|
onClickCancel: () => void;
|
|
130
131
|
clickToNextMonth: (e: KeyboardEvent | MouseEvent) => void;
|
|
131
132
|
clickToPreviousMonth: (e: KeyboardEvent | MouseEvent) => void;
|
|
@@ -181,7 +182,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
181
182
|
};
|
|
182
183
|
};
|
|
183
184
|
readonly datePickerArrowIconStyle: string;
|
|
184
|
-
readonly
|
|
185
|
+
readonly datePickerCancelIconStyle: string;
|
|
185
186
|
readonly datePickerMonthSelectorItemStyle: string;
|
|
186
187
|
readonly datePickerMonthSelectorStyle: string;
|
|
187
188
|
readonly datePickerSelectorStyle: string;
|
|
@@ -191,7 +192,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
191
192
|
readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
|
|
192
193
|
readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
|
|
193
194
|
readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
|
|
194
|
-
readonly formatDateToYYMMDD: (_date: Date) => string;
|
|
195
195
|
readonly WizCalendar: import("vue").DefineComponent<{
|
|
196
196
|
currentMonth: {
|
|
197
197
|
type: PropType<Date>;
|
|
@@ -218,13 +218,40 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
218
218
|
props: any;
|
|
219
219
|
calendars: import("vue").ComputedRef<string[][]>;
|
|
220
220
|
isCurrentMonth: (row: number, col: number) => boolean;
|
|
221
|
-
getDateState: import("vue").ComputedRef<(row: number, col: number) =>
|
|
221
|
+
getDateState: import("vue").ComputedRef<(row: number, col: number) => "outOfCurrentMonth" | "disabledDate" | "inCurrentMonth" | import("../../calendar/types").DateState>;
|
|
222
|
+
adjacentItems: import("vue").ComputedRef<{
|
|
223
|
+
current: {
|
|
224
|
+
state: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
225
|
+
day: string;
|
|
226
|
+
date: Date;
|
|
227
|
+
};
|
|
228
|
+
top: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
229
|
+
left: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
230
|
+
right: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
231
|
+
bottom: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
232
|
+
}[][]>;
|
|
222
233
|
updateSelectedDate: (row: number, col: number, day: string) => void;
|
|
234
|
+
isActiveDate: import("vue").ComputedRef<(date: Date) => boolean>;
|
|
235
|
+
activeItemRadiusStyle: (adjacent: {
|
|
236
|
+
current: {
|
|
237
|
+
state: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
238
|
+
date: Date;
|
|
239
|
+
};
|
|
240
|
+
top: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
241
|
+
left: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
242
|
+
right: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
243
|
+
bottom: ("primary" | "disabledDate" | "outOfCurrentMonth" | "secondary" | "inCurrentMonth") | undefined;
|
|
244
|
+
}, isActiveDate: (date: Date) => boolean) => {
|
|
245
|
+
borderTopLeftRadius?: string | undefined;
|
|
246
|
+
borderTopRightRadius?: string | undefined;
|
|
247
|
+
borderBottomLeftRadius?: string | undefined;
|
|
248
|
+
borderBottomRightRadius?: string | undefined;
|
|
249
|
+
};
|
|
250
|
+
primaryItemInnerRadiusStyle: (isPrimary: boolean) => {
|
|
251
|
+
borderRadius: string | undefined;
|
|
252
|
+
};
|
|
223
253
|
readonly WEEK_LIST_JP: string[];
|
|
224
|
-
readonly
|
|
225
|
-
readonly calendarItemCommonStyle: string;
|
|
226
|
-
readonly calendarItemStyle: Record<"primary" | "disabledDate" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
|
|
227
|
-
readonly calendarStyle: string;
|
|
254
|
+
readonly styles: typeof import("@wizleap-inc/wiz-ui-styles/bases/calendar.css");
|
|
228
255
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
229
256
|
currentMonth: {
|
|
230
257
|
type: PropType<Date>;
|
|
@@ -326,7 +353,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
326
353
|
ml: {
|
|
327
354
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
328
355
|
required: false;
|
|
329
|
-
};
|
|
356
|
+
}; /**
|
|
357
|
+
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
358
|
+
* @param date
|
|
359
|
+
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
360
|
+
*/
|
|
330
361
|
mx: {
|
|
331
362
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
332
363
|
required: false;
|
|
@@ -353,7 +384,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
353
384
|
};
|
|
354
385
|
position: {
|
|
355
386
|
type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
|
|
356
|
-
required: false;
|
|
387
|
+
required: false; /**
|
|
388
|
+
* @description 日付の表示形式をカスタマイズします。
|
|
389
|
+
* @default (date) => `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`,
|
|
390
|
+
*/
|
|
357
391
|
};
|
|
358
392
|
}, {
|
|
359
393
|
readonly WizStack: import("vue").DefineComponent<{
|
|
@@ -688,7 +722,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
688
722
|
ml: {
|
|
689
723
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
690
724
|
required: false;
|
|
691
|
-
};
|
|
725
|
+
}; /**
|
|
726
|
+
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
727
|
+
* @param date
|
|
728
|
+
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
729
|
+
*/
|
|
692
730
|
mx: {
|
|
693
731
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
694
732
|
required: false;
|
|
@@ -715,7 +753,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
715
753
|
};
|
|
716
754
|
position: {
|
|
717
755
|
type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
|
|
718
|
-
required: false;
|
|
756
|
+
required: false; /**
|
|
757
|
+
* @description 日付の表示形式をカスタマイズします。
|
|
758
|
+
* @default (date) => `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`,
|
|
759
|
+
*/
|
|
719
760
|
};
|
|
720
761
|
}>>, {
|
|
721
762
|
reverse: boolean;
|
|
@@ -789,6 +830,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
789
830
|
shadow: {
|
|
790
831
|
type: BooleanConstructor;
|
|
791
832
|
required: false;
|
|
833
|
+
/**
|
|
834
|
+
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
835
|
+
* @param date
|
|
836
|
+
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
837
|
+
*/
|
|
792
838
|
default: boolean;
|
|
793
839
|
};
|
|
794
840
|
animation: {
|
|
@@ -797,11 +843,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
797
843
|
default: boolean;
|
|
798
844
|
};
|
|
799
845
|
isDirectionFixed: {
|
|
800
|
-
/**
|
|
801
|
-
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
802
|
-
* @param date
|
|
803
|
-
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
804
|
-
*/
|
|
805
846
|
type: BooleanConstructor;
|
|
806
847
|
required: false;
|
|
807
848
|
default: boolean;
|
|
@@ -907,6 +948,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
907
948
|
shadow: {
|
|
908
949
|
type: BooleanConstructor;
|
|
909
950
|
required: false;
|
|
951
|
+
/**
|
|
952
|
+
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
953
|
+
* @param date
|
|
954
|
+
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
955
|
+
*/
|
|
910
956
|
default: boolean;
|
|
911
957
|
};
|
|
912
958
|
animation: {
|
|
@@ -915,11 +961,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
915
961
|
default: boolean;
|
|
916
962
|
};
|
|
917
963
|
isDirectionFixed: {
|
|
918
|
-
/**
|
|
919
|
-
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
920
|
-
* @param date
|
|
921
|
-
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
922
|
-
*/
|
|
923
964
|
type: BooleanConstructor;
|
|
924
965
|
required: false;
|
|
925
966
|
default: boolean;
|
|
@@ -1030,9 +1071,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1030
1071
|
required: false;
|
|
1031
1072
|
};
|
|
1032
1073
|
textAlign: {
|
|
1033
|
-
type: PropType<"left" | "right" | "start" | "center" | "end">;
|
|
1034
|
-
* カレンダー（Popup）の開閉状態を指定します。
|
|
1035
|
-
*/
|
|
1074
|
+
type: PropType<"left" | "right" | "start" | "center" | "end">;
|
|
1036
1075
|
required: false;
|
|
1037
1076
|
default: string;
|
|
1038
1077
|
};
|
|
@@ -1116,9 +1155,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1116
1155
|
required: false;
|
|
1117
1156
|
};
|
|
1118
1157
|
textAlign: {
|
|
1119
|
-
type: PropType<"left" | "right" | "start" | "center" | "end">;
|
|
1120
|
-
* カレンダー（Popup）の開閉状態を指定します。
|
|
1121
|
-
*/
|
|
1158
|
+
type: PropType<"left" | "right" | "start" | "center" | "end">;
|
|
1122
1159
|
required: false;
|
|
1123
1160
|
default: string;
|
|
1124
1161
|
};
|
|
@@ -1213,7 +1250,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1213
1250
|
ml: {
|
|
1214
1251
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
1215
1252
|
required: false;
|
|
1216
|
-
};
|
|
1253
|
+
}; /**
|
|
1254
|
+
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
1255
|
+
* @param date
|
|
1256
|
+
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
1257
|
+
*/
|
|
1217
1258
|
mx: {
|
|
1218
1259
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
1219
1260
|
required: false;
|
|
@@ -1240,7 +1281,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1240
1281
|
};
|
|
1241
1282
|
position: {
|
|
1242
1283
|
type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
|
|
1243
|
-
required: false;
|
|
1284
|
+
required: false; /**
|
|
1285
|
+
* @description 日付の表示形式をカスタマイズします。
|
|
1286
|
+
* @default (date) => `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`,
|
|
1287
|
+
*/
|
|
1244
1288
|
};
|
|
1245
1289
|
}, {
|
|
1246
1290
|
readonly WizStack: import("vue").DefineComponent<{
|
|
@@ -1575,7 +1619,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1575
1619
|
ml: {
|
|
1576
1620
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
1577
1621
|
required: false;
|
|
1578
|
-
};
|
|
1622
|
+
}; /**
|
|
1623
|
+
* @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
|
|
1624
|
+
* @param date
|
|
1625
|
+
* @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
|
|
1626
|
+
*/
|
|
1579
1627
|
mx: {
|
|
1580
1628
|
type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
|
|
1581
1629
|
required: false;
|
|
@@ -1602,7 +1650,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1602
1650
|
};
|
|
1603
1651
|
position: {
|
|
1604
1652
|
type: PropType<"fixed" | "absolute" | "relative" | "sticky" | "static">;
|
|
1605
|
-
required: false;
|
|
1653
|
+
required: false; /**
|
|
1654
|
+
* @description 日付の表示形式をカスタマイズします。
|
|
1655
|
+
* @default (date) => `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`,
|
|
1656
|
+
*/
|
|
1606
1657
|
};
|
|
1607
1658
|
}>>, {
|
|
1608
1659
|
reverse: boolean;
|
|
@@ -1614,7 +1665,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1614
1665
|
readonly WizICancel: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
1615
1666
|
readonly WizIChevronLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
1616
1667
|
readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
1617
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:isOpen"
|
|
1668
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:isOpen")[], "update:modelValue" | "update:isOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1618
1669
|
modelValue: {
|
|
1619
1670
|
type: PropType<Date | null>;
|
|
1620
1671
|
required: true;
|
|
@@ -1641,13 +1692,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1641
1692
|
type: BooleanConstructor;
|
|
1642
1693
|
required: true;
|
|
1643
1694
|
};
|
|
1644
|
-
/**
|
|
1645
|
-
* `isHover=true`の時、キャンセルアイコンを緑色にします。
|
|
1646
|
-
*/
|
|
1647
|
-
isHover: {
|
|
1648
|
-
type: BooleanConstructor;
|
|
1649
|
-
required: true;
|
|
1650
|
-
};
|
|
1651
1695
|
isDirectionFixed: {
|
|
1652
1696
|
type: BooleanConstructor;
|
|
1653
1697
|
required: false;
|
|
@@ -1672,10 +1716,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1672
1716
|
required: false;
|
|
1673
1717
|
default: (year: number) => string;
|
|
1674
1718
|
};
|
|
1719
|
+
/**
|
|
1720
|
+
* @description 日付の表示形式をカスタマイズします。
|
|
1721
|
+
* @default (date) => `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`,
|
|
1722
|
+
*/
|
|
1723
|
+
formatDate: {
|
|
1724
|
+
type: PropType<(date: Date) => string>;
|
|
1725
|
+
required: false;
|
|
1726
|
+
default: (date: Date) => string;
|
|
1727
|
+
};
|
|
1675
1728
|
}>> & {
|
|
1676
1729
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
1677
1730
|
"onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
|
|
1678
|
-
"onUpdate:isHover"?: ((...args: any[]) => any) | undefined;
|
|
1679
1731
|
}, {
|
|
1680
1732
|
width: string;
|
|
1681
1733
|
disabled: boolean;
|
|
@@ -1683,5 +1735,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1683
1735
|
isDirectionFixed: boolean;
|
|
1684
1736
|
placeholder: string;
|
|
1685
1737
|
formatYear: (year: number) => string;
|
|
1738
|
+
formatDate: (date: Date) => string;
|
|
1686
1739
|
}, {}>;
|
|
1687
1740
|
export default _sfc_main;
|