tsp-form 0.7.11 → 0.7.12
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.
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { InputProps } from './Input';
|
|
3
3
|
import { DatePickerProps } from './DatePicker';
|
|
4
|
-
export type InputDatePickerProps = Omit<InputProps, 'value' | 'onChange' | 'endIcon'> & {
|
|
4
|
+
export type InputDatePickerProps = Omit<InputProps, 'value' | 'onChange' | 'endIcon' | 'onEndIconClick'> & {
|
|
5
5
|
value?: Date | null;
|
|
6
6
|
onChange?: (date: Date | null) => void;
|
|
7
7
|
datePickerProps?: Omit<DatePickerProps, 'selectedDate' | 'onChange' | 'mode'>;
|
|
8
8
|
dateFormat?: (date: Date | null) => string;
|
|
9
9
|
endIcon?: ReactNode;
|
|
10
|
+
onEndIconClick?: () => void;
|
|
10
11
|
defaultStartTime?: {
|
|
11
12
|
hours: number;
|
|
12
13
|
minutes: number;
|
|
@@ -16,13 +17,24 @@ export type InputDatePickerProps = Omit<InputProps, 'value' | 'onChange' | 'endI
|
|
|
16
17
|
calendar?: 'locale' | 'gregorian';
|
|
17
18
|
error?: boolean;
|
|
18
19
|
size?: "sm" | "md" | "lg";
|
|
20
|
+
/** Controlled typing mode — when true, shows a MaskedInput overlay for keyboard date entry */
|
|
21
|
+
typingMode?: boolean;
|
|
22
|
+
/** Called when typing mode should change (e.g. user presses a digit, or finishes typing) */
|
|
23
|
+
onTypingModeChange?: (typing: boolean) => void;
|
|
24
|
+
/** Mask pattern for typing mode (e.g. '##/##/####') */
|
|
25
|
+
typingMask?: string;
|
|
26
|
+
/** Parse the raw digits from the mask into a Date. Return null if invalid. */
|
|
27
|
+
parseTypedDate?: (rawDigits: string) => Date | null;
|
|
28
|
+
/** Placeholder shown in the MaskedInput during typing mode (e.g. 'DD/MM/YYYY' or 'วว/ดด/ปปปป') */
|
|
29
|
+
typingPlaceholder?: string;
|
|
19
30
|
};
|
|
20
|
-
export declare const InputDatePicker: import("react").ForwardRefExoticComponent<Omit<InputProps, "endIcon" | "onChange" | "value"> & {
|
|
31
|
+
export declare const InputDatePicker: import("react").ForwardRefExoticComponent<Omit<InputProps, "endIcon" | "onChange" | "value" | "onEndIconClick"> & {
|
|
21
32
|
value?: Date | null;
|
|
22
33
|
onChange?: (date: Date | null) => void;
|
|
23
34
|
datePickerProps?: Omit<DatePickerProps, "selectedDate" | "onChange" | "mode">;
|
|
24
35
|
dateFormat?: (date: Date | null) => string;
|
|
25
36
|
endIcon?: ReactNode;
|
|
37
|
+
onEndIconClick?: () => void;
|
|
26
38
|
defaultStartTime?: {
|
|
27
39
|
hours: number;
|
|
28
40
|
minutes: number;
|
|
@@ -32,5 +44,15 @@ export declare const InputDatePicker: import("react").ForwardRefExoticComponent<
|
|
|
32
44
|
calendar?: "locale" | "gregorian";
|
|
33
45
|
error?: boolean;
|
|
34
46
|
size?: "sm" | "md" | "lg";
|
|
47
|
+
/** Controlled typing mode — when true, shows a MaskedInput overlay for keyboard date entry */
|
|
48
|
+
typingMode?: boolean;
|
|
49
|
+
/** Called when typing mode should change (e.g. user presses a digit, or finishes typing) */
|
|
50
|
+
onTypingModeChange?: (typing: boolean) => void;
|
|
51
|
+
/** Mask pattern for typing mode (e.g. '##/##/####') */
|
|
52
|
+
typingMask?: string;
|
|
53
|
+
/** Parse the raw digits from the mask into a Date. Return null if invalid. */
|
|
54
|
+
parseTypedDate?: (rawDigits: string) => Date | null;
|
|
55
|
+
/** Placeholder shown in the MaskedInput during typing mode (e.g. 'DD/MM/YYYY' or 'วว/ดด/ปปปป') */
|
|
56
|
+
typingPlaceholder?: string;
|
|
35
57
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
36
58
|
//# sourceMappingURL=InputDatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/InputDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"InputDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/InputDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwD,SAAS,EAAiB,MAAM,OAAO,CAAC;AACvG,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAG5C,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,CAAC,GAAG;IACzG,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;IAC9E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;IAC3C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8FAA8F;IAC9F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IACpD,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAqBF,eAAO,MAAM,eAAe;YA3ClB,IAAI,GAAG,IAAI;eACR,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI;sBACpB,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,UAAU,GAAG,MAAM,CAAC;iBAChE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM;cAChC,SAAS;qBACF,MAAM,IAAI;uBACR;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;aAC5C,MAAM;IACf,6GAA6G;eAClG,QAAQ,GAAG,WAAW;YACzB,OAAO;WACR,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,8FAA8F;iBACjF,OAAO;IACpB,4FAA4F;yBACvE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;IAC9C,uDAAuD;iBAC1C,MAAM;IACnB,8EAA8E;qBAC7D,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IACnD,kGAAkG;wBAC9E,MAAM;oDA4J3B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { InputProps } from './Input';
|
|
3
3
|
import { DatePickerProps } from './DatePicker';
|
|
4
|
-
export type InputDateRangePickerProps = Omit<InputProps, 'value' | 'onChange' | 'endIcon'> & {
|
|
4
|
+
export type InputDateRangePickerProps = Omit<InputProps, 'value' | 'onChange' | 'endIcon' | 'onEndIconClick'> & {
|
|
5
5
|
fromDate?: Date | null;
|
|
6
6
|
toDate?: Date | null;
|
|
7
7
|
onFromDateChange?: (date: Date | null) => void;
|
|
@@ -9,6 +9,7 @@ export type InputDateRangePickerProps = Omit<InputProps, 'value' | 'onChange' |
|
|
|
9
9
|
datePickerProps?: Omit<DatePickerProps, 'selectedDate' | 'fromDate' | 'toDate' | 'onChange' | 'onToDateChange' | 'mode'>;
|
|
10
10
|
dateFormat?: (fromDate: Date | null, toDate: Date | null) => string;
|
|
11
11
|
endIcon?: ReactNode;
|
|
12
|
+
onEndIconClick?: () => void;
|
|
12
13
|
defaultStartTime?: {
|
|
13
14
|
hours: number;
|
|
14
15
|
minutes: number;
|
|
@@ -22,8 +23,21 @@ export type InputDateRangePickerProps = Omit<InputProps, 'value' | 'onChange' |
|
|
|
22
23
|
calendar?: 'locale' | 'gregorian';
|
|
23
24
|
error?: boolean;
|
|
24
25
|
size?: "sm" | "md" | "lg";
|
|
26
|
+
/** Controlled typing mode — when true, shows a MaskedInput overlay for keyboard date range entry */
|
|
27
|
+
typingMode?: boolean;
|
|
28
|
+
/** Called when typing mode should change */
|
|
29
|
+
onTypingModeChange?: (typing: boolean) => void;
|
|
30
|
+
/** Mask pattern for typing mode (e.g. '##/##/#### - ##/##/####') */
|
|
31
|
+
typingMask?: string;
|
|
32
|
+
/** Parse the raw digits from the mask into from/to dates. Return null values if invalid. */
|
|
33
|
+
parseTypedDates?: (rawDigits: string) => {
|
|
34
|
+
from: Date | null;
|
|
35
|
+
to: Date | null;
|
|
36
|
+
};
|
|
37
|
+
/** Placeholder shown in the MaskedInput during typing mode */
|
|
38
|
+
typingPlaceholder?: string;
|
|
25
39
|
};
|
|
26
|
-
export declare const InputDateRangePicker: import("react").ForwardRefExoticComponent<Omit<InputProps, "endIcon" | "onChange" | "value"> & {
|
|
40
|
+
export declare const InputDateRangePicker: import("react").ForwardRefExoticComponent<Omit<InputProps, "endIcon" | "onChange" | "value" | "onEndIconClick"> & {
|
|
27
41
|
fromDate?: Date | null;
|
|
28
42
|
toDate?: Date | null;
|
|
29
43
|
onFromDateChange?: (date: Date | null) => void;
|
|
@@ -31,6 +45,7 @@ export declare const InputDateRangePicker: import("react").ForwardRefExoticCompo
|
|
|
31
45
|
datePickerProps?: Omit<DatePickerProps, "selectedDate" | "fromDate" | "toDate" | "onChange" | "onToDateChange" | "mode">;
|
|
32
46
|
dateFormat?: (fromDate: Date | null, toDate: Date | null) => string;
|
|
33
47
|
endIcon?: ReactNode;
|
|
48
|
+
onEndIconClick?: () => void;
|
|
34
49
|
defaultStartTime?: {
|
|
35
50
|
hours: number;
|
|
36
51
|
minutes: number;
|
|
@@ -44,5 +59,18 @@ export declare const InputDateRangePicker: import("react").ForwardRefExoticCompo
|
|
|
44
59
|
calendar?: "locale" | "gregorian";
|
|
45
60
|
error?: boolean;
|
|
46
61
|
size?: "sm" | "md" | "lg";
|
|
62
|
+
/** Controlled typing mode — when true, shows a MaskedInput overlay for keyboard date range entry */
|
|
63
|
+
typingMode?: boolean;
|
|
64
|
+
/** Called when typing mode should change */
|
|
65
|
+
onTypingModeChange?: (typing: boolean) => void;
|
|
66
|
+
/** Mask pattern for typing mode (e.g. '##/##/#### - ##/##/####') */
|
|
67
|
+
typingMask?: string;
|
|
68
|
+
/** Parse the raw digits from the mask into from/to dates. Return null values if invalid. */
|
|
69
|
+
parseTypedDates?: (rawDigits: string) => {
|
|
70
|
+
from: Date | null;
|
|
71
|
+
to: Date | null;
|
|
72
|
+
};
|
|
73
|
+
/** Placeholder shown in the MaskedInput during typing mode */
|
|
74
|
+
typingPlaceholder?: string;
|
|
47
75
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
48
76
|
//# sourceMappingURL=InputDateRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/InputDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"InputDateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/InputDateRangePicker.tsx"],"names":[],"mappings":"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"}
|