Remove the outer div in the datepicker

[arthurdenner]

🌈 Feature

Right now, we have an outer div in the datepicker with the field class wrapping the Input component and the calendar. This approach has some issues, especially related to how the library behaves in forms.

We must remove this div and implement the rendering of the calendar in another way. I'm not sure how this is supposed to work, but maybe these implementations can help:

https://github.com/CompuIves/codesandbox-client/blob/master/packages/app/src/app/components/ContextMenu/index.js

https://github.com/CompuIves/codesandbox-client/blob/master/packages/app/src/app/components/Portal/index.js

[arthurdenner]

@lucasnsborges, you may want to take a stab at this.

[erickne]

I'm probably having this issue in a form inside a modal.

Unfortunatelly, I to use this workaround to fix.

input {
    width: inherit !important;
}

[arthurdenner]

Yes, @erickne. This is probably the reason. Sorry about that. :confused:

If you want to take a stab at this, feel free to do it, I'd appreciate a lot!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.