Problem in positioning the React Datepicker

Asked Mar 22 '22 at 08:33

Active Mar 23 '22 at 07:01

Viewed 453 times

The date picker appears above the input field and is hidden under the above div, how can I change it to appear down not up?

  <DatePicker
                        selected={ this.state.valueDate }
                        onChange={(val) => this.handleChange(val)}
                        name="startDate"
                        dateFormat="dd.MM.yyyy"
                        className="form-control"
                        autoComplete="off"
                        portalId="root-portal"
                    />

edited Mar 23 '22 at 07:01

Lin Du

88,126
95
281
483

asked Mar 22 '22 at 08:33

New React Developer

Are you using any UI Kit like Bootstrap, Material Ui, Ant Design, or something? – Danielprabhakaran N Mar 23 '22 at 07:08
@Danielprabhakaran N Yes, Bootstrap – New React Developer Mar 23 '22 at 08:22
This may help you :- https://stackoverflow.com/questions/40149983/move-the-position-of-bootstrap-datepicker – Danielprabhakaran N Mar 23 '22 at 08:35
Can you share the full code? From where do you import DatePicker? – Danielprabhakaran N Mar 23 '22 at 08:38

Problem in positioning the React Datepicker

0 Answers0