React-datepicker: feature request: date range in one box

Created on 6 Mar 2018  路  4Comments  路  Source: Hacker0x01/react-datepicker

Hey, thanks for the great component.
I was wondering if it would be possible to combine date range boxes?

screen shot 2018-03-05 at 4 57 55 pm

I mean the fields on the right, like: last month, last week, etc..

Most helpful comment

I mean, I "could" create this with custom drop downs/css/text box, but it would be a nice feature to have out of the box. I see a lot of other react date pickers with this functionality.

All 4 comments

That should already be possible. It looks like you'll want your component to render two inline date pickers, and use them to select a range. See the inline example and the date range example.

Let us know if for some reason those features do not work well together.

Sorry, I guess the image is misleading. If you look at the top right of the two boxes. It is a SINGLE input box. A better example:

screen shot 2018-03-06 at 11 34 20 am

Ok... Have you run into any problems in your attempt to create that single input? Have you tried rendering two ReactDatepicker instances as subcomponents for it?

I mean, I "could" create this with custom drop downs/css/text box, but it would be a nice feature to have out of the box. I see a lot of other react date pickers with this functionality.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

flaurida picture flaurida  路  3Comments

ro-savage picture ro-savage  路  3Comments

tamitutor picture tamitutor  路  3Comments

ahribori picture ahribori  路  3Comments

pinturic picture pinturic  路  3Comments