Search code examples
reactjsreact-datepicker

Modify a react library

I have a task from UX designers to create a datepicker that displays multiple months + time.

In our project, we are currently using react-datepicker library to manage our datepickers.

This is the react component used in our project: https://hacker0x01.github.io/react-datepicker/

The react-datepicker supports both multiple months and time.

The library itself puts the time on the right side of the calendar. However, the UX designers want the time to be at the bottom.

Is there a proper way in doing this without messing around the date-picker library itself? I know it is a big no no to mess around with the library itself, but what options do I have?

Is there a way around this?

If not, I might have to renegotiate with the UX designers.

Solution

  • I decided to create a reusable date range picker component from scratch. I will not be using the react-datepicker at all for this case.