tp-react-elements-dev 1.10.0 → 1.10.3

package/dist/components/Form/FormRender.d.ts

@@ -46,6 +46,8 @@ export interface FormSectionPropsItem {
     value2?: string | number | boolean;
     label1?: string;
     label2?: string;
+    minTime?: string;
+    maxTime?: string;
     settings?: FormSectionPropsItem[];
 }
 export interface FormRenderProps {

package/dist/index.esm.js

@@ -58840,7 +58840,7 @@ const SingleSelect = ({ props, variant }) => {
                             },
                         }, getOptionLabel: (option) => option.label, renderInput: (params) => {
                             return (jsxRuntimeExports.jsx(Tooltip, Object.assign({ title: params.inputProps.value && params.inputProps.value }, { children: jsxRuntimeExports.jsx(TextField, Object.assign({}, params, { placeholder: props.item.placeholder, label: variant !== "standard" ? `${props.item.label}${props.item.required ? " *" : ""}` : '' })) })));
-                        }, isOptionEqualToValue: isOptionEqualToValue })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
+                        }, isOptionEqualToValue: isOptionEqualToValue }), props.item.options), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
         } }, props.item.name));
 };
 
@@ -59227,9 +59227,21 @@ function formatDayjsToCustomTime(date) {
 function TimePickerFieldWrapper({ props, }) {
     const value = props.getValues(props.item.name);
     return (jsxRuntimeExports.jsxs(LocalizationProvider, Object.assign({ dateAdapter: AdapterDayjs }, { children: [jsxRuntimeExports.jsx(Controller, { name: "time", control: props.control, render: ({ field }) => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [" ", renderLabel(props.variant, props), jsxRuntimeExports.jsx(TimePicker, Object.assign({}, field, { value: value ? parseCustomTime(value) : null, onChange: (newTime) => {
-                                props.setValue(props.item.name, formatDayjsToCustomTime(newTime));
-                                props.item.onChangeFn && props.item.onChangeFn(formatDayjsToCustomTime(newTime));
-                            }, label: props.variant === "standard" ? "" : props.item.label, disabled: props.item.disable, slotProps: { textField: { readOnly: true, size: "small" } } }))] })) }), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })));
+                                const parsedTime = parseCustomTime(formatDayjsToCustomTime(newTime));
+                                const min = props.item.minTime ? parseCustomTime(props.item.minTime) : null;
+                                const max = props.item.maxTime ? parseCustomTime(props.item.maxTime) : null;
+                                let finalTime = parsedTime;
+                                // Auto-correct if value is outside bounds
+                                if (min && parsedTime.isBefore(min)) {
+                                    finalTime = min;
+                                }
+                                else if (max && parsedTime.isAfter(max)) {
+                                    finalTime = max;
+                                }
+                                const formatted = formatDayjsToCustomTime(finalTime);
+                                props.setValue(props.item.name, formatted);
+                                props.item.onChangeFn && props.item.onChangeFn(formatted);
+                            }, minTime: props.item.minTime ? parseCustomTime(props.item.minTime) : null, maxTime: props.item.maxTime ? parseCustomTime(props.item.maxTime) : null, label: props.variant === "standard" ? "" : props.item.label, disabled: props.item.disable, slotProps: { textField: { readOnly: true, size: "small" } } }))] })) }), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })));
 }
 
 const FormRenderMultiFileUpload = ({ props, variant, }) => {
@@ -62376,6 +62388,16 @@ const useFormValidatingContext = (formArray) => {
                 }
                 renderCustomError(field);
                 break;
+            case "checkbox-group":
+                initialValues[field.name] = "";
+                if (field.required && field.errorMessage) {
+                    validationShape[field.name] = create$6()
+                        .typeError(`Select ${field.label}`)
+                        .required(field.errorMessage);
+                    renderCustomError(field);
+                }
+                renderCustomError(field);
+                break;
             case "multiselect":
                 initialValues[field.name] = null;
                 if (field.required && field.errorMessage) {