You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I wanted to implement validation, so if the input mask is filled to validate Date with yup, the problem is im getting no informaion from any of events, onChange and onInput are not working if the mask is set <Calendar
onInput={() => console.log("on input")}
mask="99.99.9999"
onChange={() => console.log("on change")}
showIcon
/> component with yup and react-hook-form looks like this ```
<Controller
name="dateFrom"
control={control}
render={({field}) => (
Describe the bug
I wanted to implement validation, so if the input mask is filled to validate Date with yup, the problem is im getting no informaion from any of events, onChange and onInput are not working if the mask is set <Calendar
onInput={() => console.log("on input")}
mask="99.99.9999"
onChange={() => console.log("on change")}
showIcon
/> component with yup and react-hook-form looks like this ```
<Controller
name="dateFrom"
control={control}
render={({field}) => (
<Calendar
inputId={field.name}
{...field}
dateFormat="dd.mm.yy"
placeholder="von TT.MM.JJJJ"
onChange={(e) => field.onChange(e.value)}
showIcon
/>
<label htmlFor={field.name} className={
font-medium ${errors.dateFrom ? "text-red-600" : "text-600"}
}>{errors.dateFrom ? errors.dateFrom.message?.toString() : ""}
)}
/>
The text was updated successfully, but these errors were encountered: