@weareconceptstudio/form 0.4.9 → 0.5.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/checkbox/BaseCheckbox.d.ts.map +1 -1
- package/dist/components/checkbox/BaseCheckbox.js.map +1 -1
- package/dist/components/date-picker/BaseDatePicker.d.ts +6 -0
- package/dist/components/date-picker/BaseDatePicker.d.ts.map +1 -0
- package/dist/components/date-picker/BaseDatePicker.js +348 -0
- package/dist/components/date-picker/BaseDatePicker.js.map +1 -0
- package/dist/components/date-picker/DatePicker.d.ts +23 -0
- package/dist/components/date-picker/DatePicker.d.ts.map +1 -0
- package/dist/components/date-picker/DatePicker.js +88 -0
- package/dist/components/date-picker/DatePicker.js.map +1 -0
- package/dist/components/date-picker/MonthPicker.d.ts +30 -0
- package/dist/components/date-picker/MonthPicker.d.ts.map +1 -0
- package/dist/components/date-picker/MonthPicker.js +70 -0
- package/dist/components/date-picker/MonthPicker.js.map +1 -0
- package/dist/components/date-picker/RangePicker.d.ts +22 -0
- package/dist/components/date-picker/RangePicker.d.ts.map +1 -0
- package/dist/components/date-picker/RangePicker.js +31 -0
- package/dist/components/date-picker/RangePicker.js.map +1 -0
- package/dist/components/date-picker/TimePicker.d.ts +30 -0
- package/dist/components/date-picker/TimePicker.d.ts.map +1 -0
- package/dist/components/date-picker/TimePicker.js +53 -0
- package/dist/components/date-picker/TimePicker.js.map +1 -0
- package/dist/components/date-picker/WeekPicker.d.ts +31 -0
- package/dist/components/date-picker/WeekPicker.d.ts.map +1 -0
- package/dist/components/date-picker/WeekPicker.js +109 -0
- package/dist/components/date-picker/WeekPicker.js.map +1 -0
- package/dist/components/date-picker/icons.d.ts +3 -0
- package/dist/components/date-picker/icons.d.ts.map +1 -0
- package/dist/components/date-picker/icons.js +4 -0
- package/dist/components/date-picker/icons.js.map +1 -0
- package/dist/components/date-picker/index.d.ts +13 -8
- package/dist/components/date-picker/index.d.ts.map +1 -1
- package/dist/components/date-picker/index.js +12 -12
- package/dist/components/date-picker/index.js.map +1 -1
- package/dist/components/date-picker/types.d.ts +74 -0
- package/dist/components/date-picker/types.d.ts.map +1 -0
- package/dist/components/date-picker/types.js +2 -0
- package/dist/components/date-picker/types.js.map +1 -0
- package/dist/components/date-picker/utils.d.ts +162 -0
- package/dist/components/date-picker/utils.d.ts.map +1 -0
- package/dist/components/date-picker/utils.js +312 -0
- package/dist/components/date-picker/utils.js.map +1 -0
- package/dist/components/form/Builder/index.d.ts.map +1 -1
- package/dist/components/form/Builder/index.js +5 -0
- package/dist/components/form/Builder/index.js.map +1 -1
- package/dist/components/form/Builder/style.d.ts +1 -1
- package/dist/components/form/Builder/style.d.ts.map +1 -1
- package/dist/components/form/Item/index.d.ts.map +1 -1
- package/dist/components/form/Item/index.js +1 -3
- package/dist/components/form/Item/index.js.map +1 -1
- package/dist/components/form/hooks/useEvent.d.ts.map +1 -1
- package/dist/components/form/hooks/useEvent.js.map +1 -1
- package/dist/components/input/BaseInput/index.d.ts.map +1 -1
- package/dist/components/input/BaseInput/index.js +6 -6
- package/dist/components/input/BaseInput/index.js.map +1 -1
- package/dist/components/select/index.js +1 -1
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/upload/UploadButton/style.d.ts +1 -1
- package/dist/components/upload/UploadButton/style.d.ts.map +1 -1
- package/dist/components/upload/UploadList/style.d.ts +1 -1
- package/dist/components/upload/UploadList/style.d.ts.map +1 -1
- package/dist/components/upload/UploadList/style.js +3 -1
- package/dist/components/upload/UploadList/style.js.map +1 -1
- package/dist/styles/formStyle.d.ts.map +1 -1
- package/dist/styles/formStyle.js +116 -0
- package/dist/styles/formStyle.js.map +1 -1
- package/dist/styles/variables.d.ts.map +1 -1
- package/dist/styles/variables.js.map +1 -1
- package/dist/translations/index.d.ts +41 -0
- package/dist/translations/index.d.ts.map +1 -1
- package/dist/translations/index.js +2 -1
- package/dist/translations/index.js.map +1 -1
- package/dist/translations/it.d.ts +43 -0
- package/dist/translations/it.d.ts.map +1 -0
- package/dist/translations/it.js +42 -0
- package/dist/translations/it.js.map +1 -0
- package/dist/types.d.ts +2 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +10 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/BaseCheckbox.js"],"names":[],"mappings":";AAIA,
|
|
1
|
+
{"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/BaseCheckbox.js"],"names":[],"mappings":";AAIA,sFAgFG;kBApF4D,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/BaseCheckbox.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9C,MAAM,
|
|
1
|
+
{"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/BaseCheckbox.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9C,MAAM,EACL,SAAS,GAAG,UAAU,EACtB,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,IAAI,GAAG,UAAU,EACjB,KAAK,EACL,QAAQ,EACR,GAAG,UAAU,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,cAAc,CAAC,cAAc,EAAE;QAC9D,KAAK,EAAE,OAAO;KACd,CAAC,CAAC;IAEH,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC/B,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE;YAClB,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAC1B,CAAC;QACD,KAAK,EAAE,QAAQ,CAAC,OAAO;QACvB,aAAa,EAAE,SAAS,CAAC,OAAO;KAChC,CAAC,CAAC,CAAC;IAEJ,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QACpD,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,QAAQ;QAClC,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACd,OAAO;QACR,CAAC;QAED,IAAI,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,EAAE,CAAC;YAC3B,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC/B,CAAC;QAED,QAAQ,EAAE,CAAC;YACV,MAAM,EAAE;gBACP,GAAG,KAAK;gBACR,IAAI;gBACJ,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;aACzB;YACD,eAAe;gBACd,CAAC,CAAC,eAAe,EAAE,CAAC;YACrB,CAAC;YACD,cAAc;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACpB,CAAC;YACD,WAAW,EAAE,CAAC,CAAC,WAAW;SAC1B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACN,8BACC,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,SAAS;QACd,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,QAAQ,EAC/B,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,QAAQ,KACf,UAAU,GACb;QACF,8BAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CACnC,CACP,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'flatpickr/dist/flatpickr.min.css';
|
|
3
|
+
import { BaseDatePickerProps } from './types';
|
|
4
|
+
declare const BaseDatePicker: React.ForwardRefExoticComponent<BaseDatePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
export default BaseDatePicker;
|
|
6
|
+
//# sourceMappingURL=BaseDatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/BaseDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,kCAAkC,CAAC;AAI1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAiE9C,QAAA,MAAM,cAAc,8FAiYlB,CAAC;AAMH,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,348 @@
|
|
|
1
|
+
import React, { useRef, useEffect, forwardRef, useImperativeHandle } from 'react';
|
|
2
|
+
import flatpickr from 'flatpickr';
|
|
3
|
+
import 'flatpickr/dist/flatpickr.min.css';
|
|
4
|
+
import { useTranslation } from '@weareconceptstudio/core';
|
|
5
|
+
import { useInput } from '../form/hooks/useInput';
|
|
6
|
+
import BaseInput from '../input/BaseInput';
|
|
7
|
+
import { calendarIcon } from './icons';
|
|
8
|
+
/**
|
|
9
|
+
* Format a Date object to string using flatpickr format tokens
|
|
10
|
+
*/
|
|
11
|
+
const formatDateToString = (date, format) => {
|
|
12
|
+
if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
|
|
13
|
+
return '';
|
|
14
|
+
}
|
|
15
|
+
const year = date.getFullYear();
|
|
16
|
+
const month = date.getMonth() + 1;
|
|
17
|
+
const day = date.getDate();
|
|
18
|
+
const hours = date.getHours();
|
|
19
|
+
const minutes = date.getMinutes();
|
|
20
|
+
const seconds = date.getSeconds();
|
|
21
|
+
// Helper to pad numbers
|
|
22
|
+
const pad = (num) => String(num).padStart(2, '0');
|
|
23
|
+
// Month names
|
|
24
|
+
const monthNamesShort = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
25
|
+
const monthNamesFull = [
|
|
26
|
+
'January',
|
|
27
|
+
'February',
|
|
28
|
+
'March',
|
|
29
|
+
'April',
|
|
30
|
+
'May',
|
|
31
|
+
'June',
|
|
32
|
+
'July',
|
|
33
|
+
'August',
|
|
34
|
+
'September',
|
|
35
|
+
'October',
|
|
36
|
+
'November',
|
|
37
|
+
'December',
|
|
38
|
+
];
|
|
39
|
+
// Replace format tokens
|
|
40
|
+
let result = format;
|
|
41
|
+
// Year
|
|
42
|
+
result = result.replace('Y', String(year));
|
|
43
|
+
result = result.replace('y', String(year).slice(-2));
|
|
44
|
+
// Month
|
|
45
|
+
result = result.replace('m', pad(month));
|
|
46
|
+
result = result.replace('n', String(month));
|
|
47
|
+
result = result.replace('F', monthNamesFull[month - 1]);
|
|
48
|
+
result = result.replace('M', monthNamesShort[month - 1]);
|
|
49
|
+
// Day
|
|
50
|
+
result = result.replace('d', pad(day));
|
|
51
|
+
result = result.replace('j', String(day));
|
|
52
|
+
// Time
|
|
53
|
+
result = result.replace('H', pad(hours));
|
|
54
|
+
result = result.replace('h', pad(hours > 12 ? hours - 12 : hours || 12));
|
|
55
|
+
result = result.replace('i', pad(minutes));
|
|
56
|
+
result = result.replace('S', pad(seconds));
|
|
57
|
+
result = result.replace('K', hours >= 12 ? 'PM' : 'AM');
|
|
58
|
+
return result;
|
|
59
|
+
};
|
|
60
|
+
const BaseDatePicker = forwardRef((props, ref) => {
|
|
61
|
+
const { name, onChange, onBlur, onFocus, onOpen, onClose, onReady, placeholder, disabled = false, className, format, enableTime = false, noCalendar = false, dateFormat, minDate, maxDate, minTime, maxTime, disable = [], enable = [], inline = false, mode = 'single', time_24hr = true, weekNumbers = false, allowInput = false, clickOpens = true, static: staticMode = false, monthSelectorType = 'dropdown', shorthandCurrentMonth = false, position = 'auto', locale, flatpickrOptions = {}, autoComplete = 'off', autoCorrect = 'off', autoCapitalize = 'none', spellCheck = false,
|
|
62
|
+
// BaseInput props
|
|
63
|
+
prefix, suffix, addonBefore, addonAfter, allowClear = false, containerClassName, } = props;
|
|
64
|
+
const { translate } = useTranslation();
|
|
65
|
+
const inputRef = useRef(null);
|
|
66
|
+
const flatpickrRef = useRef(null);
|
|
67
|
+
const isInternalChange = useRef(false);
|
|
68
|
+
useImperativeHandle(ref, () => inputRef.current);
|
|
69
|
+
// Get field from react-hook-form
|
|
70
|
+
const { field } = useInput({
|
|
71
|
+
type: 'date',
|
|
72
|
+
name,
|
|
73
|
+
onChange: (e) => {
|
|
74
|
+
if (!isInternalChange.current && onChange) {
|
|
75
|
+
// This is called from external changes
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
onBlur,
|
|
79
|
+
format: (value) => {
|
|
80
|
+
// Format value for display
|
|
81
|
+
if (!value)
|
|
82
|
+
return '';
|
|
83
|
+
return value;
|
|
84
|
+
},
|
|
85
|
+
parse: (value) => {
|
|
86
|
+
// Parse value for form state - convert Date to formatted string
|
|
87
|
+
if (!value)
|
|
88
|
+
return null;
|
|
89
|
+
if (mode === 'range' && Array.isArray(value)) {
|
|
90
|
+
// For range, return array of formatted strings
|
|
91
|
+
return value.map((date) => {
|
|
92
|
+
if (!date)
|
|
93
|
+
return null;
|
|
94
|
+
const d = new Date(date);
|
|
95
|
+
return formatDateToString(d, format || dateFormat || 'Y-m-d');
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
if (mode === 'multiple' && Array.isArray(value)) {
|
|
99
|
+
// For multiple, return array of formatted strings
|
|
100
|
+
return value.map((date) => {
|
|
101
|
+
if (!date)
|
|
102
|
+
return null;
|
|
103
|
+
const d = new Date(date);
|
|
104
|
+
return formatDateToString(d, format || dateFormat || 'Y-m-d');
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
// For single date, return formatted string
|
|
108
|
+
const date = new Date(value);
|
|
109
|
+
return formatDateToString(date, format || dateFormat || 'Y-m-d');
|
|
110
|
+
},
|
|
111
|
+
});
|
|
112
|
+
useEffect(() => {
|
|
113
|
+
const inputElement = inputRef.current;
|
|
114
|
+
if (!inputElement) {
|
|
115
|
+
console.warn('DatePicker: input element not found');
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
// Determine date format
|
|
119
|
+
let finalDateFormat = dateFormat;
|
|
120
|
+
if (!finalDateFormat) {
|
|
121
|
+
if (noCalendar && enableTime) {
|
|
122
|
+
finalDateFormat = time_24hr ? 'H:i' : 'h:i K';
|
|
123
|
+
}
|
|
124
|
+
else if (enableTime) {
|
|
125
|
+
finalDateFormat = time_24hr ? 'Y-m-d H:i' : 'Y-m-d h:i K';
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
finalDateFormat = 'Y-m-d';
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
// Initialize Flatpickr
|
|
132
|
+
const options = {
|
|
133
|
+
dateFormat: finalDateFormat,
|
|
134
|
+
enableTime,
|
|
135
|
+
noCalendar,
|
|
136
|
+
mode,
|
|
137
|
+
time_24hr,
|
|
138
|
+
weekNumbers,
|
|
139
|
+
allowInput,
|
|
140
|
+
clickOpens: !disabled && clickOpens,
|
|
141
|
+
static: staticMode,
|
|
142
|
+
monthSelectorType,
|
|
143
|
+
shorthandCurrentMonth,
|
|
144
|
+
position,
|
|
145
|
+
inline,
|
|
146
|
+
disableMobile: true,
|
|
147
|
+
altInput: false,
|
|
148
|
+
wrap: false,
|
|
149
|
+
};
|
|
150
|
+
// Add optional configurations only if they have values
|
|
151
|
+
if (locale)
|
|
152
|
+
options.locale = locale;
|
|
153
|
+
if (minDate)
|
|
154
|
+
options.minDate = minDate;
|
|
155
|
+
if (maxDate)
|
|
156
|
+
options.maxDate = maxDate;
|
|
157
|
+
if (minTime)
|
|
158
|
+
options.minTime = minTime;
|
|
159
|
+
if (maxTime)
|
|
160
|
+
options.maxTime = maxTime;
|
|
161
|
+
if (disable && disable.length > 0)
|
|
162
|
+
options.disable = disable;
|
|
163
|
+
if (enable && enable.length > 0)
|
|
164
|
+
options.enable = enable;
|
|
165
|
+
// Add event handlers
|
|
166
|
+
options.onChange = (selectedDates, dateStr, instance) => {
|
|
167
|
+
isInternalChange.current = true;
|
|
168
|
+
let value;
|
|
169
|
+
if (mode === 'range') {
|
|
170
|
+
value = selectedDates.length === 2 ? selectedDates : [];
|
|
171
|
+
}
|
|
172
|
+
else if (mode === 'multiple') {
|
|
173
|
+
value = selectedDates;
|
|
174
|
+
}
|
|
175
|
+
else {
|
|
176
|
+
value = selectedDates[0] || null;
|
|
177
|
+
}
|
|
178
|
+
field.onChange(value);
|
|
179
|
+
onChange?.(selectedDates, dateStr, instance);
|
|
180
|
+
setTimeout(() => {
|
|
181
|
+
isInternalChange.current = false;
|
|
182
|
+
}, 0);
|
|
183
|
+
};
|
|
184
|
+
if (onOpen) {
|
|
185
|
+
options.onOpen = (selectedDates, dateStr, instance) => {
|
|
186
|
+
onOpen?.(selectedDates, dateStr, instance);
|
|
187
|
+
};
|
|
188
|
+
}
|
|
189
|
+
if (onClose) {
|
|
190
|
+
options.onClose = (selectedDates, dateStr, instance) => {
|
|
191
|
+
onClose?.(selectedDates, dateStr, instance);
|
|
192
|
+
field.onBlur();
|
|
193
|
+
};
|
|
194
|
+
}
|
|
195
|
+
if (onReady) {
|
|
196
|
+
options.onReady = (selectedDates, dateStr, instance) => {
|
|
197
|
+
onReady?.(selectedDates, dateStr, instance);
|
|
198
|
+
};
|
|
199
|
+
}
|
|
200
|
+
// Merge with custom flatpickr options
|
|
201
|
+
if (flatpickrOptions && Object.keys(flatpickrOptions).length > 0) {
|
|
202
|
+
Object.assign(options, flatpickrOptions);
|
|
203
|
+
}
|
|
204
|
+
try {
|
|
205
|
+
const instance = flatpickr(inputElement, options);
|
|
206
|
+
if (!instance) {
|
|
207
|
+
console.error('DatePicker: Failed to initialize flatpickr');
|
|
208
|
+
return;
|
|
209
|
+
}
|
|
210
|
+
flatpickrRef.current = instance;
|
|
211
|
+
// Set initial value
|
|
212
|
+
if (field.value && typeof instance.setDate === 'function') {
|
|
213
|
+
try {
|
|
214
|
+
if (Array.isArray(field.value)) {
|
|
215
|
+
instance.setDate(field.value, false);
|
|
216
|
+
}
|
|
217
|
+
else if (field.value) {
|
|
218
|
+
instance.setDate(field.value, false);
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
catch (valueError) {
|
|
222
|
+
console.warn('DatePicker: Could not set initial value:', valueError);
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
catch (error) {
|
|
227
|
+
console.error('DatePicker: Error initializing flatpickr:', error);
|
|
228
|
+
}
|
|
229
|
+
return () => {
|
|
230
|
+
if (flatpickrRef.current && typeof flatpickrRef.current.destroy === 'function') {
|
|
231
|
+
try {
|
|
232
|
+
flatpickrRef.current.destroy();
|
|
233
|
+
}
|
|
234
|
+
catch (error) {
|
|
235
|
+
console.error('DatePicker: Error destroying flatpickr:', error);
|
|
236
|
+
}
|
|
237
|
+
flatpickrRef.current = null;
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
}, [
|
|
241
|
+
dateFormat,
|
|
242
|
+
enableTime,
|
|
243
|
+
noCalendar,
|
|
244
|
+
mode,
|
|
245
|
+
time_24hr,
|
|
246
|
+
weekNumbers,
|
|
247
|
+
allowInput,
|
|
248
|
+
clickOpens,
|
|
249
|
+
staticMode,
|
|
250
|
+
monthSelectorType,
|
|
251
|
+
shorthandCurrentMonth,
|
|
252
|
+
position,
|
|
253
|
+
inline,
|
|
254
|
+
minDate,
|
|
255
|
+
maxDate,
|
|
256
|
+
minTime,
|
|
257
|
+
maxTime,
|
|
258
|
+
locale,
|
|
259
|
+
disabled,
|
|
260
|
+
]);
|
|
261
|
+
// Update flatpickr when external value changes (not from internal change)
|
|
262
|
+
useEffect(() => {
|
|
263
|
+
if (flatpickrRef.current && !isInternalChange.current && typeof flatpickrRef.current.setDate === 'function') {
|
|
264
|
+
if (field.value) {
|
|
265
|
+
if (Array.isArray(field.value)) {
|
|
266
|
+
flatpickrRef.current.setDate(field.value, false);
|
|
267
|
+
}
|
|
268
|
+
else {
|
|
269
|
+
flatpickrRef.current.setDate(field.value, false);
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
else if (typeof flatpickrRef.current.clear === 'function') {
|
|
273
|
+
flatpickrRef.current.clear();
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
}, [field.value]);
|
|
277
|
+
useEffect(() => {
|
|
278
|
+
const inputElement = inputRef.current;
|
|
279
|
+
if (!inputElement) {
|
|
280
|
+
return;
|
|
281
|
+
}
|
|
282
|
+
const lastPassSelectors = [
|
|
283
|
+
'[data-lastpass-root]',
|
|
284
|
+
'[data-lastpass]',
|
|
285
|
+
'[data-lastpass-icon]',
|
|
286
|
+
'[data-lastpass-owner]',
|
|
287
|
+
'.lastpass-autofill-wrapper',
|
|
288
|
+
'.lastpass-wrapper',
|
|
289
|
+
'.lpicon',
|
|
290
|
+
'.lpfield',
|
|
291
|
+
'.lpiframeoverlay',
|
|
292
|
+
'.lastpass-icon-wrapper',
|
|
293
|
+
'iframe[src*="lastpass"]',
|
|
294
|
+
'iframe[src^="chrome-extension://hdokiejnpimakedhajhdlcegeplioahd"]',
|
|
295
|
+
];
|
|
296
|
+
const applyBlockingAttributes = () => {
|
|
297
|
+
inputElement.setAttribute('data-lpignore', 'true');
|
|
298
|
+
inputElement.setAttribute('data-lastpass-ignore', 'true');
|
|
299
|
+
inputElement.setAttribute('data-lastpass-wactive', '1');
|
|
300
|
+
inputElement.setAttribute('autocomplete', 'off');
|
|
301
|
+
};
|
|
302
|
+
const removeLastPassArtifacts = () => {
|
|
303
|
+
lastPassSelectors.forEach((selector) => {
|
|
304
|
+
const matches = document.querySelectorAll(selector);
|
|
305
|
+
matches.forEach((el) => {
|
|
306
|
+
el.parentElement?.removeChild(el);
|
|
307
|
+
});
|
|
308
|
+
});
|
|
309
|
+
};
|
|
310
|
+
applyBlockingAttributes();
|
|
311
|
+
removeLastPassArtifacts();
|
|
312
|
+
if (typeof MutationObserver === 'undefined') {
|
|
313
|
+
return;
|
|
314
|
+
}
|
|
315
|
+
const observer = new MutationObserver(() => {
|
|
316
|
+
applyBlockingAttributes();
|
|
317
|
+
removeLastPassArtifacts();
|
|
318
|
+
});
|
|
319
|
+
observer.observe(document.body, {
|
|
320
|
+
childList: true,
|
|
321
|
+
subtree: true,
|
|
322
|
+
});
|
|
323
|
+
return () => {
|
|
324
|
+
observer.disconnect();
|
|
325
|
+
};
|
|
326
|
+
}, []);
|
|
327
|
+
// Handle clear
|
|
328
|
+
const handleClear = () => {
|
|
329
|
+
if (flatpickrRef.current && typeof flatpickrRef.current.clear === 'function') {
|
|
330
|
+
flatpickrRef.current.clear();
|
|
331
|
+
field.onChange(null);
|
|
332
|
+
}
|
|
333
|
+
};
|
|
334
|
+
// Create clearable suffix
|
|
335
|
+
const clearIcon = allowClear && field.value && !disabled ? (React.createElement("span", { onClick: handleClear, onMouseDown: (e) => e.preventDefault(), role: 'button', tabIndex: -1, className: 'date-picker-clear-icon', style: { cursor: 'pointer' } }, typeof allowClear === 'object' && allowClear.clearIcon ? allowClear.clearIcon : '✖')) : null;
|
|
336
|
+
// Create default suffix with calendar icon
|
|
337
|
+
const defaultSuffix = React.createElement("span", { className: 'date-picker-calendar-icon' }, calendarIcon);
|
|
338
|
+
const finalSuffix = (React.createElement(React.Fragment, null,
|
|
339
|
+
suffix || defaultSuffix,
|
|
340
|
+
clearIcon));
|
|
341
|
+
return (React.createElement(BaseInput, { value: field.value, disabled: disabled, prefix: prefix, suffix: finalSuffix, addonBefore: addonBefore, addonAfter: addonAfter, containerClassName: containerClassName },
|
|
342
|
+
React.createElement("input", { ref: inputRef, type: 'text', className: className, placeholder: translate(placeholder), disabled: disabled, onFocus: onFocus, onBlur: field.onBlur, readOnly: !allowInput, autoComplete: autoComplete, autoCorrect: autoCorrect, autoCapitalize: autoCapitalize, spellCheck: spellCheck, "aria-autocomplete": 'none', "data-form-type": 'other', "data-autocomplete": 'off', "data-lpignore": 'true', "data-1p-ignore": 'true', "data-input": true })));
|
|
343
|
+
});
|
|
344
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
345
|
+
BaseDatePicker.displayName = 'BaseDatePicker';
|
|
346
|
+
}
|
|
347
|
+
export default BaseDatePicker;
|
|
348
|
+
//# sourceMappingURL=BaseDatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseDatePicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/BaseDatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DatePickerProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* DatePicker Component
|
|
5
|
+
*
|
|
6
|
+
* A comprehensive date picker component using flatpickr.
|
|
7
|
+
* Supports various modes: single date, date with time, month, week, year
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // Basic date picker
|
|
11
|
+
* <DatePicker name="birthdate" placeholder="Select date" />
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* // Date picker with time
|
|
15
|
+
* <DatePicker name="appointment" placeholder="Select date and time" showTime />
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* // Month picker
|
|
19
|
+
* <DatePicker name="month" placeholder="Select month" picker="month" />
|
|
20
|
+
*/
|
|
21
|
+
declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
22
|
+
export default DatePicker;
|
|
23
|
+
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU,0FA4Ed,CAAC;AAMH,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import BaseDatePicker from './BaseDatePicker';
|
|
3
|
+
/**
|
|
4
|
+
* DatePicker Component
|
|
5
|
+
*
|
|
6
|
+
* A comprehensive date picker component using flatpickr.
|
|
7
|
+
* Supports various modes: single date, date with time, month, week, year
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // Basic date picker
|
|
11
|
+
* <DatePicker name="birthdate" placeholder="Select date" />
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* // Date picker with time
|
|
15
|
+
* <DatePicker name="appointment" placeholder="Select date and time" showTime />
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* // Month picker
|
|
19
|
+
* <DatePicker name="month" placeholder="Select month" picker="month" />
|
|
20
|
+
*/
|
|
21
|
+
const DatePicker = forwardRef((props, ref) => {
|
|
22
|
+
const { showTime = false, picker = 'date', dateFormat, flatpickrOptions, ...restProps } = props;
|
|
23
|
+
// Determine configuration based on picker type
|
|
24
|
+
let pickerConfig = {};
|
|
25
|
+
switch (picker) {
|
|
26
|
+
case 'month':
|
|
27
|
+
pickerConfig = {
|
|
28
|
+
dateFormat: dateFormat || 'F Y',
|
|
29
|
+
flatpickrOptions: {
|
|
30
|
+
...flatpickrOptions,
|
|
31
|
+
plugins: [
|
|
32
|
+
// Month select plugin would go here if needed
|
|
33
|
+
// For now, we use monthSelectorType
|
|
34
|
+
],
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
break;
|
|
38
|
+
case 'week':
|
|
39
|
+
pickerConfig = {
|
|
40
|
+
weekNumbers: true,
|
|
41
|
+
dateFormat: dateFormat || 'Y-W',
|
|
42
|
+
flatpickrOptions: {
|
|
43
|
+
...flatpickrOptions,
|
|
44
|
+
// Week mode configuration
|
|
45
|
+
onReady: flatpickrOptions?.onReady
|
|
46
|
+
? (selectedDates, dateStr, instance) => {
|
|
47
|
+
// Add week selection logic
|
|
48
|
+
if (typeof flatpickrOptions.onReady === 'function') {
|
|
49
|
+
flatpickrOptions.onReady(selectedDates, dateStr, instance);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
: undefined,
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
break;
|
|
56
|
+
case 'year':
|
|
57
|
+
pickerConfig = {
|
|
58
|
+
dateFormat: dateFormat || 'Y',
|
|
59
|
+
flatpickrOptions: {
|
|
60
|
+
...flatpickrOptions,
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
break;
|
|
64
|
+
case 'quarter':
|
|
65
|
+
pickerConfig = {
|
|
66
|
+
dateFormat: dateFormat || 'Y-Q',
|
|
67
|
+
flatpickrOptions: {
|
|
68
|
+
...flatpickrOptions,
|
|
69
|
+
},
|
|
70
|
+
};
|
|
71
|
+
break;
|
|
72
|
+
default: // 'date'
|
|
73
|
+
pickerConfig = {
|
|
74
|
+
enableTime: showTime,
|
|
75
|
+
dateFormat: dateFormat || (showTime ? 'Y-m-d H:i' : 'Y-m-d'),
|
|
76
|
+
};
|
|
77
|
+
break;
|
|
78
|
+
}
|
|
79
|
+
return (React.createElement(BaseDatePicker, { ref: ref, ...restProps, ...pickerConfig, flatpickrOptions: {
|
|
80
|
+
...(pickerConfig.flatpickrOptions || {}),
|
|
81
|
+
...(flatpickrOptions || {}),
|
|
82
|
+
} }));
|
|
83
|
+
});
|
|
84
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
85
|
+
DatePicker.displayName = 'DatePicker';
|
|
86
|
+
}
|
|
87
|
+
export default DatePicker;
|
|
88
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,GAAG,UAAU,CAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhG,+CAA+C;IAC/C,IAAI,YAAY,GAAQ,EAAE,CAAC;IAE3B,QAAQ,MAAM,EAAE,CAAC;QAChB,KAAK,OAAO;YACX,YAAY,GAAG;gBACd,UAAU,EAAE,UAAU,IAAI,KAAK;gBAC/B,gBAAgB,EAAE;oBACjB,GAAG,gBAAgB;oBACnB,OAAO,EAAE;oBACR,8CAA8C;oBAC9C,oCAAoC;qBACpC;iBACD;aACD,CAAC;YACF,MAAM;QAEP,KAAK,MAAM;YACV,YAAY,GAAG;gBACd,WAAW,EAAE,IAAI;gBACjB,UAAU,EAAE,UAAU,IAAI,KAAK;gBAC/B,gBAAgB,EAAE;oBACjB,GAAG,gBAAgB;oBACnB,0BAA0B;oBAC1B,OAAO,EAAE,gBAAgB,EAAE,OAAO;wBACjC,CAAC,CAAC,CAAC,aAAqB,EAAE,OAAe,EAAE,QAAa,EAAE,EAAE;4BAC1D,2BAA2B;4BAC3B,IAAI,OAAO,gBAAgB,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;gCACpD,gBAAgB,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;4BAC5D,CAAC;wBACF,CAAC;wBACF,CAAC,CAAC,SAAS;iBACZ;aACD,CAAC;YACF,MAAM;QAEP,KAAK,MAAM;YACV,YAAY,GAAG;gBACd,UAAU,EAAE,UAAU,IAAI,GAAG;gBAC7B,gBAAgB,EAAE;oBACjB,GAAG,gBAAgB;iBACnB;aACD,CAAC;YACF,MAAM;QAEP,KAAK,SAAS;YACb,YAAY,GAAG;gBACd,UAAU,EAAE,UAAU,IAAI,KAAK;gBAC/B,gBAAgB,EAAE;oBACjB,GAAG,gBAAgB;iBACnB;aACD,CAAC;YACF,MAAM;QAEP,SAAS,SAAS;YACjB,YAAY,GAAG;gBACd,UAAU,EAAE,QAAQ;gBACpB,UAAU,EAAE,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC;aAC5D,CAAC;YACF,MAAM;IACR,CAAC;IAED,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,GAAG,KACJ,SAAS,KACT,YAAY,EAChB,gBAAgB,EAAE;YACjB,GAAG,CAAC,YAAY,CAAC,gBAAgB,IAAI,EAAE,CAAC;YACxC,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC;SAC3B,GACA,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;IAC3C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACvC,CAAC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MonthPickerProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* MonthPicker Component
|
|
5
|
+
*
|
|
6
|
+
* A month picker component for selecting month and year.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* // Basic month picker
|
|
10
|
+
* <DatePicker.MonthPicker name="birthMonth" placeholder="Select month" />
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // Custom month format
|
|
14
|
+
* <DatePicker.MonthPicker
|
|
15
|
+
* name="month"
|
|
16
|
+
* monthFormat="M Y"
|
|
17
|
+
* placeholder="Select month"
|
|
18
|
+
* />
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // Month picker with min/max constraints
|
|
22
|
+
* <DatePicker.MonthPicker
|
|
23
|
+
* name="month"
|
|
24
|
+
* minDate="2020-01"
|
|
25
|
+
* maxDate="2025-12"
|
|
26
|
+
* />
|
|
27
|
+
*/
|
|
28
|
+
declare const MonthPicker: React.ForwardRefExoticComponent<MonthPickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
export default MonthPicker;
|
|
30
|
+
//# sourceMappingURL=MonthPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/MonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,WAAW,2FA8Cf,CAAC;AAMH,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import BaseDatePicker from './BaseDatePicker';
|
|
3
|
+
/**
|
|
4
|
+
* MonthPicker Component
|
|
5
|
+
*
|
|
6
|
+
* A month picker component for selecting month and year.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* // Basic month picker
|
|
10
|
+
* <DatePicker.MonthPicker name="birthMonth" placeholder="Select month" />
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // Custom month format
|
|
14
|
+
* <DatePicker.MonthPicker
|
|
15
|
+
* name="month"
|
|
16
|
+
* monthFormat="M Y"
|
|
17
|
+
* placeholder="Select month"
|
|
18
|
+
* />
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // Month picker with min/max constraints
|
|
22
|
+
* <DatePicker.MonthPicker
|
|
23
|
+
* name="month"
|
|
24
|
+
* minDate="2020-01"
|
|
25
|
+
* maxDate="2025-12"
|
|
26
|
+
* />
|
|
27
|
+
*/
|
|
28
|
+
const MonthPicker = forwardRef((props, ref) => {
|
|
29
|
+
const { monthFormat = 'F Y', dateFormat, flatpickrOptions, ...restProps } = props;
|
|
30
|
+
return (React.createElement(BaseDatePicker, { ref: ref, dateFormat: dateFormat || monthFormat, monthSelectorType: 'dropdown', ...restProps, flatpickrOptions: {
|
|
31
|
+
// Custom month picker configuration
|
|
32
|
+
// Flatpickr doesn't have a built-in month-only mode,
|
|
33
|
+
// but we can customize it to behave like one
|
|
34
|
+
onReady: (selectedDates, dateStr, instance) => {
|
|
35
|
+
// Hide the day selection in calendar
|
|
36
|
+
const calendarContainer = instance.calendarContainer;
|
|
37
|
+
if (calendarContainer) {
|
|
38
|
+
const daysContainer = calendarContainer.querySelector('.dayContainer');
|
|
39
|
+
const weekdaysContainer = calendarContainer.querySelector('.flatpickr-weekdays');
|
|
40
|
+
const weekNumbers = calendarContainer.querySelector('.flatpickr-weekwrapper');
|
|
41
|
+
if (daysContainer)
|
|
42
|
+
daysContainer.style.display = 'none';
|
|
43
|
+
if (weekdaysContainer)
|
|
44
|
+
weekdaysContainer.style.display = 'none';
|
|
45
|
+
if (weekNumbers)
|
|
46
|
+
weekNumbers.style.display = 'none';
|
|
47
|
+
}
|
|
48
|
+
if (flatpickrOptions?.onReady && typeof flatpickrOptions.onReady === 'function') {
|
|
49
|
+
flatpickrOptions.onReady(selectedDates, dateStr, instance);
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
onChange: (selectedDates, dateStr, instance) => {
|
|
53
|
+
// When month/year changes, automatically select the first day
|
|
54
|
+
if (selectedDates[0]) {
|
|
55
|
+
const date = new Date(selectedDates[0]);
|
|
56
|
+
date.setDate(1);
|
|
57
|
+
instance.setDate(date, true);
|
|
58
|
+
}
|
|
59
|
+
if (flatpickrOptions?.onChange && typeof flatpickrOptions.onChange === 'function') {
|
|
60
|
+
flatpickrOptions.onChange(selectedDates, dateStr, instance);
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
...(flatpickrOptions || {}),
|
|
64
|
+
} }));
|
|
65
|
+
});
|
|
66
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
67
|
+
MonthPicker.displayName = 'MonthPicker';
|
|
68
|
+
}
|
|
69
|
+
export default MonthPicker;
|
|
70
|
+
//# sourceMappingURL=MonthPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/MonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,WAAW,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EAAE,WAAW,GAAG,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElF,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,iBAAiB,EAAC,UAAU,KACxB,SAAS,EACb,gBAAgB,EAAE;YACjB,oCAAoC;YACpC,qDAAqD;YACrD,6CAA6C;YAC7C,OAAO,EAAE,CAAC,aAAqB,EAAE,OAAe,EAAE,QAAa,EAAE,EAAE;gBAClE,qCAAqC;gBACrC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,iBAAiB,CAAC;gBACrD,IAAI,iBAAiB,EAAE,CAAC;oBACvB,MAAM,aAAa,GAAG,iBAAiB,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;oBACvE,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;oBACjF,MAAM,WAAW,GAAG,iBAAiB,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;oBAE9E,IAAI,aAAa;wBAAE,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;oBACxD,IAAI,iBAAiB;wBAAE,iBAAiB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;oBAChE,IAAI,WAAW;wBAAE,WAAW,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBACrD,CAAC;gBAED,IAAI,gBAAgB,EAAE,OAAO,IAAI,OAAO,gBAAgB,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;oBACjF,gBAAgB,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAC5D,CAAC;YACF,CAAC;YACD,QAAQ,EAAE,CAAC,aAAqB,EAAE,OAAe,EAAE,QAAa,EAAE,EAAE;gBACnE,8DAA8D;gBAC9D,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;oBACtB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;oBACxC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;oBAChB,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC9B,CAAC;gBAED,IAAI,gBAAgB,EAAE,QAAQ,IAAI,OAAO,gBAAgB,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;oBACnF,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAC7D,CAAC;YACF,CAAC;YACD,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC;SAC3B,GACA,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;IAC3C,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACzC,CAAC;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { RangePickerProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* RangePicker Component
|
|
5
|
+
*
|
|
6
|
+
* A date range picker component that allows selecting a start and end date.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* // Basic range picker
|
|
10
|
+
* <DatePicker.RangePicker name="dateRange" placeholder="Select date range" />
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // Range picker with time
|
|
14
|
+
* <DatePicker.RangePicker name="timeRange" placeholder="Select date and time range" showTime />
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* // Range picker with custom separator
|
|
18
|
+
* <DatePicker.RangePicker name="period" separator=" to " />
|
|
19
|
+
*/
|
|
20
|
+
declare const RangePicker: React.ForwardRefExoticComponent<RangePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
+
export default RangePicker;
|
|
22
|
+
//# sourceMappingURL=RangePicker.d.ts.map
|