tp-react-elements-dev 1.10.11 → 1.10.13

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

@@ -12,7 +12,7 @@ interface TextFieldInputProps {
 export interface FormSectionPropsItem {
     name: string;
     label: string;
-    inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "register-number" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "multifile" | "textarea" | "phoneNumber" | "pincode" | "email" | "toggleSwitch" | "rich-text-editor" | "multiEmail" | "timepicker" | "checkbox-group" | "radio-group" | "";
+    inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "register-number" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "multifile" | "textarea" | "phoneNumber" | "pincode" | "email" | "toggleSwitch" | "rich-text-editor" | "multiEmail" | "timepicker" | "checkbox-group" | "radio-group" | "checkbox" | "";
     options?: OptionsProps[];
     required?: boolean;
     errorMessage?: string;

package/dist/index.esm.js

@@ -59543,7 +59543,9 @@ 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({ ampm: props.item.ampm ? true : false }, field, { value: value ? parseCustomTime(value) : null, onChange: (newTime) => {
+    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
+                        // ampm={false}     
+                        , Object.assign({}, field, { value: value ? parseCustomTime(value) : null, onChange: (newTime) => {
                                 const parsedTime = parseCustomTime(formatDayjsToCustomTime(newTime));
                                 const min = props.item.minTime
                                     ? parseCustomTime(props.item.minTime)
@@ -60075,6 +60077,8 @@ const RenderForm = (props) => {
             return jsxRuntimeExports.jsx(FormRenderFileUpload, { props: props, variant: variant });
         case "multifile":
             return jsxRuntimeExports.jsx(FormRenderMultiFileUpload, { props: props, variant: variant });
+        case "checkbox":
+            return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("span", Object.assign({ className: "formInputlabel", style: { fontSize: "12px" } }, { children: [props.item.label, " ", props.item.required && jsxRuntimeExports.jsx("span", Object.assign({ style: { color: "red" } }, { children: "*" }))] })), jsxRuntimeExports.jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxRuntimeExports.jsx(Checkbox, Object.assign({}, field, { checked: !!field.value, onChange: (e) => field.onChange(e.target.checked), sx: Object.assign({ width: "24px", height: "24px" }, props.item.sx) }))) })] }));
         case "textarea":
             return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [renderLabel(variant, props), jsxRuntimeExports.jsx(TextField, Object.assign({ multiline: true, size: "small", InputProps: {
                                     style: {
@@ -62641,6 +62645,9 @@ const useFormValidatingContext = (formArray) => {
                 }
                 renderCustomError(field);
                 break;
+            case "checkbox":
+                initialValues[field.name] = false;
+                break;
             case "pincode":
                 initialValues[field.name] = null;
                 if (field.required && field.errorMessage) {