@pdg/react-form 1.0.156 → 1.0.158
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/@private/PrivateDatePicker/PrivateDatePicker.types.d.ts +1 -1
- package/dist/@private/PrivateDateTimePicker/PrivateDateTimePicker.types.d.ts +1 -1
- package/dist/@private/PrivateInputDatePicker/PrivateInputDatePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormMonthPicker/FormMonthPicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormMonthRangePicker/FormMonthRangePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormYearPicker/FormYearPicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormYearRangePicker/FormYearRangePicker.types.d.ts +1 -1
- package/dist/index.esm.js +22 -24
- package/dist/index.js +22 -24
- package/package.json +2 -2
|
@@ -19,7 +19,7 @@ export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<Desk
|
|
|
19
19
|
startAdornment?: ReactNode;
|
|
20
20
|
endAdornment?: ReactNode;
|
|
21
21
|
align?: 'left' | 'center' | 'right';
|
|
22
|
-
|
|
22
|
+
enableKeyboardInput?: boolean;
|
|
23
23
|
hidden?: boolean;
|
|
24
24
|
}
|
|
25
25
|
export interface PrivateDatePickerCommands extends FormValueItemBaseCommands<PrivateDatePickerValue, false>, FormDateValueItemCommands {
|
|
@@ -19,7 +19,7 @@ export interface PrivateDateTimePickerProps extends CommonSxProps, Partial<Omit<
|
|
|
19
19
|
startAdornment?: ReactNode;
|
|
20
20
|
endAdornment?: ReactNode;
|
|
21
21
|
align?: 'left' | 'center' | 'right';
|
|
22
|
-
|
|
22
|
+
enableKeyboardInput?: boolean;
|
|
23
23
|
hidden?: boolean;
|
|
24
24
|
}
|
|
25
25
|
export interface PrivateDateTimePickerCommands extends FormValueItemBaseCommands<PrivateDateTimePickerValue, false>, FormDateValueItemCommands {
|
|
@@ -19,7 +19,7 @@ export interface PrivateInputDatePickerProps extends CommonSxProps, Pick<Desktop
|
|
|
19
19
|
minDate?: Dayjs;
|
|
20
20
|
maxDate?: Dayjs;
|
|
21
21
|
align?: 'left' | 'center' | 'right';
|
|
22
|
-
|
|
22
|
+
enableKeyboardInput?: boolean;
|
|
23
23
|
onChange(newValue: PrivateInputDatePickerValue): void;
|
|
24
24
|
onFocus: TextFieldProps['onFocus'];
|
|
25
25
|
onBlur?: TextFieldProps['onBlur'];
|
|
@@ -17,7 +17,7 @@ export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueI
|
|
|
17
17
|
requiredEnd?: boolean;
|
|
18
18
|
readOnlyStart?: boolean;
|
|
19
19
|
readOnlyEnd?: boolean;
|
|
20
|
-
|
|
20
|
+
enableKeyboardInput?: boolean;
|
|
21
21
|
labelShrink?: boolean;
|
|
22
22
|
calendarCount?: FormDateRangePickerCalendarCount;
|
|
23
23
|
format?: string;
|
|
@@ -14,7 +14,7 @@ export interface FormMonthPickerProps extends CommonSxProps, FormValueItemProps<
|
|
|
14
14
|
minValue?: FormMonthPickerBaseValue;
|
|
15
15
|
maxValue?: FormMonthPickerBaseValue;
|
|
16
16
|
inputWidth?: number | string;
|
|
17
|
-
|
|
17
|
+
enableKeyboardInput?: boolean;
|
|
18
18
|
startAdornment?: ReactNode;
|
|
19
19
|
endAdornment?: ReactNode;
|
|
20
20
|
formValueYearNameSuffix?: string;
|
|
@@ -18,7 +18,7 @@ export interface FormMonthRangePickerProps extends CommonSxProps, Omit<FormValue
|
|
|
18
18
|
minValue?: FormMonthRangePickerBaseValue;
|
|
19
19
|
maxValue?: FormMonthRangePickerBaseValue;
|
|
20
20
|
inputWidth?: number | string;
|
|
21
|
-
|
|
21
|
+
enableKeyboardInput?: boolean;
|
|
22
22
|
startAdornment?: ReactNode;
|
|
23
23
|
endAdornment?: ReactNode;
|
|
24
24
|
formValueFromYearNameSuffix?: string;
|
|
@@ -14,7 +14,7 @@ export interface FormYearPickerProps extends CommonSxProps, FormValueItemProps<F
|
|
|
14
14
|
minYear?: FormYearPickerBaseValue;
|
|
15
15
|
maxYear?: FormYearPickerBaseValue;
|
|
16
16
|
inputWidth?: number | string;
|
|
17
|
-
|
|
17
|
+
enableKeyboardInput?: boolean;
|
|
18
18
|
startAdornment?: ReactNode;
|
|
19
19
|
endAdornment?: ReactNode;
|
|
20
20
|
}
|
|
@@ -18,7 +18,7 @@ export interface FormYearRangePickerProps extends CommonSxProps, Omit<FormValueI
|
|
|
18
18
|
minYear?: FormYearRangePickerBaseValue;
|
|
19
19
|
maxYear?: FormYearRangePickerBaseValue;
|
|
20
20
|
inputWidth?: number | string;
|
|
21
|
-
|
|
21
|
+
enableKeyboardInput?: boolean;
|
|
22
22
|
startAdornment?: ReactNode;
|
|
23
23
|
endAdornment?: ReactNode;
|
|
24
24
|
formValueFromNameSuffix?: string;
|
package/dist/index.esm.js
CHANGED
|
@@ -5880,9 +5880,9 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5880
5880
|
* ******************************************************************************************************************/
|
|
5881
5881
|
var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
|
|
5882
5882
|
//--------------------------------------------------------------------------------------------------------------------
|
|
5883
|
-
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, format = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval,
|
|
5883
|
+
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, format = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval, enableKeyboardInput = _a.enableKeyboardInput, initHidden = _a.hidden, _d = _a.showDaysOutsideCurrentMonth, showDaysOutsideCurrentMonth = _d === void 0 ? true : _d, onChange = _a.onChange, initOnValidate = _a.onValidate,
|
|
5884
5884
|
//--------------------------------------------------------------------------------------------------------------------
|
|
5885
|
-
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "
|
|
5885
|
+
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "enableKeyboardInput", "hidden", "showDaysOutsideCurrentMonth", "onChange", "onValidate", "className", "style", "sx"]);
|
|
5886
5886
|
var id = useId();
|
|
5887
5887
|
/********************************************************************************************************************
|
|
5888
5888
|
* Ref
|
|
@@ -6180,13 +6180,12 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
6180
6180
|
if (labelShrink) {
|
|
6181
6181
|
textFieldInputLabelProps.shrink = labelShrink;
|
|
6182
6182
|
}
|
|
6183
|
-
var readOnly =
|
|
6183
|
+
var readOnly = !enableKeyboardInput;
|
|
6184
6184
|
var inputProps = {
|
|
6185
6185
|
readOnly: readOnly,
|
|
6186
6186
|
};
|
|
6187
6187
|
if (readOnly) {
|
|
6188
6188
|
inputProps.tabIndex = -1;
|
|
6189
|
-
inputProps.className = classNames(inputProps.className, 'Mui-disabled');
|
|
6190
6189
|
}
|
|
6191
6190
|
var muiInputProps = { endAdornment: undefined };
|
|
6192
6191
|
if (startAdornment || icon || muiInputProps.startAdornment) {
|
|
@@ -6236,7 +6235,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
6236
6235
|
icon,
|
|
6237
6236
|
initStyle,
|
|
6238
6237
|
labelShrink,
|
|
6239
|
-
|
|
6238
|
+
enableKeyboardInput,
|
|
6240
6239
|
required,
|
|
6241
6240
|
size,
|
|
6242
6241
|
startAdornment,
|
|
@@ -6506,9 +6505,9 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6506
6505
|
* ******************************************************************************************************************/
|
|
6507
6506
|
var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
|
|
6508
6507
|
//--------------------------------------------------------------------------------------------------------------------
|
|
6509
|
-
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, initFormat = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval,
|
|
6508
|
+
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, initFormat = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval, enableKeyboardInput = _a.enableKeyboardInput, initHidden = _a.hidden, _d = _a.showDaysOutsideCurrentMonth, showDaysOutsideCurrentMonth = _d === void 0 ? true : _d, onChange = _a.onChange, initOnValidate = _a.onValidate,
|
|
6510
6509
|
//--------------------------------------------------------------------------------------------------------------------
|
|
6511
|
-
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "
|
|
6510
|
+
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "enableKeyboardInput", "hidden", "showDaysOutsideCurrentMonth", "onChange", "onValidate", "className", "style", "sx"]);
|
|
6512
6511
|
var id = useId();
|
|
6513
6512
|
/********************************************************************************************************************
|
|
6514
6513
|
* Ref
|
|
@@ -6825,13 +6824,12 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6825
6824
|
if (labelShrink) {
|
|
6826
6825
|
textFieldInputLabelProps.shrink = labelShrink;
|
|
6827
6826
|
}
|
|
6828
|
-
var readOnly =
|
|
6827
|
+
var readOnly = !enableKeyboardInput;
|
|
6829
6828
|
var inputProps = {
|
|
6830
6829
|
readOnly: readOnly,
|
|
6831
6830
|
};
|
|
6832
6831
|
if (readOnly) {
|
|
6833
6832
|
inputProps.tabIndex = -1;
|
|
6834
|
-
inputProps.className = classNames(inputProps.className, 'Mui-disabled');
|
|
6835
6833
|
}
|
|
6836
6834
|
var muiInputProps = { endAdornment: undefined };
|
|
6837
6835
|
if (startAdornment || icon || muiInputProps.startAdornment) {
|
|
@@ -6880,7 +6878,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6880
6878
|
fullWidth,
|
|
6881
6879
|
icon,
|
|
6882
6880
|
labelShrink,
|
|
6883
|
-
|
|
6881
|
+
enableKeyboardInput,
|
|
6884
6882
|
required,
|
|
6885
6883
|
size,
|
|
6886
6884
|
startAdornment,
|
|
@@ -6937,7 +6935,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6937
6935
|
* ******************************************************************************************************************/
|
|
6938
6936
|
var variant = _a.variant, size = _a.size, color = _a.color, focused = _a.focused, fullWidth = _a.fullWidth, disabled = _a.disabled, readOnly = _a.readOnly, required = _a.required, labelShrink = _a.labelShrink,
|
|
6939
6937
|
//--------------------------------------------------------------------------------------------------------------------
|
|
6940
|
-
className = _a.className, style = _a.style, sx = _a.sx, value = _a.value, initLabel = _a.label, labelIcon = _a.labelIcon, inputRef = _a.inputRef, format = _a.format, error = _a.error, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _b = _a.align, align = _b === void 0 ? 'center' : _b,
|
|
6938
|
+
className = _a.className, style = _a.style, sx = _a.sx, value = _a.value, initLabel = _a.label, labelIcon = _a.labelIcon, inputRef = _a.inputRef, format = _a.format, error = _a.error, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _b = _a.align, align = _b === void 0 ? 'center' : _b, enableKeyboardInput = _a.enableKeyboardInput, initOnFocus = _a.onFocus, initOnBlur = _a.onBlur, props = __rest(_a, ["variant", "size", "color", "focused", "fullWidth", "disabled", "readOnly", "required", "labelShrink", "className", "style", "sx", "value", "label", "labelIcon", "inputRef", "format", "error", "icon", "startAdornment", "endAdornment", "align", "enableKeyboardInput", "onFocus", "onBlur"]);
|
|
6941
6939
|
var id = useId();
|
|
6942
6940
|
/********************************************************************************************************************
|
|
6943
6941
|
* Ref
|
|
@@ -7019,7 +7017,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
7019
7017
|
/********************************************************************************************************************
|
|
7020
7018
|
* Render
|
|
7021
7019
|
* ******************************************************************************************************************/
|
|
7022
|
-
return (React.createElement(DesktopDatePicker, __assign({}, props, { ref: ref, className: classNames(className, 'PrivateInputDatePicker', "align-".concat(align)), open: false, value: value, format: format, disabled: disabled, readOnly: readOnly ||
|
|
7020
|
+
return (React.createElement(DesktopDatePicker, __assign({}, props, { ref: ref, className: classNames(className, 'PrivateInputDatePicker', "align-".concat(align)), open: false, value: value, format: format, disabled: disabled, readOnly: readOnly || !enableKeyboardInput, slotProps: slotProps })));
|
|
7023
7021
|
});var StyledContainer$6 = styled(Grid)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n padding: 4px;\n position: relative;\n"], ["\n padding: 4px;\n position: relative;\n"])));
|
|
7024
7022
|
var StyledButton$2 = styled(Button)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: #1976d2;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"], ["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: #1976d2;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"])));
|
|
7025
7023
|
var templateObject_1$b, templateObject_2$6;var PrivateYearRangePickerYear = React.forwardRef(function (_a, ref) {
|
|
@@ -8493,7 +8491,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8493
8491
|
* ******************************************************************************************************************/
|
|
8494
8492
|
var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
|
|
8495
8493
|
//--------------------------------------------------------------------------------------------------------------------
|
|
8496
|
-
name = _a.name, initValue = _a.value, initData = _a.data, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, _b = _a.calendarCount, calendarCount = _b === void 0 ? 2 : _b, _c = _a.format, format = _c === void 0 ? DEFAULT_FORMAT$2 : _c, _d = _a.formValueFormat, formValueFormat = _d === void 0 ? DEFAULT_FORMAT$2 : _d, allowSingleSelect = _a.allowSingleSelect, required = _a.required, requiredStart = _a.requiredStart, requiredEnd = _a.requiredEnd, readOnly = _a.readOnly, readOnlyStart = _a.readOnlyStart, readOnlyEnd = _a.readOnlyEnd,
|
|
8494
|
+
name = _a.name, initValue = _a.value, initData = _a.data, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, _b = _a.calendarCount, calendarCount = _b === void 0 ? 2 : _b, _c = _a.format, format = _c === void 0 ? DEFAULT_FORMAT$2 : _c, _d = _a.formValueFormat, formValueFormat = _d === void 0 ? DEFAULT_FORMAT$2 : _d, allowSingleSelect = _a.allowSingleSelect, required = _a.required, requiredStart = _a.requiredStart, requiredEnd = _a.requiredEnd, readOnly = _a.readOnly, readOnlyStart = _a.readOnlyStart, readOnlyEnd = _a.readOnlyEnd, enableKeyboardInput = _a.enableKeyboardInput, initDisabled = _a.disabled, inputWidth = _a.inputWidth, exceptValue = _a.exceptValue, initError = _a.error, helperText = _a.helperText, _e = _a.formValueFromNameSuffix, formValueFromNameSuffix = _e === void 0 ? '_from' : _e, _f = _a.formValueToNameSuffix, formValueToNameSuffix = _f === void 0 ? '_to' : _f, icon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, startAdornment = _a.startAdornment, startStartAdornment = _a.startStartAdornment, endStartAdornment = _a.endStartAdornment, endAdornment = _a.endAdornment, startEndAdornment = _a.startEndAdornment, endEndAdornment = _a.endEndAdornment, disablePast = _a.disablePast, disableFuture = _a.disableFuture, minDate = _a.minDate, maxDate = _a.maxDate, initHidden = _a.hidden, _g = _a.align, align = _g === void 0 ? 'center' : _g, onGetActionButtons = _a.onGetActionButtons, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
8497
8495
|
// -------------------------------------------------------------------------------------------------------------------
|
|
8498
8496
|
className = _a.className;
|
|
8499
8497
|
var id = useId();
|
|
@@ -9012,10 +9010,10 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
9012
9010
|
React.createElement(FormDateRangePickerTooltipPickerContainer, { ref: containerRef, calendarCount: calendarCount, selectType: selectType, value: value, months: months, disablePast: disablePast, disableFuture: disableFuture, minDate: minDate, maxDate: maxDate, onGetActionButtons: onGetActionButtons, onChange: handleChange, onValueChange: handleValueChange, onMonthsChange: setMonths })) },
|
|
9013
9011
|
React.createElement(Grid, { container: true, alignItems: 'center' },
|
|
9014
9012
|
React.createElement(Grid, { flex: 1 },
|
|
9015
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || (open && selectType === 'start'), required: required || requiredStart, readOnly: readOnly || readOnlyStart,
|
|
9013
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || (open && selectType === 'start'), required: required || requiredStart, readOnly: readOnly || readOnlyStart, enableKeyboardInput: enableKeyboardInput, icon: startIcon || icon, startAdornment: startStartAdornment || startAdornment, endAdornment: startEndAdornment || endAdornment, inputRef: startDateTextFieldRef, onChange: function (newValue) { return handleInputDatePickerChange('start', newValue); }, onFocus: function () { return handleInputDatePickerFocus('start'); }, onError: function (reason) { return (startInputDatePickerErrorRef.current = reason); } }))),
|
|
9016
9014
|
React.createElement(Grid, { sx: { px: 1 } }, "~"),
|
|
9017
9015
|
React.createElement(Grid, { flex: 1 },
|
|
9018
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || (open && selectType === 'end'), required: required || requiredEnd, readOnly: readOnly || readOnlyEnd,
|
|
9016
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || (open && selectType === 'end'), required: required || requiredEnd, readOnly: readOnly || readOnlyEnd, enableKeyboardInput: enableKeyboardInput, icon: endIcon || icon, startAdornment: endStartAdornment || startAdornment, endAdornment: endEndAdornment || endAdornment, inputRef: endDateTextFieldRef, onChange: function (newValue) { return handleInputDatePickerChange('end', newValue); }, onFocus: function () { return handleInputDatePickerFocus('end'); }, onError: function (reason) { return (endInputDatePickerErrorRef.current = reason); } }))))),
|
|
9019
9017
|
!formColWithHelperText &&
|
|
9020
9018
|
(helperText ||
|
|
9021
9019
|
(error && errorHelperText) ||
|
|
@@ -9549,7 +9547,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9549
9547
|
//----------------------------------------------------------------------------------------------------------------
|
|
9550
9548
|
name = _a.name, labelIcon = _a.labelIcon, label = _a.label, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
9551
9549
|
// -------------------------------------------------------------------------------------------------------------------
|
|
9552
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년 MM월' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE$1 : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE$1 : _d, inputWidth = _a.inputWidth,
|
|
9550
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년 MM월' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE$1 : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE$1 : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _e = _a.formValueYearNameSuffix, formValueYearNameSuffix = _e === void 0 ? '_year' : _e, _f = _a.formValueMonthNameSuffix, formValueMonthNameSuffix = _f === void 0 ? '_month' : _f,
|
|
9553
9551
|
//----------------------------------------------------------------------------------------------------------------
|
|
9554
9552
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
9555
9553
|
var id = useId();
|
|
@@ -9870,7 +9868,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9870
9868
|
React.createElement(PrivateMonthPicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
9871
9869
|
React.createElement("div", null,
|
|
9872
9870
|
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputWidth != null
|
|
9873
|
-
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, focused: focused, required: required, readOnly: readOnly,
|
|
9871
|
+
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, focused: focused, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: inputRef, onChange: function (v) { return updateValue(v ? dateToValue$3(v) : v); }, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear })))),
|
|
9874
9872
|
!formColWithHelperText && (!!helperText || (error && !!errorHelperText)) && (React.createElement(FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : helperText))))));
|
|
9875
9873
|
});
|
|
9876
9874
|
FormMonthPicker.displayName = 'FormMonthPicker';var DEFAULT_VALUE$1 = [null, null];
|
|
@@ -9898,7 +9896,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
9898
9896
|
//----------------------------------------------------------------------------------------------------------------
|
|
9899
9897
|
name = _a.name, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
9900
9898
|
// -------------------------------------------------------------------------------------------------------------------
|
|
9901
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT$1 : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE : _d, inputWidth = _a.inputWidth,
|
|
9899
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT$1 : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _e = _a.formValueFromYearNameSuffix, formValueFromYearNameSuffix = _e === void 0 ? '_from_year' : _e, _f = _a.formValueFromMonthNameSuffix, formValueFromMonthNameSuffix = _f === void 0 ? '_from_month' : _f, _g = _a.formValueToYearNameSuffix, formValueToYearNameSuffix = _g === void 0 ? '_to_year' : _g, _h = _a.formValueToMonthNameSuffix, formValueToMonthNameSuffix = _h === void 0 ? '_to_month' : _h, align = _a.align,
|
|
9902
9900
|
//----------------------------------------------------------------------------------------------------------------
|
|
9903
9901
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
9904
9902
|
var id = useId();
|
|
@@ -10309,10 +10307,10 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10309
10307
|
React.createElement(PrivateMonthRangePicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
10310
10308
|
React.createElement(Grid, { container: true, alignItems: 'center' },
|
|
10311
10309
|
React.createElement(Grid, { flex: 1 },
|
|
10312
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || open, required: required, readOnly: readOnly,
|
|
10310
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || open, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: startInputRef, onChange: function (v) { return handleInputDatePickerChange('start', v); }, onFocus: function () { return handleInputDatePickerFocus('start'); }, onError: function (reason) { return (startInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))),
|
|
10313
10311
|
React.createElement(Grid, { sx: { px: 1 } }, "~"),
|
|
10314
10312
|
React.createElement(Grid, { flex: 1 },
|
|
10315
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || open, required: required, readOnly: readOnly,
|
|
10313
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || open, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: endInputRef, onChange: function (v) { return handleInputDatePickerChange('end', v); }, onFocus: function () { return handleInputDatePickerFocus('end'); }, onError: function (reason) { return (endInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))))),
|
|
10316
10314
|
!formColWithHelperText &&
|
|
10317
10315
|
(helperText ||
|
|
10318
10316
|
(error && errorHelperText) ||
|
|
@@ -10334,7 +10332,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10334
10332
|
//----------------------------------------------------------------------------------------------------------------
|
|
10335
10333
|
name = _a.name, labelIcon = _a.labelIcon, label = _a.label, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
10336
10334
|
// -------------------------------------------------------------------------------------------------------------------
|
|
10337
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth,
|
|
10335
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment,
|
|
10338
10336
|
//----------------------------------------------------------------------------------------------------------------
|
|
10339
10337
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
10340
10338
|
var id = useId();
|
|
@@ -10598,7 +10596,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10598
10596
|
React.createElement(PrivateYearPicker, { minYear: minYear, maxYear: maxYear, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
10599
10597
|
React.createElement("div", null,
|
|
10600
10598
|
React.createElement(PrivateInputDatePicker, { variant: variant, size: size, color: color, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, disabled: disabled, format: format, minDate: dateInfo.min, maxDate: dateInfo.max, style: inputWidth != null
|
|
10601
|
-
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, required: required, readOnly: readOnly,
|
|
10599
|
+
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: inputRef, onChange: handleInputDatePickerChange, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))),
|
|
10602
10600
|
!formColWithHelperText && (!!helperText || (error && !!errorHelperText)) && (React.createElement(FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : helperText))))));
|
|
10603
10601
|
});
|
|
10604
10602
|
FormYearPicker.displayName = 'FormYearPicker';var DEFAULT_VALUE = [null, null];
|
|
@@ -10616,7 +10614,7 @@ var getFinalValue = function (value) {
|
|
|
10616
10614
|
//----------------------------------------------------------------------------------------------------------------
|
|
10617
10615
|
name = _a.name, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
10618
10616
|
// -------------------------------------------------------------------------------------------------------------------
|
|
10619
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth,
|
|
10617
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _e = _a.formValueFromNameSuffix, formValueFromNameSuffix = _e === void 0 ? '_from' : _e, _f = _a.formValueToNameSuffix, formValueToNameSuffix = _f === void 0 ? '_to' : _f, align = _a.align,
|
|
10620
10618
|
//----------------------------------------------------------------------------------------------------------------
|
|
10621
10619
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
10622
10620
|
var id = useId();
|
|
@@ -10927,7 +10925,7 @@ var getFinalValue = function (value) {
|
|
|
10927
10925
|
sx: sx,
|
|
10928
10926
|
required: required,
|
|
10929
10927
|
readOnly: readOnly,
|
|
10930
|
-
|
|
10928
|
+
enableKeyboardInput: enableKeyboardInput,
|
|
10931
10929
|
icon: icon,
|
|
10932
10930
|
startAdornment: startAdornment,
|
|
10933
10931
|
endAdornment: endAdornment,
|
package/dist/index.js
CHANGED
|
@@ -5880,9 +5880,9 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5880
5880
|
* ******************************************************************************************************************/
|
|
5881
5881
|
var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
|
|
5882
5882
|
//--------------------------------------------------------------------------------------------------------------------
|
|
5883
|
-
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, format = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval,
|
|
5883
|
+
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, format = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval, enableKeyboardInput = _a.enableKeyboardInput, initHidden = _a.hidden, _d = _a.showDaysOutsideCurrentMonth, showDaysOutsideCurrentMonth = _d === void 0 ? true : _d, onChange = _a.onChange, initOnValidate = _a.onValidate,
|
|
5884
5884
|
//--------------------------------------------------------------------------------------------------------------------
|
|
5885
|
-
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "
|
|
5885
|
+
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "enableKeyboardInput", "hidden", "showDaysOutsideCurrentMonth", "onChange", "onValidate", "className", "style", "sx"]);
|
|
5886
5886
|
var id = React.useId();
|
|
5887
5887
|
/********************************************************************************************************************
|
|
5888
5888
|
* Ref
|
|
@@ -6180,13 +6180,12 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
6180
6180
|
if (labelShrink) {
|
|
6181
6181
|
textFieldInputLabelProps.shrink = labelShrink;
|
|
6182
6182
|
}
|
|
6183
|
-
var readOnly =
|
|
6183
|
+
var readOnly = !enableKeyboardInput;
|
|
6184
6184
|
var inputProps = {
|
|
6185
6185
|
readOnly: readOnly,
|
|
6186
6186
|
};
|
|
6187
6187
|
if (readOnly) {
|
|
6188
6188
|
inputProps.tabIndex = -1;
|
|
6189
|
-
inputProps.className = classNames(inputProps.className, 'Mui-disabled');
|
|
6190
6189
|
}
|
|
6191
6190
|
var muiInputProps = { endAdornment: undefined };
|
|
6192
6191
|
if (startAdornment || icon || muiInputProps.startAdornment) {
|
|
@@ -6236,7 +6235,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
6236
6235
|
icon,
|
|
6237
6236
|
initStyle,
|
|
6238
6237
|
labelShrink,
|
|
6239
|
-
|
|
6238
|
+
enableKeyboardInput,
|
|
6240
6239
|
required,
|
|
6241
6240
|
size,
|
|
6242
6241
|
startAdornment,
|
|
@@ -6506,9 +6505,9 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6506
6505
|
* ******************************************************************************************************************/
|
|
6507
6506
|
var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
|
|
6508
6507
|
//--------------------------------------------------------------------------------------------------------------------
|
|
6509
|
-
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, initFormat = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval,
|
|
6508
|
+
name = _a.name, type = _a.type, time = _a.time, _b = _a.value, initValue = _b === void 0 ? null : _b, initData = _a.data, initLabel = _a.label, labelIcon = _a.labelIcon, initFormat = _a.format, initFormValueFormat = _a.formValueFormat, required = _a.required, readOnly = _a.readOnly, initDisabled = _a.disabled, width = _a.width, initError = _a.error, helperText = _a.helperText, minDate = _a.minDate, maxDate = _a.maxDate, disableFuture = _a.disableFuture, disablePast = _a.disablePast, exceptValue = _a.exceptValue, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _c = _a.align, align = _c === void 0 ? 'center' : _c, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, minuteInterval = _a.minuteInterval, secondInterval = _a.secondInterval, enableKeyboardInput = _a.enableKeyboardInput, initHidden = _a.hidden, _d = _a.showDaysOutsideCurrentMonth, showDaysOutsideCurrentMonth = _d === void 0 ? true : _d, onChange = _a.onChange, initOnValidate = _a.onValidate,
|
|
6510
6509
|
//--------------------------------------------------------------------------------------------------------------------
|
|
6511
|
-
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "
|
|
6510
|
+
className = _a.className, initStyle = _a.style, sx = _a.sx, otherProps = __rest(_a, ["variant", "size", "color", "focused", "labelShrink", "fullWidth", "name", "type", "time", "value", "data", "label", "labelIcon", "format", "formValueFormat", "required", "readOnly", "disabled", "width", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "exceptValue", "icon", "startAdornment", "endAdornment", "align", "hours", "minutes", "seconds", "minuteInterval", "secondInterval", "enableKeyboardInput", "hidden", "showDaysOutsideCurrentMonth", "onChange", "onValidate", "className", "style", "sx"]);
|
|
6512
6511
|
var id = React.useId();
|
|
6513
6512
|
/********************************************************************************************************************
|
|
6514
6513
|
* Ref
|
|
@@ -6825,13 +6824,12 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6825
6824
|
if (labelShrink) {
|
|
6826
6825
|
textFieldInputLabelProps.shrink = labelShrink;
|
|
6827
6826
|
}
|
|
6828
|
-
var readOnly =
|
|
6827
|
+
var readOnly = !enableKeyboardInput;
|
|
6829
6828
|
var inputProps = {
|
|
6830
6829
|
readOnly: readOnly,
|
|
6831
6830
|
};
|
|
6832
6831
|
if (readOnly) {
|
|
6833
6832
|
inputProps.tabIndex = -1;
|
|
6834
|
-
inputProps.className = classNames(inputProps.className, 'Mui-disabled');
|
|
6835
6833
|
}
|
|
6836
6834
|
var muiInputProps = { endAdornment: undefined };
|
|
6837
6835
|
if (startAdornment || icon || muiInputProps.startAdornment) {
|
|
@@ -6880,7 +6878,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6880
6878
|
fullWidth,
|
|
6881
6879
|
icon,
|
|
6882
6880
|
labelShrink,
|
|
6883
|
-
|
|
6881
|
+
enableKeyboardInput,
|
|
6884
6882
|
required,
|
|
6885
6883
|
size,
|
|
6886
6884
|
startAdornment,
|
|
@@ -6937,7 +6935,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6937
6935
|
* ******************************************************************************************************************/
|
|
6938
6936
|
var variant = _a.variant, size = _a.size, color = _a.color, focused = _a.focused, fullWidth = _a.fullWidth, disabled = _a.disabled, readOnly = _a.readOnly, required = _a.required, labelShrink = _a.labelShrink,
|
|
6939
6937
|
//--------------------------------------------------------------------------------------------------------------------
|
|
6940
|
-
className = _a.className, style = _a.style, sx = _a.sx, value = _a.value, initLabel = _a.label, labelIcon = _a.labelIcon, inputRef = _a.inputRef, format = _a.format, error = _a.error, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _b = _a.align, align = _b === void 0 ? 'center' : _b,
|
|
6938
|
+
className = _a.className, style = _a.style, sx = _a.sx, value = _a.value, initLabel = _a.label, labelIcon = _a.labelIcon, inputRef = _a.inputRef, format = _a.format, error = _a.error, icon = _a.icon, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _b = _a.align, align = _b === void 0 ? 'center' : _b, enableKeyboardInput = _a.enableKeyboardInput, initOnFocus = _a.onFocus, initOnBlur = _a.onBlur, props = __rest(_a, ["variant", "size", "color", "focused", "fullWidth", "disabled", "readOnly", "required", "labelShrink", "className", "style", "sx", "value", "label", "labelIcon", "inputRef", "format", "error", "icon", "startAdornment", "endAdornment", "align", "enableKeyboardInput", "onFocus", "onBlur"]);
|
|
6941
6939
|
var id = React.useId();
|
|
6942
6940
|
/********************************************************************************************************************
|
|
6943
6941
|
* Ref
|
|
@@ -7019,7 +7017,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
7019
7017
|
/********************************************************************************************************************
|
|
7020
7018
|
* Render
|
|
7021
7019
|
* ******************************************************************************************************************/
|
|
7022
|
-
return (React.createElement(xDatePickers.DesktopDatePicker, __assign({}, props, { ref: ref, className: classNames(className, 'PrivateInputDatePicker', "align-".concat(align)), open: false, value: value, format: format, disabled: disabled, readOnly: readOnly ||
|
|
7020
|
+
return (React.createElement(xDatePickers.DesktopDatePicker, __assign({}, props, { ref: ref, className: classNames(className, 'PrivateInputDatePicker', "align-".concat(align)), open: false, value: value, format: format, disabled: disabled, readOnly: readOnly || !enableKeyboardInput, slotProps: slotProps })));
|
|
7023
7021
|
});var StyledContainer$6 = material.styled(material.Grid)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n padding: 4px;\n position: relative;\n"], ["\n padding: 4px;\n position: relative;\n"])));
|
|
7024
7022
|
var StyledButton$2 = material.styled(material.Button)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: #1976d2;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"], ["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: #1976d2;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"])));
|
|
7025
7023
|
var templateObject_1$b, templateObject_2$6;var PrivateYearRangePickerYear = React.forwardRef(function (_a, ref) {
|
|
@@ -8493,7 +8491,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8493
8491
|
* ******************************************************************************************************************/
|
|
8494
8492
|
var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
|
|
8495
8493
|
//--------------------------------------------------------------------------------------------------------------------
|
|
8496
|
-
name = _a.name, initValue = _a.value, initData = _a.data, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, _b = _a.calendarCount, calendarCount = _b === void 0 ? 2 : _b, _c = _a.format, format = _c === void 0 ? DEFAULT_FORMAT$2 : _c, _d = _a.formValueFormat, formValueFormat = _d === void 0 ? DEFAULT_FORMAT$2 : _d, allowSingleSelect = _a.allowSingleSelect, required = _a.required, requiredStart = _a.requiredStart, requiredEnd = _a.requiredEnd, readOnly = _a.readOnly, readOnlyStart = _a.readOnlyStart, readOnlyEnd = _a.readOnlyEnd,
|
|
8494
|
+
name = _a.name, initValue = _a.value, initData = _a.data, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, _b = _a.calendarCount, calendarCount = _b === void 0 ? 2 : _b, _c = _a.format, format = _c === void 0 ? DEFAULT_FORMAT$2 : _c, _d = _a.formValueFormat, formValueFormat = _d === void 0 ? DEFAULT_FORMAT$2 : _d, allowSingleSelect = _a.allowSingleSelect, required = _a.required, requiredStart = _a.requiredStart, requiredEnd = _a.requiredEnd, readOnly = _a.readOnly, readOnlyStart = _a.readOnlyStart, readOnlyEnd = _a.readOnlyEnd, enableKeyboardInput = _a.enableKeyboardInput, initDisabled = _a.disabled, inputWidth = _a.inputWidth, exceptValue = _a.exceptValue, initError = _a.error, helperText = _a.helperText, _e = _a.formValueFromNameSuffix, formValueFromNameSuffix = _e === void 0 ? '_from' : _e, _f = _a.formValueToNameSuffix, formValueToNameSuffix = _f === void 0 ? '_to' : _f, icon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, startAdornment = _a.startAdornment, startStartAdornment = _a.startStartAdornment, endStartAdornment = _a.endStartAdornment, endAdornment = _a.endAdornment, startEndAdornment = _a.startEndAdornment, endEndAdornment = _a.endEndAdornment, disablePast = _a.disablePast, disableFuture = _a.disableFuture, minDate = _a.minDate, maxDate = _a.maxDate, initHidden = _a.hidden, _g = _a.align, align = _g === void 0 ? 'center' : _g, onGetActionButtons = _a.onGetActionButtons, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
8497
8495
|
// -------------------------------------------------------------------------------------------------------------------
|
|
8498
8496
|
className = _a.className;
|
|
8499
8497
|
var id = React.useId();
|
|
@@ -9012,10 +9010,10 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
9012
9010
|
React.createElement(FormDateRangePickerTooltipPickerContainer, { ref: containerRef, calendarCount: calendarCount, selectType: selectType, value: value, months: months, disablePast: disablePast, disableFuture: disableFuture, minDate: minDate, maxDate: maxDate, onGetActionButtons: onGetActionButtons, onChange: handleChange, onValueChange: handleValueChange, onMonthsChange: setMonths })) },
|
|
9013
9011
|
React.createElement(material.Grid, { container: true, alignItems: 'center' },
|
|
9014
9012
|
React.createElement(material.Grid, { flex: 1 },
|
|
9015
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || (open && selectType === 'start'), required: required || requiredStart, readOnly: readOnly || readOnlyStart,
|
|
9013
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || (open && selectType === 'start'), required: required || requiredStart, readOnly: readOnly || readOnlyStart, enableKeyboardInput: enableKeyboardInput, icon: startIcon || icon, startAdornment: startStartAdornment || startAdornment, endAdornment: startEndAdornment || endAdornment, inputRef: startDateTextFieldRef, onChange: function (newValue) { return handleInputDatePickerChange('start', newValue); }, onFocus: function () { return handleInputDatePickerFocus('start'); }, onError: function (reason) { return (startInputDatePickerErrorRef.current = reason); } }))),
|
|
9016
9014
|
React.createElement(material.Grid, { sx: { px: 1 } }, "~"),
|
|
9017
9015
|
React.createElement(material.Grid, { flex: 1 },
|
|
9018
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || (open && selectType === 'end'), required: required || requiredEnd, readOnly: readOnly || readOnlyEnd,
|
|
9016
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, value: value[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || (open && selectType === 'end'), required: required || requiredEnd, readOnly: readOnly || readOnlyEnd, enableKeyboardInput: enableKeyboardInput, icon: endIcon || icon, startAdornment: endStartAdornment || startAdornment, endAdornment: endEndAdornment || endAdornment, inputRef: endDateTextFieldRef, onChange: function (newValue) { return handleInputDatePickerChange('end', newValue); }, onFocus: function () { return handleInputDatePickerFocus('end'); }, onError: function (reason) { return (endInputDatePickerErrorRef.current = reason); } }))))),
|
|
9019
9017
|
!formColWithHelperText &&
|
|
9020
9018
|
(helperText ||
|
|
9021
9019
|
(error && errorHelperText) ||
|
|
@@ -9549,7 +9547,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9549
9547
|
//----------------------------------------------------------------------------------------------------------------
|
|
9550
9548
|
name = _a.name, labelIcon = _a.labelIcon, label = _a.label, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
9551
9549
|
// -------------------------------------------------------------------------------------------------------------------
|
|
9552
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년 MM월' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE$1 : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE$1 : _d, inputWidth = _a.inputWidth,
|
|
9550
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년 MM월' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE$1 : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE$1 : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _e = _a.formValueYearNameSuffix, formValueYearNameSuffix = _e === void 0 ? '_year' : _e, _f = _a.formValueMonthNameSuffix, formValueMonthNameSuffix = _f === void 0 ? '_month' : _f,
|
|
9553
9551
|
//----------------------------------------------------------------------------------------------------------------
|
|
9554
9552
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
9555
9553
|
var id = React.useId();
|
|
@@ -9870,7 +9868,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9870
9868
|
React.createElement(PrivateMonthPicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
9871
9869
|
React.createElement("div", null,
|
|
9872
9870
|
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputWidth != null
|
|
9873
|
-
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, focused: focused, required: required, readOnly: readOnly,
|
|
9871
|
+
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, focused: focused, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: inputRef, onChange: function (v) { return updateValue(v ? dateToValue$3(v) : v); }, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear })))),
|
|
9874
9872
|
!formColWithHelperText && (!!helperText || (error && !!errorHelperText)) && (React.createElement(material.FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : helperText))))));
|
|
9875
9873
|
});
|
|
9876
9874
|
FormMonthPicker.displayName = 'FormMonthPicker';var DEFAULT_VALUE$1 = [null, null];
|
|
@@ -9898,7 +9896,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
9898
9896
|
//----------------------------------------------------------------------------------------------------------------
|
|
9899
9897
|
name = _a.name, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
9900
9898
|
// -------------------------------------------------------------------------------------------------------------------
|
|
9901
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT$1 : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE : _d, inputWidth = _a.inputWidth,
|
|
9899
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT$1 : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minValue, minValue = _c === void 0 ? DEFAULT_MIN_VALUE : _c, _d = _a.maxValue, maxValue = _d === void 0 ? DEFAULT_MAX_VALUE : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _e = _a.formValueFromYearNameSuffix, formValueFromYearNameSuffix = _e === void 0 ? '_from_year' : _e, _f = _a.formValueFromMonthNameSuffix, formValueFromMonthNameSuffix = _f === void 0 ? '_from_month' : _f, _g = _a.formValueToYearNameSuffix, formValueToYearNameSuffix = _g === void 0 ? '_to_year' : _g, _h = _a.formValueToMonthNameSuffix, formValueToMonthNameSuffix = _h === void 0 ? '_to_month' : _h, align = _a.align,
|
|
9902
9900
|
//----------------------------------------------------------------------------------------------------------------
|
|
9903
9901
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
9904
9902
|
var id = React.useId();
|
|
@@ -10309,10 +10307,10 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10309
10307
|
React.createElement(PrivateMonthRangePicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
10310
10308
|
React.createElement(material.Grid, { container: true, alignItems: 'center' },
|
|
10311
10309
|
React.createElement(material.Grid, { flex: 1 },
|
|
10312
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || open, required: required, readOnly: readOnly,
|
|
10310
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || open, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: startInputRef, onChange: function (v) { return handleInputDatePickerChange('start', v); }, onFocus: function () { return handleInputDatePickerFocus('start'); }, onError: function (reason) { return (startInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))),
|
|
10313
10311
|
React.createElement(material.Grid, { sx: { px: 1 } }, "~"),
|
|
10314
10312
|
React.createElement(material.Grid, { flex: 1 },
|
|
10315
|
-
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || open, required: required, readOnly: readOnly,
|
|
10313
|
+
React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || open, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: endInputRef, onChange: function (v) { return handleInputDatePickerChange('end', v); }, onFocus: function () { return handleInputDatePickerFocus('end'); }, onError: function (reason) { return (endInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))))),
|
|
10316
10314
|
!formColWithHelperText &&
|
|
10317
10315
|
(helperText ||
|
|
10318
10316
|
(error && errorHelperText) ||
|
|
@@ -10334,7 +10332,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10334
10332
|
//----------------------------------------------------------------------------------------------------------------
|
|
10335
10333
|
name = _a.name, labelIcon = _a.labelIcon, label = _a.label, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
10336
10334
|
// -------------------------------------------------------------------------------------------------------------------
|
|
10337
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth,
|
|
10335
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? DEFAULT_FORMAT : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment,
|
|
10338
10336
|
//----------------------------------------------------------------------------------------------------------------
|
|
10339
10337
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
10340
10338
|
var id = React.useId();
|
|
@@ -10598,7 +10596,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10598
10596
|
React.createElement(PrivateYearPicker, { minYear: minYear, maxYear: maxYear, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
10599
10597
|
React.createElement("div", null,
|
|
10600
10598
|
React.createElement(PrivateInputDatePicker, { variant: variant, size: size, color: color, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, disabled: disabled, format: format, minDate: dateInfo.min, maxDate: dateInfo.max, style: inputWidth != null
|
|
10601
|
-
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, required: required, readOnly: readOnly,
|
|
10599
|
+
? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, required: required, readOnly: readOnly, enableKeyboardInput: enableKeyboardInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: inputRef, onChange: handleInputDatePickerChange, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))),
|
|
10602
10600
|
!formColWithHelperText && (!!helperText || (error && !!errorHelperText)) && (React.createElement(material.FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : helperText))))));
|
|
10603
10601
|
});
|
|
10604
10602
|
FormYearPicker.displayName = 'FormYearPicker';var DEFAULT_VALUE = [null, null];
|
|
@@ -10616,7 +10614,7 @@ var getFinalValue = function (value) {
|
|
|
10616
10614
|
//----------------------------------------------------------------------------------------------------------------
|
|
10617
10615
|
name = _a.name, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
10618
10616
|
// -------------------------------------------------------------------------------------------------------------------
|
|
10619
|
-
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth,
|
|
10617
|
+
icon = _a.icon, _b = _a.format, format = _b === void 0 ? 'YYYY년' : _b, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, _c = _a.minYear, minYear = _c === void 0 ? 2020 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2050 : _d, inputWidth = _a.inputWidth, enableKeyboardInput = _a.enableKeyboardInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, _e = _a.formValueFromNameSuffix, formValueFromNameSuffix = _e === void 0 ? '_from' : _e, _f = _a.formValueToNameSuffix, formValueToNameSuffix = _f === void 0 ? '_to' : _f, align = _a.align,
|
|
10620
10618
|
//----------------------------------------------------------------------------------------------------------------
|
|
10621
10619
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
10622
10620
|
var id = React.useId();
|
|
@@ -10927,7 +10925,7 @@ var getFinalValue = function (value) {
|
|
|
10927
10925
|
sx: sx,
|
|
10928
10926
|
required: required,
|
|
10929
10927
|
readOnly: readOnly,
|
|
10930
|
-
|
|
10928
|
+
enableKeyboardInput: enableKeyboardInput,
|
|
10931
10929
|
icon: icon,
|
|
10932
10930
|
startAdornment: startAdornment,
|
|
10933
10931
|
endAdornment: endAdornment,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pdg/react-form",
|
|
3
3
|
"title": "React Form",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.158",
|
|
5
5
|
"description": "React Form",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@mui/icons-material": "^7.1.0",
|
|
50
50
|
"@mui/material": "^7.1.0",
|
|
51
51
|
"@mui/x-date-pickers": "^7.29.4",
|
|
52
|
-
"@pdg/react-component": "^1.0.
|
|
52
|
+
"@pdg/react-component": "^1.0.38",
|
|
53
53
|
"@pdg/react-hook": "^1.0.30",
|
|
54
54
|
"@tinymce/miniature": "^6.0.0",
|
|
55
55
|
"@tinymce/tinymce-react": "^6.2.0",
|