UNPKG

react-hook-form-mui

Version:

<div align="center"> <a href="https://react-hook-form-material-ui.vercel.app/" rel="noopener" target="_blank"> <img src="./rhf-mui.png" alt="Material-UI and react-hook-form combined" /> </a> </div>

1 lines 12.6 kB
"use client";function e(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,i=new Array(r);t<r;t++)i[t]=e[t];return i}function r(r){if(Array.isArray(r))return e(r)}function t(e,r,t){if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function i(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function a(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(e){for(var r=1;r<arguments.length;r++){var i=arguments[r]!=null?arguments[r]:{};var a=Object.keys(i);if(typeof Object.getOwnPropertySymbols==="function"){a=a.concat(Object.getOwnPropertySymbols(i).filter(function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable}))}a.forEach(function(r){t(e,r,i[r])})}return e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);if(r){i=i.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})}t.push.apply(t,i)}return t}function l(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{n(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function u(e,r){if(e==null)return{};var t=s(e,r);var i,a;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++){i=o[a];if(r.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,i))continue;t[i]=e[i]}}return t}function s(e,r){if(e==null)return{};var t={};var i=Object.keys(e);var a,o;for(o=0;o<i.length;o++){a=i[o];if(r.indexOf(a)>=0)continue;t[a]=e[a]}return t}function d(e){return r(e)||i(e)||m(e)||a()}function m(r,t){if(!r)return;if(typeof r==="string")return e(r,t);var i=Object.prototype.toString.call(r).slice(8,-1);if(i==="Object"&&r.constructor)i=r.constructor.name;if(i==="Map"||i==="Set")return Array.from(i);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return e(r,t)}import{b as p,c as f,e as c,f as v}from"./chunk-EMVR4BWV.js";import"./chunk-FJYXLP4R.js";import{useController as h}from"react-hook-form";import{useForkRef as b}from"@mui/material";import{forwardRef as D}from"react";import{DatePicker as y,validateDate as P}from"@mui/x-date-pickers";import{useLocalizationContext as g}from"@mui/x-date-pickers/internals";var x={disableFuture:"Date must be in the past",maxDate:"Date is later than the maximum allowed date",disablePast:"Past date is not allowed",invalidDate:"Date is invalid",minDate:"Date is earlier than the minimum allowed date",shouldDisableDate:"Date is not allowed",shouldDisableMonth:"Month is not allowed",shouldDisableYear:"Year is not allowed"};import{jsx as T}from"react/jsx-runtime";var w=D(function(e,r){var t=e.parseError,i=e.name,a=e.required,n=e.rules,s=n===void 0?{}:n,m=e.inputProps,D=e.control,w=e.textReadOnly,C=e.slotProps,O=e.overwriteErrorMessages,k=e.inputRef,j=e.transform,E=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),R=g(),S=p(),F=t||S,q=o({},x,O),M=l(o({},s,a&&!s.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=v(R,e);if(!r)return!0;var t,i;var a=P({props:{shouldDisableDate:E.shouldDisableDate,shouldDisableMonth:E.shouldDisableMonth,shouldDisableYear:E.shouldDisableYear,disablePast:!!E.disablePast,disableFuture:!!E.disableFuture,minDate:E.minDate,maxDate:E.maxDate},timezone:(i=(t=E.timezone)!==null&&t!==void 0?t:c(R,r))!==null&&i!==void 0?i:"default",value:r,adapter:R});return a==null||q[a]}},s.validate)}),z=h({name:i,control:D,rules:M,disabled:E.disabled,defaultValue:null}),A=z.field,V=z.fieldState,Y=V.error,I=f({value:A.value,onChange:A.onChange,transform:{input:typeof(j===null||j===void 0?void 0:j.input)=="function"?j.input:function(e){return v(R,e)},output:typeof(j===null||j===void 0?void 0:j.output)=="function"?j.output:function(e){return e}}}),B=I.value,L=I.onChange,N=b(A.ref,k),J=Y?typeof F=="function"?F(Y):Y.message:null;return T(y,l(o({},E,A),{value:B,ref:r,inputRef:N,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;A.onBlur(),E.onClose&&(i=E).onClose.apply(i,d(r))},onChange:function(e,r){L(e,r),typeof E.onChange=="function"&&E.onChange(e,r)},slotProps:l(o({},C),{textField:l(o({},m),{required:a,onBlur:function(e){A.onBlur(),typeof(m===null||m===void 0?void 0:m.onBlur)=="function"&&m.onBlur(e)},error:!!J,helperText:J||(m===null||m===void 0?void 0:m.helperText)||E.helperText,inputProps:o({readOnly:!!w},m===null||m===void 0?void 0:m.inputProps)})})}))});w.displayName="DatePickerElement";var C=w;import{MobileDatePicker as O,validateDate as k}from"@mui/x-date-pickers";import{useController as j}from"react-hook-form";import{useForkRef as E}from"@mui/material";import{forwardRef as R}from"react";import{useLocalizationContext as S}from"@mui/x-date-pickers/internals";import{jsx as F}from"react/jsx-runtime";var q=R(function(e,r){var t=e.parseError,i=e.name,a=e.required,n=e.rules,s=n===void 0?{}:n,m=e.inputProps,h=e.control,b=e.slotProps,D=e.overwriteErrorMessages,y=e.inputRef,P=e.transform,g=u(e,["parseError","name","required","rules","inputProps","control","slotProps","overwriteErrorMessages","inputRef","transform"]),T=S(),w=p(),C=t||w,R=o({},x,D),q=l(o({},s,a&&!s.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=v(T,e);if(!r)return!0;var t,i;var a=k({props:{shouldDisableDate:g.shouldDisableDate,shouldDisableMonth:g.shouldDisableMonth,shouldDisableYear:g.shouldDisableYear,disablePast:!!g.disablePast,disableFuture:!!g.disableFuture,minDate:g.minDate,maxDate:g.maxDate},timezone:(i=(t=g.timezone)!==null&&t!==void 0?t:c(T,r))!==null&&i!==void 0?i:"default",value:r,adapter:T});return a==null||R[a]}},s.validate)}),M=j({name:i,control:h,rules:q,disabled:g.disabled,defaultValue:null}),z=M.field,A=M.fieldState,V=A.error,Y=f({value:z.value,onChange:z.onChange,transform:{input:typeof(P===null||P===void 0?void 0:P.input)=="function"?P.input:function(e){return v(T,e)},output:typeof(P===null||P===void 0?void 0:P.output)=="function"?P.output:function(e){return e}}}),I=Y.value,B=Y.onChange,L=E(z.ref,y);return F(O,l(o({},g,z),{value:I,ref:r,inputRef:L,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;z.onBlur(),g.onClose&&(i=g).onClose.apply(i,d(r))},onChange:function(e,r){B(e,r),typeof g.onChange=="function"&&g.onChange(e,r)},slotProps:l(o({},b),{textField:l(o({},m),{required:a,error:!!V,helperText:V?typeof C=="function"?C(V):V.message:(m===null||m===void 0?void 0:m.helperText)||g.helperText})})}))});q.displayName="MobileDatePickerElement";var M=q;import{DateTimePicker as z,validateDateTime as A}from"@mui/x-date-pickers";import{useLocalizationContext as V}from"@mui/x-date-pickers/internals";import{useController as Y}from"react-hook-form";import{useForkRef as I}from"@mui/material";import{forwardRef as B}from"react";var L={disableFuture:"Date must be in the past",maxDate:"Date is later than the maximum allowed date",disablePast:"Past date is not allowed",invalidDate:"Date is invalid",minDate:"Date is earlier than the minimum allowed date",shouldDisableDate:"Date is not allowed",shouldDisableMonth:"Month is not allowed",shouldDisableYear:"Year is not allowed",minTime:"Time is earlier than the minimum allowed",maxTime:"Time is later than the maximum allowed","shouldDisableTime-hours":"Specified hour is disabled","shouldDisableTime-minutes":"Specified minute is disabled","shouldDisableTime-seconds":"Specified second is disabled",minutesStep:"Invalid minutes step"};import{jsx as N}from"react/jsx-runtime";var J=B(function(e,r){var t=e.parseError,i=e.name,a=e.required,n=e.rules,s=n===void 0?{}:n,m=e.inputProps,h=e.control,b=e.textReadOnly,D=e.slotProps,y=e.overwriteErrorMessages,P=e.inputRef,g=e.transform,x=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),T=V(),w=p(),C=t||w,O=o({},L,y),k=l(o({},s,a&&!s.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=v(T,e);if(!r)return!0;var t,i;var a=A({props:{shouldDisableDate:x.shouldDisableDate,shouldDisableMonth:x.shouldDisableMonth,shouldDisableYear:x.shouldDisableYear,disablePast:!!x.disablePast,disableFuture:!!x.disableFuture,minDate:x.minDate,maxDate:x.maxDate,disableIgnoringDatePartForTimeValidation:x.disableIgnoringDatePartForTimeValidation,maxTime:x.maxTime,minTime:x.minTime,minutesStep:x.minutesStep,shouldDisableTime:x.shouldDisableTime},timezone:(i=(t=x.timezone)!==null&&t!==void 0?t:c(T,r))!==null&&i!==void 0?i:"default",value:r,adapter:T});return a==null||O[a]}},s.validate)}),j=Y({name:i,rules:k,control:h,disabled:x.disabled,defaultValue:null}),E=j.field,R=j.fieldState,S=R.error,F=f({value:E.value,onChange:E.onChange,transform:{input:typeof(g===null||g===void 0?void 0:g.input)=="function"?g.input:function(e){return v(T,e)},output:typeof(g===null||g===void 0?void 0:g.output)=="function"?g.output:function(e){return e}}}),q=F.value,M=F.onChange,B=I(E.ref,P);return N(z,l(o({},x,E),{value:q,ref:r,inputRef:B,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;E.onBlur(),x.onClose&&(i=x).onClose.apply(i,d(r))},onChange:function(e,r){M(e,r),typeof x.onChange=="function"&&x.onChange(e,r)},slotProps:l(o({},D),{textField:l(o({},m),{required:a,error:!!S,helperText:S?typeof C=="function"?C(S):S.message:(m===null||m===void 0?void 0:m.helperText)||x.helperText,inputProps:o({readOnly:b},m===null||m===void 0?void 0:m.inputProps)})})}))});J.displayName="DateTimePickerElement";var K=J;import{TimePicker as U,validateTime as W}from"@mui/x-date-pickers";import{useController as X}from"react-hook-form";import{useForkRef as $}from"@mui/material";import{forwardRef as G}from"react";import{useLocalizationContext as H}from"@mui/x-date-pickers/internals";var Q={invalidDate:"Time is invalid",minTime:"Time is earlier than the minimum allowed",maxTime:"Time is later than the maximum allowed",disableFuture:"Future time is disabled",disablePast:"Past time is disabled","shouldDisableTime-hours":"Specified hour is disabled","shouldDisableTime-minutes":"Specified minute is disabled","shouldDisableTime-seconds":"Specified second is disabled",minutesStep:"Invalid minutes step"};import{jsx as Z}from"react/jsx-runtime";var _=G(function(e,r){var t=e.parseError,i=e.name,a=e.required,n=e.rules,s=n===void 0?{}:n,m=e.inputProps,h=e.control,b=e.textReadOnly,D=e.slotProps,y=e.overwriteErrorMessages,P=e.inputRef,g=e.transform,x=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),T=H(),w=p(),C=t||w,O=o({},Q,y),k=l(o({},s,a&&!s.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=v(T,e);if(!r)return!0;var t,i;var a=W({props:{minTime:x.minTime,maxTime:x.maxTime,minutesStep:x.minutesStep,shouldDisableTime:x.shouldDisableTime,disableIgnoringDatePartForTimeValidation:x.disableIgnoringDatePartForTimeValidation,disablePast:!!x.disablePast,disableFuture:!!x.disableFuture},timezone:(i=(t=x.timezone)!==null&&t!==void 0?t:c(T,r))!==null&&i!==void 0?i:"default",value:e,adapter:T});return a==null||O[a]}},s.validate)}),j=X({name:i,control:h,rules:k,disabled:x.disabled,defaultValue:null}),E=j.field,R=j.fieldState,S=R.error,F=f({value:E.value,onChange:E.onChange,transform:{input:typeof(g===null||g===void 0?void 0:g.input)=="function"?g.input:function(e){return v(T,e)},output:typeof(g===null||g===void 0?void 0:g.output)=="function"?g.output:function(e){return e}}}),q=F.value,M=F.onChange,z=$(E.ref,P);return Z(U,l(o({},x,E),{value:q,ref:r,inputRef:z,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;E.onBlur(),x.onClose&&(i=x).onClose.apply(i,d(r))},onChange:function(e,r){M(e,r),typeof x.onChange=="function"&&x.onChange(e,r)},slotProps:l(o({},D),{textField:l(o({},m),{required:a,error:!!S,helperText:S?typeof C=="function"?C(S):S.message:(m===null||m===void 0?void 0:m.helperText)||x.helperText,inputProps:o({readOnly:b},m===null||m===void 0?void 0:m.inputProps)})})}))});_.displayName="TimePickerElement";var ee=_;export{C as DatePickerElement,K as DateTimePickerElement,M as MobileDatePickerElement,ee as TimePickerElement};//# sourceMappingURL=date-pickers.js.map