indicator-ui 1.1.2 → 1.1.3

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.
Files changed (26) hide show
  1. package/dist/index.cjs +14 -14
  2. package/dist/index.js +10923 -10688
  3. package/dist/indicator-ui.css +1 -1
  4. package/dist/types/src/hooks/forms/useForm.d.ts +1 -1
  5. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts +1 -1
  6. package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useFormDateFieldProvider.d.ts +49 -0
  7. package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useInputFieldProps.d.ts +49 -0
  8. package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useFormDateRangeFieldProvider.d.ts +98 -0
  9. package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useInputFieldProps.d.ts +98 -0
  10. package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts +98 -0
  11. package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldProps.d.ts +98 -0
  12. package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useFormTimeFieldProvider.d.ts +49 -0
  13. package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useInputFieldProps.d.ts +49 -0
  14. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/index.d.ts +1 -0
  15. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useFormTimeRangeFieldProvider.d.ts +235 -0
  16. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useInputFieldController.d.ts +6 -0
  17. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useInputFieldProps.d.ts +210 -0
  18. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useSyncDateTimeValues.d.ts +6 -0
  19. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useTimeRangeDraft.d.ts +17 -0
  20. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/hooks/useTimeRangeFormats.d.ts +9 -0
  21. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/index.d.ts +1 -0
  22. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/ui/FormTimeRangeField.d.ts +6 -0
  23. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/ui/FormTimeRangeFieldBase.d.ts +4 -0
  24. package/dist/types/src/ui/formFields/dates/FormTimeRangeField/ui/index.d.ts +2 -0
  25. package/dist/types/src/ui/formFields/dates/index.d.ts +1 -0
  26. package/package.json +1 -1
@@ -55,6 +55,55 @@ export declare function useInputFieldProps(props: PropsType): {
55
55
  }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
56
56
  [x: string]: unknown;
57
57
  }>, e?: InputEvent) => void) | undefined>;
58
+ onAcceptTime: NonNullable<((value: string, maskRef: import('imask').InputMask<{
59
+ [x: string]: unknown;
60
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
61
+ [x: string]: unknown;
62
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
63
+ [x: string]: unknown;
64
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
65
+ [x: string]: unknown;
66
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
67
+ [x: string]: unknown;
68
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
69
+ [x: string]: unknown;
70
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
71
+ [x: string]: unknown;
72
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
73
+ [x: string]: unknown;
74
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
75
+ [x: string]: unknown;
76
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
77
+ [x: string]: unknown;
78
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
79
+ [x: string]: unknown;
80
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
81
+ [x: string]: unknown;
82
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
83
+ [x: string]: unknown;
84
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
85
+ [x: string]: unknown;
86
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
87
+ [x: string]: unknown;
88
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
89
+ [x: string]: unknown;
90
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
91
+ [x: string]: unknown;
92
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
93
+ [x: string]: unknown;
94
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
95
+ [x: string]: unknown;
96
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
97
+ [x: string]: unknown;
98
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
99
+ [x: string]: unknown;
100
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
101
+ [x: string]: unknown;
102
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
103
+ [x: string]: unknown;
104
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
105
+ [x: string]: unknown;
106
+ }>, e?: InputEvent) => void) | undefined>;
58
107
  onClickTimeField: React.MouseEventHandler<HTMLInputElement>;
59
108
  clearTime: () => void;
60
109
  isErrorInputFields: boolean | undefined;
@@ -0,0 +1 @@
1
+ export * from './useFormTimeRangeFieldProvider';
@@ -0,0 +1,235 @@
1
+ import { FieldPropsType } from '../../../../../hooks';
2
+ import { DoubleInputItemProps } from './useInputFieldProps';
3
+ export type ValueItemType = string;
4
+ export type ValueBaseType = Array<ValueItemType>;
5
+ type FieldProps = FieldPropsType<ValueBaseType>;
6
+ export type ValueType = FieldProps['value'];
7
+ type PropsType = FieldProps & {
8
+ /**
9
+ * Формат даты ввода пользователя.
10
+ *
11
+ * ---
12
+ * Для ознакомления с обозначениями {@link DATE_IMASK_BLOCKS}
13
+ * */
14
+ inputTimeFormat?: string;
15
+ /**
16
+ * Формат даты (понимаемый `date-fns`), которая будет хранится в `value`.
17
+ *
18
+ * Пример: `"HH:mm:ssXXX"`.
19
+ * */
20
+ outFormat?: string | 'iso';
21
+ fromPlaceholder?: DoubleInputItemProps['placeholder'];
22
+ toPlaceholder?: DoubleInputItemProps['placeholder'];
23
+ fromHintText?: DoubleInputItemProps['hintText'];
24
+ toHintText?: DoubleInputItemProps['hintText'];
25
+ fromIcon?: DoubleInputItemProps['icon'];
26
+ toIcon?: DoubleInputItemProps['icon'];
27
+ disabled?: DoubleInputItemProps['disabled'];
28
+ };
29
+ export declare function useFormTimeRangeFieldProvider(props: PropsType): {
30
+ fromTimeValue: string | undefined;
31
+ toTimeValue: string | undefined;
32
+ onCompleteTimeTo: NonNullable<((value: string, maskRef: import('imask').InputMask<{
33
+ [x: string]: unknown;
34
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
35
+ [x: string]: unknown;
36
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
37
+ [x: string]: unknown;
38
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
39
+ [x: string]: unknown;
40
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
41
+ [x: string]: unknown;
42
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
43
+ [x: string]: unknown;
44
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
45
+ [x: string]: unknown;
46
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
47
+ [x: string]: unknown;
48
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
49
+ [x: string]: unknown;
50
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
51
+ [x: string]: unknown;
52
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
53
+ [x: string]: unknown;
54
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
55
+ [x: string]: unknown;
56
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
57
+ [x: string]: unknown;
58
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
59
+ [x: string]: unknown;
60
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
61
+ [x: string]: unknown;
62
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
63
+ [x: string]: unknown;
64
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
65
+ [x: string]: unknown;
66
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
67
+ [x: string]: unknown;
68
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
69
+ [x: string]: unknown;
70
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
71
+ [x: string]: unknown;
72
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
73
+ [x: string]: unknown;
74
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
75
+ [x: string]: unknown;
76
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
77
+ [x: string]: unknown;
78
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
79
+ [x: string]: unknown;
80
+ }>, e?: InputEvent) => void) | undefined>;
81
+ onCompleteTimeFrom: NonNullable<((value: string, maskRef: import('imask').InputMask<{
82
+ [x: string]: unknown;
83
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
84
+ [x: string]: unknown;
85
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
86
+ [x: string]: unknown;
87
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
88
+ [x: string]: unknown;
89
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
90
+ [x: string]: unknown;
91
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
92
+ [x: string]: unknown;
93
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
94
+ [x: string]: unknown;
95
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
96
+ [x: string]: unknown;
97
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
98
+ [x: string]: unknown;
99
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
100
+ [x: string]: unknown;
101
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
102
+ [x: string]: unknown;
103
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
104
+ [x: string]: unknown;
105
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
106
+ [x: string]: unknown;
107
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
108
+ [x: string]: unknown;
109
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
110
+ [x: string]: unknown;
111
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
112
+ [x: string]: unknown;
113
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
114
+ [x: string]: unknown;
115
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
116
+ [x: string]: unknown;
117
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
118
+ [x: string]: unknown;
119
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
120
+ [x: string]: unknown;
121
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
122
+ [x: string]: unknown;
123
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
124
+ [x: string]: unknown;
125
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
126
+ [x: string]: unknown;
127
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
128
+ [x: string]: unknown;
129
+ }>, e?: InputEvent) => void) | undefined>;
130
+ onAcceptTimeFrom: NonNullable<((value: string, maskRef: import('imask').InputMask<{
131
+ [x: string]: unknown;
132
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
133
+ [x: string]: unknown;
134
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
135
+ [x: string]: unknown;
136
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
137
+ [x: string]: unknown;
138
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
139
+ [x: string]: unknown;
140
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
141
+ [x: string]: unknown;
142
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
143
+ [x: string]: unknown;
144
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
145
+ [x: string]: unknown;
146
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
147
+ [x: string]: unknown;
148
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
149
+ [x: string]: unknown;
150
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
151
+ [x: string]: unknown;
152
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
153
+ [x: string]: unknown;
154
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
155
+ [x: string]: unknown;
156
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
157
+ [x: string]: unknown;
158
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
159
+ [x: string]: unknown;
160
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
161
+ [x: string]: unknown;
162
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
163
+ [x: string]: unknown;
164
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
165
+ [x: string]: unknown;
166
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
167
+ [x: string]: unknown;
168
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
169
+ [x: string]: unknown;
170
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
171
+ [x: string]: unknown;
172
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
173
+ [x: string]: unknown;
174
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
175
+ [x: string]: unknown;
176
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
177
+ [x: string]: unknown;
178
+ }>, e?: InputEvent) => void) | undefined>;
179
+ onAcceptTimeTo: NonNullable<((value: string, maskRef: import('imask').InputMask<{
180
+ [x: string]: unknown;
181
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
182
+ [x: string]: unknown;
183
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
184
+ [x: string]: unknown;
185
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
186
+ [x: string]: unknown;
187
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
188
+ [x: string]: unknown;
189
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
190
+ [x: string]: unknown;
191
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
192
+ [x: string]: unknown;
193
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
194
+ [x: string]: unknown;
195
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
196
+ [x: string]: unknown;
197
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
198
+ [x: string]: unknown;
199
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
200
+ [x: string]: unknown;
201
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
202
+ [x: string]: unknown;
203
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
204
+ [x: string]: unknown;
205
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
206
+ [x: string]: unknown;
207
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
208
+ [x: string]: unknown;
209
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
210
+ [x: string]: unknown;
211
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
212
+ [x: string]: unknown;
213
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
214
+ [x: string]: unknown;
215
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
216
+ [x: string]: unknown;
217
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
218
+ [x: string]: unknown;
219
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
220
+ [x: string]: unknown;
221
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
222
+ [x: string]: unknown;
223
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
224
+ [x: string]: unknown;
225
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
226
+ [x: string]: unknown;
227
+ }>, e?: InputEvent) => void) | undefined>;
228
+ fromDateInputRef: import('react').RefObject<HTMLInputElement>;
229
+ toDateInputRef: import('react').RefObject<HTMLInputElement>;
230
+ inputTimeFormat: string;
231
+ clearDateRange: () => void;
232
+ isErrorInputFields: boolean | undefined;
233
+ isDisabledInputFields: boolean | undefined;
234
+ };
235
+ export {};
@@ -0,0 +1,6 @@
1
+ export declare function useInputFieldController(): {
2
+ toDateInputRef: import('react').RefObject<HTMLInputElement>;
3
+ fromDateInputRef: import('react').RefObject<HTMLInputElement>;
4
+ focusOnFromDateField: () => void;
5
+ focusOnToDateField: () => void;
6
+ };
@@ -0,0 +1,210 @@
1
+ import { default as React } from 'react';
2
+ import { DoubleInputItem } from '../../../components';
3
+ import { useTimeRangeDraft } from './useTimeRangeDraft';
4
+ import { useFormTimeRangeFieldProvider } from './useFormTimeRangeFieldProvider';
5
+ import { useInputFieldController } from './useInputFieldController';
6
+ import { useTimeRangeFormats } from './useTimeRangeFormats';
7
+ export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
8
+ type PropsType = Pick<Parameters<typeof useFormTimeRangeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnFromDateField' | 'focusOnToDateField'> & Pick<ReturnType<typeof useTimeRangeFormats>, 'parseInputTime'> & Pick<ReturnType<typeof useTimeRangeDraft>, 'setToTimeValue' | 'setFromTimeValue' | 'clearDateRangeValue' | 'isFullDateInput' | 'isFullCurrentDateInput' | 'getFromTimeValue' | 'getToTimeValue'>;
9
+ export declare function useInputFieldProps(props: PropsType): {
10
+ onCompleteTimeFrom: NonNullable<((value: string, maskRef: import('imask').InputMask<{
11
+ [x: string]: unknown;
12
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
13
+ [x: string]: unknown;
14
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
15
+ [x: string]: unknown;
16
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
17
+ [x: string]: unknown;
18
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
19
+ [x: string]: unknown;
20
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
21
+ [x: string]: unknown;
22
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
23
+ [x: string]: unknown;
24
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
25
+ [x: string]: unknown;
26
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
27
+ [x: string]: unknown;
28
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
29
+ [x: string]: unknown;
30
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
31
+ [x: string]: unknown;
32
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
33
+ [x: string]: unknown;
34
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
35
+ [x: string]: unknown;
36
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
37
+ [x: string]: unknown;
38
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
39
+ [x: string]: unknown;
40
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
41
+ [x: string]: unknown;
42
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
43
+ [x: string]: unknown;
44
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
45
+ [x: string]: unknown;
46
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
47
+ [x: string]: unknown;
48
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
49
+ [x: string]: unknown;
50
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
51
+ [x: string]: unknown;
52
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
53
+ [x: string]: unknown;
54
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
55
+ [x: string]: unknown;
56
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
57
+ [x: string]: unknown;
58
+ }>, e?: InputEvent) => void) | undefined>;
59
+ onCompleteTimeTo: NonNullable<((value: string, maskRef: import('imask').InputMask<{
60
+ [x: string]: unknown;
61
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
62
+ [x: string]: unknown;
63
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
64
+ [x: string]: unknown;
65
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
66
+ [x: string]: unknown;
67
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
68
+ [x: string]: unknown;
69
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
70
+ [x: string]: unknown;
71
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
72
+ [x: string]: unknown;
73
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
74
+ [x: string]: unknown;
75
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
76
+ [x: string]: unknown;
77
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
78
+ [x: string]: unknown;
79
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
80
+ [x: string]: unknown;
81
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
82
+ [x: string]: unknown;
83
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
84
+ [x: string]: unknown;
85
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
86
+ [x: string]: unknown;
87
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
88
+ [x: string]: unknown;
89
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
90
+ [x: string]: unknown;
91
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
92
+ [x: string]: unknown;
93
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
94
+ [x: string]: unknown;
95
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
96
+ [x: string]: unknown;
97
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
98
+ [x: string]: unknown;
99
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
100
+ [x: string]: unknown;
101
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
102
+ [x: string]: unknown;
103
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
104
+ [x: string]: unknown;
105
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
106
+ [x: string]: unknown;
107
+ }>, e?: InputEvent) => void) | undefined>;
108
+ onAcceptTimeFrom: NonNullable<((value: string, maskRef: import('imask').InputMask<{
109
+ [x: string]: unknown;
110
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
111
+ [x: string]: unknown;
112
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
113
+ [x: string]: unknown;
114
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
115
+ [x: string]: unknown;
116
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
117
+ [x: string]: unknown;
118
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
119
+ [x: string]: unknown;
120
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
121
+ [x: string]: unknown;
122
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
123
+ [x: string]: unknown;
124
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
125
+ [x: string]: unknown;
126
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
127
+ [x: string]: unknown;
128
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
129
+ [x: string]: unknown;
130
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
131
+ [x: string]: unknown;
132
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
133
+ [x: string]: unknown;
134
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
135
+ [x: string]: unknown;
136
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
137
+ [x: string]: unknown;
138
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
139
+ [x: string]: unknown;
140
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
141
+ [x: string]: unknown;
142
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
143
+ [x: string]: unknown;
144
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
145
+ [x: string]: unknown;
146
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
147
+ [x: string]: unknown;
148
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
149
+ [x: string]: unknown;
150
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
151
+ [x: string]: unknown;
152
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
153
+ [x: string]: unknown;
154
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
155
+ [x: string]: unknown;
156
+ }>, e?: InputEvent) => void) | undefined>;
157
+ onAcceptTimeTo: NonNullable<((value: string, maskRef: import('imask').InputMask<{
158
+ [x: string]: unknown;
159
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
160
+ [x: string]: unknown;
161
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
162
+ [x: string]: unknown;
163
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
164
+ [x: string]: unknown;
165
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
166
+ [x: string]: unknown;
167
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
168
+ [x: string]: unknown;
169
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
170
+ [x: string]: unknown;
171
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
172
+ [x: string]: unknown;
173
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
174
+ [x: string]: unknown;
175
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
176
+ [x: string]: unknown;
177
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
178
+ [x: string]: unknown;
179
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
180
+ [x: string]: unknown;
181
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
182
+ [x: string]: unknown;
183
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
184
+ [x: string]: unknown;
185
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
186
+ [x: string]: unknown;
187
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
188
+ [x: string]: unknown;
189
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
190
+ [x: string]: unknown;
191
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
192
+ [x: string]: unknown;
193
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
194
+ [x: string]: unknown;
195
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
196
+ [x: string]: unknown;
197
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
198
+ [x: string]: unknown;
199
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
200
+ [x: string]: unknown;
201
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
202
+ [x: string]: unknown;
203
+ }>, e?: InputEvent) => void) | ((value: string, maskRef: import('imask').InputMask<{
204
+ [x: string]: unknown;
205
+ }>, e?: InputEvent) => void) | undefined>;
206
+ clearDateRange: () => void;
207
+ isErrorInputFields: boolean | undefined;
208
+ isDisabledInputFields: boolean | undefined;
209
+ };
210
+ export {};
@@ -0,0 +1,6 @@
1
+ import { useTimeRangeDraft } from './useTimeRangeDraft';
2
+ import { useTimeRangeFormats } from './useTimeRangeFormats';
3
+ import { useFormTimeRangeFieldProvider } from './useFormTimeRangeFieldProvider';
4
+ type PropsType = Pick<Parameters<typeof useFormTimeRangeFieldProvider>[number], 'onChange' | 'value'> & Pick<ReturnType<typeof useTimeRangeDraft>, 'setFromTimeValue' | 'setToTimeValue' | 'fromTimeValue' | 'toTimeValue'> & Pick<ReturnType<typeof useTimeRangeFormats>, 'formatTimeInputToValue' | 'formatValueItemToTimeInput'>;
5
+ export declare function useSyncDateTimeValues(props: PropsType): void;
6
+ export {};
@@ -0,0 +1,17 @@
1
+ import { useFormTimeRangeFieldProvider } from './useFormTimeRangeFieldProvider';
2
+ import { useTimeRangeFormats } from './useTimeRangeFormats';
3
+ export type InputDateValue = string;
4
+ type UseFormDateRangeFieldProps = Parameters<typeof useFormTimeRangeFieldProvider>[number];
5
+ type PropsType = Pick<ReturnType<typeof useTimeRangeFormats>, 'formatValueItemToTimeInput'> & Pick<UseFormDateRangeFieldProps, 'value'>;
6
+ export declare function useTimeRangeDraft(props: PropsType): {
7
+ fromTimeValue: string | undefined;
8
+ toTimeValue: string | undefined;
9
+ setFromTimeValue: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
10
+ setToTimeValue: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
11
+ getFromTimeValue: () => string | undefined;
12
+ getToTimeValue: () => string | undefined;
13
+ clearDateRangeValue: () => void;
14
+ isFullDateInput: (fromDate?: InputDateValue, toDate?: InputDateValue) => boolean;
15
+ isFullCurrentDateInput: () => boolean;
16
+ };
17
+ export {};
@@ -0,0 +1,9 @@
1
+ import { useFormTimeRangeFieldProvider, ValueItemType } from './useFormTimeRangeFieldProvider';
2
+ import { InputDateValue } from './useTimeRangeDraft';
3
+ type PropsType = Required<Pick<Parameters<typeof useFormTimeRangeFieldProvider>[number], 'outFormat' | 'inputTimeFormat'>>;
4
+ export declare function useTimeRangeFormats(props: PropsType): {
5
+ formatTimeInputToValue: (instance: InputDateValue) => string;
6
+ formatValueItemToTimeInput: (instance?: ValueItemType) => string | undefined;
7
+ parseInputTime: (instance: InputDateValue) => Date;
8
+ };
9
+ export {};
@@ -0,0 +1 @@
1
+ export * from './ui';
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ import { FormFieldWrapper } from '../../../FormFieldWrapper';
3
+ import { FormTimeRangeFieldBase } from './FormTimeRangeFieldBase';
4
+ type PropsType = Omit<React.ComponentProps<typeof FormTimeRangeFieldBase>, 'pickerSubtitle'> & Pick<React.ComponentProps<typeof FormFieldWrapper>, 'error' | 'hint' | 'helperLink' | 'label' | 'required' | 'typeDisplay'>;
5
+ export declare function FormTimeRangeField(props: PropsType): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,4 @@
1
+ import { useFormTimeRangeFieldProvider } from '../hooks';
2
+ type PropsType = Parameters<typeof useFormTimeRangeFieldProvider>[number];
3
+ export declare function FormTimeRangeFieldBase(props: PropsType): import("react/jsx-runtime").JSX.Element;
4
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './FormTimeRangeFieldBase';
2
+ export * from './FormTimeRangeField';
@@ -2,3 +2,4 @@ export * from './FormDateField';
2
2
  export * from './FormDateRangeField';
3
3
  export * from './FormDateTimeField';
4
4
  export * from './FormTimeField';
5
+ export * from './FormTimeRangeField';
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "react-components",
12
12
  "ui-kit"
13
13
  ],
14
- "version": "1.1.2",
14
+ "version": "1.1.3",
15
15
  "exports": {
16
16
  ".": {
17
17
  "types": "./dist/types/index.d.ts",