How to change formik <Field/> component's placeholder?

user_14900449 0
Viewed 197

Basically I'm not able to make date input empty with Formik. I just want it to show nothing initially. This is what I've been dealing for hours.

 <Field
 name="date"
 type="date"
   className={`InformationForm__field text-[20px] lg:h-14 px-4 lg:py-4 py-3  outline- none 
                                           `}
                                            />

note: I've tried placeholder, giving empty string as initial value etc.

Anyone have idea?

formik reactjs javascript
3 Answers

Yo can try below code

     <Field
       name="date"
       render={({ field, form: { isSubmitting } }) => (
           <input {...field} type="date" 
            placeholder="date" />
       )}
     />

Check this link for more info:- https://formik.org/docs/api/field#render

user_185415380

Searching on docs I've found this prop initialValues, try that one.

Reference

user_129385450

You can try this

 <Field
  name="date"
  type="date"
  placeholder=""
  className={`InformationForm__field text-[20px] lg:h-14 px-4 lg:py-4 py-3  outline- none`}
 />

Check this: Formik docs

user_89539810
Related