@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/RangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,WAAW,2FAgBf,CAAC;AAMH,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import BaseDatePicker from './BaseDatePicker';
|
|
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
|
+
const RangePicker = forwardRef((props, ref) => {
|
|
21
|
+
const { showTime = false, separator = ' to ', dateFormat, flatpickrOptions, ...restProps } = props;
|
|
22
|
+
return (React.createElement(BaseDatePicker, { ref: ref, mode: 'range', enableTime: showTime, dateFormat: dateFormat || (showTime ? 'Y-m-d H:i' : 'Y-m-d'), ...restProps, flatpickrOptions: {
|
|
23
|
+
conjunction: separator,
|
|
24
|
+
...(flatpickrOptions || {}),
|
|
25
|
+
} }));
|
|
26
|
+
});
|
|
27
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
28
|
+
RangePicker.displayName = 'RangePicker';
|
|
29
|
+
}
|
|
30
|
+
export default RangePicker;
|
|
31
|
+
//# sourceMappingURL=RangePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangePicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/RangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,GAAG,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnG,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,KACxD,SAAS,EACb,gBAAgB,EAAE;YACjB,WAAW,EAAE,SAAS;YACtB,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,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TimePickerProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* TimePicker Component
|
|
5
|
+
*
|
|
6
|
+
* A time picker component for selecting time without date.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* // Basic time picker (24-hour format)
|
|
10
|
+
* <DatePicker.TimePicker name="time" placeholder="Select time" />
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // 12-hour format with AM/PM
|
|
14
|
+
* <DatePicker.TimePicker name="time" placeholder="Select time" use12Hours />
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* // Time picker with seconds
|
|
18
|
+
* <DatePicker.TimePicker name="time" placeholder="Select time" showSecond />
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // Custom time steps
|
|
22
|
+
* <DatePicker.TimePicker
|
|
23
|
+
* name="time"
|
|
24
|
+
* hourStep={2}
|
|
25
|
+
* minuteStep={15}
|
|
26
|
+
* />
|
|
27
|
+
*/
|
|
28
|
+
declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
export default TimePicker;
|
|
30
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,UAAU,0FAwCd,CAAC;AAMH,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import BaseDatePicker from './BaseDatePicker';
|
|
3
|
+
/**
|
|
4
|
+
* TimePicker Component
|
|
5
|
+
*
|
|
6
|
+
* A time picker component for selecting time without date.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* // Basic time picker (24-hour format)
|
|
10
|
+
* <DatePicker.TimePicker name="time" placeholder="Select time" />
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // 12-hour format with AM/PM
|
|
14
|
+
* <DatePicker.TimePicker name="time" placeholder="Select time" use12Hours />
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* // Time picker with seconds
|
|
18
|
+
* <DatePicker.TimePicker name="time" placeholder="Select time" showSecond />
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // Custom time steps
|
|
22
|
+
* <DatePicker.TimePicker
|
|
23
|
+
* name="time"
|
|
24
|
+
* hourStep={2}
|
|
25
|
+
* minuteStep={15}
|
|
26
|
+
* />
|
|
27
|
+
*/
|
|
28
|
+
const TimePicker = forwardRef((props, ref) => {
|
|
29
|
+
const { use12Hours = false, hourStep = 1, minuteStep = 1, secondStep = 1, showSecond = false, dateFormat, flatpickrOptions, ...restProps } = props;
|
|
30
|
+
// Determine time format
|
|
31
|
+
let timeFormat = dateFormat;
|
|
32
|
+
if (!timeFormat) {
|
|
33
|
+
if (showSecond) {
|
|
34
|
+
timeFormat = use12Hours ? 'h:i:S K' : 'H:i:S';
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
timeFormat = use12Hours ? 'h:i K' : 'H:i';
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return (React.createElement(BaseDatePicker, { ref: ref, enableTime: true, noCalendar: true, time_24hr: !use12Hours, dateFormat: timeFormat, ...restProps, flatpickrOptions: {
|
|
41
|
+
enableSeconds: showSecond,
|
|
42
|
+
time_24hr: !use12Hours,
|
|
43
|
+
hourIncrement: hourStep,
|
|
44
|
+
minuteIncrement: minuteStep,
|
|
45
|
+
...(showSecond && { secondIncrement: secondStep }),
|
|
46
|
+
...(flatpickrOptions || {}),
|
|
47
|
+
} }));
|
|
48
|
+
});
|
|
49
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
50
|
+
TimePicker.displayName = 'TimePicker';
|
|
51
|
+
}
|
|
52
|
+
export default TimePicker;
|
|
53
|
+
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,GAAG,UAAU,CAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,EACL,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,CAAC,EACZ,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,gBAAgB,EAChB,GAAG,SAAS,EACZ,GAAG,KAAK,CAAC;IAEV,wBAAwB;IACxB,IAAI,UAAU,GAAG,UAAU,CAAC;IAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,IAAI,UAAU,EAAE,CAAC;YAChB,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;QAC/C,CAAC;aAAM,CAAC;YACP,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3C,CAAC;IACF,CAAC;IAED,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,CAAC,UAAU,EACtB,UAAU,EAAE,UAAU,KAClB,SAAS,EACb,gBAAgB,EAAE;YACjB,aAAa,EAAE,UAAU;YACzB,SAAS,EAAE,CAAC,UAAU;YACtB,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,UAAU;YAC3B,GAAG,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC;YAClD,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,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { WeekPickerProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* WeekPicker Component
|
|
5
|
+
*
|
|
6
|
+
* A week picker component for selecting a week of the year.
|
|
7
|
+
* Displays week numbers and allows week-based selection.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // Basic week picker
|
|
11
|
+
* <DatePicker.WeekPicker name="week" placeholder="Select week" />
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* // Custom week format
|
|
15
|
+
* <DatePicker.WeekPicker
|
|
16
|
+
* name="week"
|
|
17
|
+
* weekFormat="Y-'W'W"
|
|
18
|
+
* placeholder="Select week"
|
|
19
|
+
* />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // Week picker with constraints
|
|
23
|
+
* <DatePicker.WeekPicker
|
|
24
|
+
* name="week"
|
|
25
|
+
* minDate="2024-01-01"
|
|
26
|
+
* maxDate="2024-12-31"
|
|
27
|
+
* />
|
|
28
|
+
*/
|
|
29
|
+
declare const WeekPicker: React.ForwardRefExoticComponent<WeekPickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
30
|
+
export default WeekPicker;
|
|
31
|
+
//# sourceMappingURL=WeekPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WeekPicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/WeekPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,UAAU,0FAqEd,CAAC;AA4BH,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import BaseDatePicker from './BaseDatePicker';
|
|
3
|
+
/**
|
|
4
|
+
* WeekPicker Component
|
|
5
|
+
*
|
|
6
|
+
* A week picker component for selecting a week of the year.
|
|
7
|
+
* Displays week numbers and allows week-based selection.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // Basic week picker
|
|
11
|
+
* <DatePicker.WeekPicker name="week" placeholder="Select week" />
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* // Custom week format
|
|
15
|
+
* <DatePicker.WeekPicker
|
|
16
|
+
* name="week"
|
|
17
|
+
* weekFormat="Y-'W'W"
|
|
18
|
+
* placeholder="Select week"
|
|
19
|
+
* />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // Week picker with constraints
|
|
23
|
+
* <DatePicker.WeekPicker
|
|
24
|
+
* name="week"
|
|
25
|
+
* minDate="2024-01-01"
|
|
26
|
+
* maxDate="2024-12-31"
|
|
27
|
+
* />
|
|
28
|
+
*/
|
|
29
|
+
const WeekPicker = forwardRef((props, ref) => {
|
|
30
|
+
const { weekFormat, dateFormat, flatpickrOptions, ...restProps } = props;
|
|
31
|
+
return (React.createElement(BaseDatePicker, { ref: ref, weekNumbers: true, dateFormat: dateFormat || weekFormat || 'Y-\\WW', ...restProps, flatpickrOptions: {
|
|
32
|
+
// Week picker configuration
|
|
33
|
+
onReady: (selectedDates, dateStr, instance) => {
|
|
34
|
+
const calendarContainer = instance.calendarContainer;
|
|
35
|
+
if (calendarContainer) {
|
|
36
|
+
// Add custom class for week picker styling
|
|
37
|
+
calendarContainer.classList.add('flatpickr-week-picker');
|
|
38
|
+
// Add click handlers for week selection
|
|
39
|
+
const weekNumbers = calendarContainer.querySelectorAll('.flatpickr-weekwrapper .flatpickr-day');
|
|
40
|
+
weekNumbers.forEach((weekNum) => {
|
|
41
|
+
weekNum.addEventListener('click', (e) => {
|
|
42
|
+
e.preventDefault();
|
|
43
|
+
e.stopPropagation();
|
|
44
|
+
// Get the week number
|
|
45
|
+
const week = weekNum.textContent;
|
|
46
|
+
if (week) {
|
|
47
|
+
// Calculate the start of the week
|
|
48
|
+
const year = instance.currentYear;
|
|
49
|
+
const date = getDateOfWeek(parseInt(week), year);
|
|
50
|
+
instance.setDate(date, true);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
if (flatpickrOptions?.onReady && typeof flatpickrOptions.onReady === 'function') {
|
|
56
|
+
flatpickrOptions.onReady(selectedDates, dateStr, instance);
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
onChange: (selectedDates, dateStr, instance) => {
|
|
60
|
+
// Highlight the entire week when a date is selected
|
|
61
|
+
if (selectedDates[0]) {
|
|
62
|
+
const calendarContainer = instance.calendarContainer;
|
|
63
|
+
if (calendarContainer) {
|
|
64
|
+
const selectedWeek = getWeek(selectedDates[0]);
|
|
65
|
+
// Remove previous week highlights
|
|
66
|
+
const allDays = calendarContainer.querySelectorAll('.flatpickr-day');
|
|
67
|
+
allDays.forEach((day) => day.classList.remove('week-selected'));
|
|
68
|
+
// Add week highlight
|
|
69
|
+
allDays.forEach((day) => {
|
|
70
|
+
const dayDate = new Date(day.dateObj);
|
|
71
|
+
if (getWeek(dayDate) === selectedWeek) {
|
|
72
|
+
day.classList.add('week-selected');
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
if (flatpickrOptions?.onChange && typeof flatpickrOptions.onChange === 'function') {
|
|
78
|
+
flatpickrOptions.onChange(selectedDates, dateStr, instance);
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
...(flatpickrOptions || {}),
|
|
82
|
+
} }));
|
|
83
|
+
});
|
|
84
|
+
// Helper function to get week number
|
|
85
|
+
function getWeek(date) {
|
|
86
|
+
const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
|
|
87
|
+
const dayNum = d.getUTCDay() || 7;
|
|
88
|
+
d.setUTCDate(d.getUTCDate() + 4 - dayNum);
|
|
89
|
+
const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
|
|
90
|
+
return Math.ceil(((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7);
|
|
91
|
+
}
|
|
92
|
+
// Helper function to get date from week number
|
|
93
|
+
function getDateOfWeek(week, year) {
|
|
94
|
+
const simple = new Date(year, 0, 1 + (week - 1) * 7);
|
|
95
|
+
const dow = simple.getDay();
|
|
96
|
+
const ISOweekStart = simple;
|
|
97
|
+
if (dow <= 4) {
|
|
98
|
+
ISOweekStart.setDate(simple.getDate() - simple.getDay() + 1);
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
ISOweekStart.setDate(simple.getDate() + 8 - simple.getDay());
|
|
102
|
+
}
|
|
103
|
+
return ISOweekStart;
|
|
104
|
+
}
|
|
105
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
106
|
+
WeekPicker.displayName = 'WeekPicker';
|
|
107
|
+
}
|
|
108
|
+
export default WeekPicker;
|
|
109
|
+
//# sourceMappingURL=WeekPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WeekPicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/WeekPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,mBASxB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const calendarIcon = (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none' },
|
|
3
|
+
React.createElement("path", { d: 'M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8ZM12 14C11.7167 14 11.4792 13.9042 11.2875 13.7125C11.0958 13.5208 11 13.2833 11 13C11 12.7167 11.0958 12.4792 11.2875 12.2875C11.4792 12.0958 11.7167 12 12 12C12.2833 12 12.5208 12.0958 12.7125 12.2875C12.9042 12.4792 13 12.7167 13 13C13 13.2833 12.9042 13.5208 12.7125 13.7125C12.5208 13.9042 12.2833 14 12 14ZM8 14C7.71667 14 7.47917 13.9042 7.2875 13.7125C7.09583 13.5208 7 13.2833 7 13C7 12.7167 7.09583 12.4792 7.2875 12.2875C7.47917 12.0958 7.71667 12 8 12C8.28333 12 8.52083 12.0958 8.7125 12.2875C8.90417 12.4792 9 12.7167 9 13C9 13.2833 8.90417 13.5208 8.7125 13.7125C8.52083 13.9042 8.28333 14 8 14ZM16 14C15.7167 14 15.4792 13.9042 15.2875 13.7125C15.0958 13.5208 15 13.2833 15 13C15 12.7167 15.0958 12.4792 15.2875 12.2875C15.4792 12.0958 15.7167 12 16 12C16.2833 12 16.5208 12.0958 16.7125 12.2875C16.9042 12.4792 17 12.7167 17 13C17 13.2833 16.9042 13.5208 16.7125 13.7125C16.5208 13.9042 16.2833 14 16 14ZM12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18ZM8 18C7.71667 18 7.47917 17.9042 7.2875 17.7125C7.09583 17.5208 7 17.2833 7 17C7 16.7167 7.09583 16.4792 7.2875 16.2875C7.47917 16.0958 7.71667 16 8 16C8.28333 16 8.52083 16.0958 8.7125 16.2875C8.90417 16.4792 9 16.7167 9 17C9 17.2833 8.90417 17.5208 8.7125 17.7125C8.52083 17.9042 8.28333 18 8 18ZM16 18C15.7167 18 15.4792 17.9042 15.2875 17.7125C15.0958 17.5208 15 17.2833 15 17C15 16.7167 15.0958 16.4792 15.2875 16.2875C15.4792 16.0958 15.7167 16 16 16C16.2833 16 16.5208 16.0958 16.7125 16.2875C16.9042 16.4792 17 16.7167 17 17C17 17.2833 16.9042 17.5208 16.7125 17.7125C16.5208 17.9042 16.2833 18 16 18Z' })));
|
|
4
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/date-picker/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,CAC3B,6BACC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM;IACX,8BAAM,CAAC,EAAC,moEAAmoE,GAAG,CACzoE,CACN,CAAC"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import DatePicker from './DatePicker';
|
|
2
|
+
import RangePicker from './RangePicker';
|
|
3
|
+
import TimePicker from './TimePicker';
|
|
4
|
+
import MonthPicker from './MonthPicker';
|
|
5
|
+
import WeekPicker from './WeekPicker';
|
|
6
|
+
type DatePickerComponent = typeof DatePicker & {
|
|
7
|
+
RangePicker: typeof RangePicker;
|
|
8
|
+
TimePicker: typeof TimePicker;
|
|
9
|
+
MonthPicker: typeof MonthPicker;
|
|
10
|
+
WeekPicker: typeof WeekPicker;
|
|
11
|
+
};
|
|
12
|
+
declare const EnhancedDatePicker: DatePickerComponent;
|
|
13
|
+
export default EnhancedDatePicker;
|
|
9
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,KAAK,mBAAmB,GAAG,OAAO,UAAU,GAAG;IAC9C,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,UAAU,EAAE,OAAO,UAAU,CAAC;CAC9B,CAAC;AAGF,QAAA,MAAM,kBAAkB,EAAE,mBAAuD,CAAC;AAMlF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export default
|
|
1
|
+
import DatePicker from './DatePicker';
|
|
2
|
+
import RangePicker from './RangePicker';
|
|
3
|
+
import TimePicker from './TimePicker';
|
|
4
|
+
import MonthPicker from './MonthPicker';
|
|
5
|
+
import WeekPicker from './WeekPicker';
|
|
6
|
+
// Assign the sub-components to the DatePicker component
|
|
7
|
+
const EnhancedDatePicker = DatePicker;
|
|
8
|
+
EnhancedDatePicker.RangePicker = RangePicker;
|
|
9
|
+
EnhancedDatePicker.TimePicker = TimePicker;
|
|
10
|
+
EnhancedDatePicker.MonthPicker = MonthPicker;
|
|
11
|
+
EnhancedDatePicker.WeekPicker = WeekPicker;
|
|
12
|
+
export default EnhancedDatePicker;
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/date-picker/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AAUtC,wDAAwD;AACxD,MAAM,kBAAkB,GAAwB,UAAiC,CAAC;AAClF,kBAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,kBAAkB,CAAC,UAAU,GAAG,UAAU,CAAC;AAC3C,kBAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,kBAAkB,CAAC,UAAU,GAAG,UAAU,CAAC;AAE3C,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import flatpickr from 'flatpickr';
|
|
3
|
+
import { BaseOptions } from 'flatpickr/dist/types/options';
|
|
4
|
+
export interface BaseDatePickerProps {
|
|
5
|
+
name: string;
|
|
6
|
+
onChange?: (dates: Date[], dateStr: string, instance: flatpickr.Instance) => void;
|
|
7
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
8
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
9
|
+
onOpen?: (selectedDates: Date[], dateStr: string, instance: flatpickr.Instance) => void;
|
|
10
|
+
onClose?: (selectedDates: Date[], dateStr: string, instance: flatpickr.Instance) => void;
|
|
11
|
+
onReady?: (selectedDates: Date[], dateStr: string, instance: flatpickr.Instance) => void;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
defaultValue?: Date | Date[] | string;
|
|
16
|
+
value?: Date | Date[] | string;
|
|
17
|
+
format?: string;
|
|
18
|
+
enableTime?: boolean;
|
|
19
|
+
noCalendar?: boolean;
|
|
20
|
+
dateFormat?: string;
|
|
21
|
+
minDate?: Date | string;
|
|
22
|
+
maxDate?: Date | string;
|
|
23
|
+
minTime?: string;
|
|
24
|
+
maxTime?: string;
|
|
25
|
+
disable?: Array<Date | string | ((date: Date) => boolean)>;
|
|
26
|
+
enable?: Array<Date | string | ((date: Date) => boolean)>;
|
|
27
|
+
inline?: boolean;
|
|
28
|
+
mode?: 'single' | 'multiple' | 'range';
|
|
29
|
+
time_24hr?: boolean;
|
|
30
|
+
weekNumbers?: boolean;
|
|
31
|
+
allowInput?: boolean;
|
|
32
|
+
clickOpens?: boolean;
|
|
33
|
+
static?: boolean;
|
|
34
|
+
monthSelectorType?: 'dropdown' | 'static';
|
|
35
|
+
shorthandCurrentMonth?: boolean;
|
|
36
|
+
position?: 'auto' | 'above' | 'below' | 'auto left' | 'auto center' | 'auto right' | 'above left' | 'above center' | 'above right' | 'below left' | 'below center' | 'below right';
|
|
37
|
+
locale?: any;
|
|
38
|
+
flatpickrOptions?: Partial<BaseOptions>;
|
|
39
|
+
autoComplete?: string;
|
|
40
|
+
autoCorrect?: 'on' | 'off';
|
|
41
|
+
autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
|
|
42
|
+
spellCheck?: boolean;
|
|
43
|
+
prefix?: React.ReactNode;
|
|
44
|
+
suffix?: React.ReactNode;
|
|
45
|
+
addonBefore?: React.ReactNode;
|
|
46
|
+
addonAfter?: React.ReactNode;
|
|
47
|
+
allowClear?: boolean | {
|
|
48
|
+
clearIcon?: React.ReactNode;
|
|
49
|
+
};
|
|
50
|
+
containerClassName?: string;
|
|
51
|
+
}
|
|
52
|
+
export interface DatePickerProps extends Omit<BaseDatePickerProps, 'mode' | 'enableTime' | 'noCalendar'> {
|
|
53
|
+
showTime?: boolean;
|
|
54
|
+
showToday?: boolean;
|
|
55
|
+
picker?: 'date' | 'week' | 'month' | 'quarter' | 'year';
|
|
56
|
+
}
|
|
57
|
+
export interface RangePickerProps extends Omit<BaseDatePickerProps, 'mode'> {
|
|
58
|
+
showTime?: boolean;
|
|
59
|
+
separator?: string;
|
|
60
|
+
}
|
|
61
|
+
export interface TimePickerProps extends Omit<BaseDatePickerProps, 'enableTime' | 'noCalendar'> {
|
|
62
|
+
use12Hours?: boolean;
|
|
63
|
+
hourStep?: number;
|
|
64
|
+
minuteStep?: number;
|
|
65
|
+
secondStep?: number;
|
|
66
|
+
showSecond?: boolean;
|
|
67
|
+
}
|
|
68
|
+
export interface MonthPickerProps extends Omit<BaseDatePickerProps, 'mode'> {
|
|
69
|
+
monthFormat?: string;
|
|
70
|
+
}
|
|
71
|
+
export interface WeekPickerProps extends Omit<BaseDatePickerProps, 'mode'> {
|
|
72
|
+
weekFormat?: string;
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC;IAClF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC;IACxF,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzF,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC1C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,CAAC;IACjB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG;QAAE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC;IACvG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,YAAY,GAAG,YAAY,CAAC;IAC9F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/date-picker/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DatePicker Utility Functions
|
|
3
|
+
*
|
|
4
|
+
* Common utility functions for date manipulation and formatting
|
|
5
|
+
* used with the DatePicker component.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Get the start of day (00:00:00)
|
|
9
|
+
*/
|
|
10
|
+
export declare function startOfDay(date: Date): Date;
|
|
11
|
+
/**
|
|
12
|
+
* Get the end of day (23:59:59)
|
|
13
|
+
*/
|
|
14
|
+
export declare function endOfDay(date: Date): Date;
|
|
15
|
+
/**
|
|
16
|
+
* Get the start of week (Monday)
|
|
17
|
+
*/
|
|
18
|
+
export declare function startOfWeek(date: Date): Date;
|
|
19
|
+
/**
|
|
20
|
+
* Get the end of week (Sunday)
|
|
21
|
+
*/
|
|
22
|
+
export declare function endOfWeek(date: Date): Date;
|
|
23
|
+
/**
|
|
24
|
+
* Get the start of month
|
|
25
|
+
*/
|
|
26
|
+
export declare function startOfMonth(date: Date): Date;
|
|
27
|
+
/**
|
|
28
|
+
* Get the end of month
|
|
29
|
+
*/
|
|
30
|
+
export declare function endOfMonth(date: Date): Date;
|
|
31
|
+
/**
|
|
32
|
+
* Get the start of year
|
|
33
|
+
*/
|
|
34
|
+
export declare function startOfYear(date: Date): Date;
|
|
35
|
+
/**
|
|
36
|
+
* Get the end of year
|
|
37
|
+
*/
|
|
38
|
+
export declare function endOfYear(date: Date): Date;
|
|
39
|
+
/**
|
|
40
|
+
* Add days to a date
|
|
41
|
+
*/
|
|
42
|
+
export declare function addDays(date: Date, days: number): Date;
|
|
43
|
+
/**
|
|
44
|
+
* Add months to a date
|
|
45
|
+
*/
|
|
46
|
+
export declare function addMonths(date: Date, months: number): Date;
|
|
47
|
+
/**
|
|
48
|
+
* Add years to a date
|
|
49
|
+
*/
|
|
50
|
+
export declare function addYears(date: Date, years: number): Date;
|
|
51
|
+
/**
|
|
52
|
+
* Check if date is today
|
|
53
|
+
*/
|
|
54
|
+
export declare function isToday(date: Date): boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Check if date is in the past
|
|
57
|
+
*/
|
|
58
|
+
export declare function isPast(date: Date): boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Check if date is in the future
|
|
61
|
+
*/
|
|
62
|
+
export declare function isFuture(date: Date): boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Check if date is weekend (Saturday or Sunday)
|
|
65
|
+
*/
|
|
66
|
+
export declare function isWeekend(date: Date): boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Check if date is weekday (Monday to Friday)
|
|
69
|
+
*/
|
|
70
|
+
export declare function isWeekday(date: Date): boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Get the difference in days between two dates
|
|
73
|
+
*/
|
|
74
|
+
export declare function diffInDays(date1: Date, date2: Date): number;
|
|
75
|
+
/**
|
|
76
|
+
* Get the difference in months between two dates
|
|
77
|
+
*/
|
|
78
|
+
export declare function diffInMonths(date1: Date, date2: Date): number;
|
|
79
|
+
/**
|
|
80
|
+
* Get the difference in years between two dates
|
|
81
|
+
*/
|
|
82
|
+
export declare function diffInYears(date1: Date, date2: Date): number;
|
|
83
|
+
/**
|
|
84
|
+
* Format date to string
|
|
85
|
+
*/
|
|
86
|
+
export declare function formatDate(date: Date, format?: string): string;
|
|
87
|
+
/**
|
|
88
|
+
* Parse date string to Date object
|
|
89
|
+
*/
|
|
90
|
+
export declare function parseDate(dateString: string): Date | null;
|
|
91
|
+
/**
|
|
92
|
+
* Get an array of dates between two dates
|
|
93
|
+
*/
|
|
94
|
+
export declare function getDateRange(startDate: Date, endDate: Date): Date[];
|
|
95
|
+
/**
|
|
96
|
+
* Check if a date is within a range
|
|
97
|
+
*/
|
|
98
|
+
export declare function isDateInRange(date: Date, startDate: Date, endDate: Date): boolean;
|
|
99
|
+
/**
|
|
100
|
+
* Get week number of the year
|
|
101
|
+
*/
|
|
102
|
+
export declare function getWeekNumber(date: Date): number;
|
|
103
|
+
/**
|
|
104
|
+
* Get the date from week number
|
|
105
|
+
*/
|
|
106
|
+
export declare function getDateFromWeekNumber(week: number, year: number): Date;
|
|
107
|
+
/**
|
|
108
|
+
* Get business days between two dates (excluding weekends)
|
|
109
|
+
*/
|
|
110
|
+
export declare function getBusinessDays(startDate: Date, endDate: Date): number;
|
|
111
|
+
/**
|
|
112
|
+
* Add business days (excluding weekends)
|
|
113
|
+
*/
|
|
114
|
+
export declare function addBusinessDays(date: Date, days: number): Date;
|
|
115
|
+
/**
|
|
116
|
+
* Common date disable functions for flatpickr
|
|
117
|
+
*/
|
|
118
|
+
export declare const dateDisableFunctions: {
|
|
119
|
+
disableWeekends: (date: Date) => boolean;
|
|
120
|
+
disableWeekdays: (date: Date) => boolean;
|
|
121
|
+
disablePast: (date: Date) => boolean;
|
|
122
|
+
disableFuture: (date: Date) => boolean;
|
|
123
|
+
disableDaysOfWeek: (days: number[]) => (date: Date) => boolean;
|
|
124
|
+
disableBefore: (beforeDate: Date) => (date: Date) => boolean;
|
|
125
|
+
disableAfter: (afterDate: Date) => (date: Date) => boolean;
|
|
126
|
+
disableRange: (startDate: Date, endDate: Date) => (date: Date) => boolean;
|
|
127
|
+
};
|
|
128
|
+
/**
|
|
129
|
+
* Common date presets for quick selection
|
|
130
|
+
*/
|
|
131
|
+
export declare const datePresets: {
|
|
132
|
+
today: () => Date;
|
|
133
|
+
yesterday: () => Date;
|
|
134
|
+
tomorrow: () => Date;
|
|
135
|
+
startOfWeek: () => Date;
|
|
136
|
+
endOfWeek: () => Date;
|
|
137
|
+
startOfMonth: () => Date;
|
|
138
|
+
endOfMonth: () => Date;
|
|
139
|
+
startOfYear: () => Date;
|
|
140
|
+
endOfYear: () => Date;
|
|
141
|
+
lastWeek: () => {
|
|
142
|
+
start: Date;
|
|
143
|
+
end: Date;
|
|
144
|
+
};
|
|
145
|
+
lastMonth: () => {
|
|
146
|
+
start: Date;
|
|
147
|
+
end: Date;
|
|
148
|
+
};
|
|
149
|
+
lastYear: () => {
|
|
150
|
+
start: Date;
|
|
151
|
+
end: Date;
|
|
152
|
+
};
|
|
153
|
+
next30Days: () => {
|
|
154
|
+
start: Date;
|
|
155
|
+
end: Date;
|
|
156
|
+
};
|
|
157
|
+
next90Days: () => {
|
|
158
|
+
start: Date;
|
|
159
|
+
end: Date;
|
|
160
|
+
};
|
|
161
|
+
};
|
|
162
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/utils.ts"],"names":[],"mappings":"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"}
|