tp-react-elements-dev 1.14.11 → 1.14.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index.esm5.js +2 -2
- package/dist/_virtual/index.esm6.js +2 -2
- package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.esm.js +33 -31
- package/dist/node_modules/react-date-range/dist/components/Calendar/index.esm.js +1 -1
- package/dist/node_modules/react-date-range/dist/components/DefinedRange/index.esm.js +1 -1
- package/dist/utils/Interface/FormInterface.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Calendar = {};
|
|
2
2
|
|
|
3
|
-
export {
|
|
3
|
+
export { Calendar as __exports };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var
|
|
1
|
+
var DefinedRange = {};
|
|
2
2
|
|
|
3
|
-
export {
|
|
3
|
+
export { DefinedRange as __exports };
|
|
@@ -33,40 +33,42 @@ const DatepickerWrapperV2 = ({ props, variant, }) => {
|
|
|
33
33
|
if (isLoading) {
|
|
34
34
|
return jsx("div", { style: { minHeight: '36px' }, children: "Loading..." });
|
|
35
35
|
}
|
|
36
|
-
return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) =>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
?
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
props?.item?.onChangeFn
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
error: isShowBorderError,
|
|
60
|
-
sx: {
|
|
61
|
-
'& .MuiFormLabel-root': {
|
|
62
|
-
top: -10,
|
|
36
|
+
return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => {
|
|
37
|
+
return (jsxs(Fragment, { children: [DatePicker && (jsxs(LocalizationProvider, { dateAdapter: AdapterDayjs, children: [renderLabel(variant, props), jsx(DatePicker, { views: ['month', 'year', 'day'], label: variant !== 'standard'
|
|
38
|
+
? `${props.item.label}${props.item.required ? ' *' : ''}`
|
|
39
|
+
: '', value: field.value
|
|
40
|
+
? typeof field.value === 'string'
|
|
41
|
+
? dayjs(field.value, props.item.DateFormat || 'DD/MM/YYYY')
|
|
42
|
+
: dayjs(field.value)
|
|
43
|
+
: null, className: 'read-only', format: props.item.DateFormat || 'DD/MM/YYYY', open: open, onOpen: handleToggle, onClose: handleToggle, minDate: props?.item?.minDate ? dayjs(props?.item?.minDate, props.item.DateFormat || 'DD/MM/YYYY') : undefined, maxDate: props?.item?.maxDate ? dayjs(props?.item?.maxDate, props.item.DateFormat || 'DD/MM/YYYY') : undefined, disabled: props.item.disable || false, onChange: (date) => {
|
|
44
|
+
field.onChange(dayjs(date).format(props.item.DateFormat || 'DD/MM/YYYY'));
|
|
45
|
+
props?.item?.onChangeFn &&
|
|
46
|
+
props?.item?.onChangeFn(dayjs(date).format(props.item.DateFormat || 'DD/MM/YYYY'));
|
|
47
|
+
}, slotProps: {
|
|
48
|
+
textField: {
|
|
49
|
+
onClick: () => handleToggle(),
|
|
50
|
+
inputRef: inputTextRef,
|
|
51
|
+
onBlur: (e) => {
|
|
52
|
+
props?.item?.onBlurFn && props?.item?.onBlurFn(e);
|
|
53
|
+
},
|
|
54
|
+
inputProps: {
|
|
55
|
+
input: { cursor: 'pointer' },
|
|
56
|
+
'aria-labelledby': `${props.item.name}-label`,
|
|
57
|
+
'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
|
|
58
|
+
'aria-required': props.item.required ? true : undefined,
|
|
63
59
|
},
|
|
64
|
-
|
|
65
|
-
|
|
60
|
+
error: isShowBorderError,
|
|
61
|
+
sx: {
|
|
62
|
+
'& .MuiFormLabel-root': {
|
|
63
|
+
top: -10,
|
|
64
|
+
},
|
|
65
|
+
'& .MuiInputLabel-shrink': {
|
|
66
|
+
top: 0,
|
|
67
|
+
},
|
|
66
68
|
},
|
|
67
69
|
},
|
|
68
|
-
},
|
|
69
|
-
|
|
70
|
+
} })] })), jsx(FormBottomField, { ...props })] }));
|
|
71
|
+
} }, props.item.name));
|
|
70
72
|
};
|
|
71
73
|
|
|
72
74
|
export { DatepickerWrapperV2 as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __exports as Calendar } from '../../../../../_virtual/index.
|
|
1
|
+
import { __exports as Calendar } from '../../../../../_virtual/index.esm5.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
|
|
4
4
|
import { __require as requireDayCell } from '../DayCell/index.esm.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __exports as DefinedRange } from '../../../../../_virtual/index.
|
|
1
|
+
import { __exports as DefinedRange } from '../../../../../_virtual/index.esm6.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
|
|
4
4
|
import { __require as requireStyles } from '../../styles.esm.js';
|