Material-ui: [Bounty] [DatePicker] Allow selecting a date range

Created on 6 Oct 2015  路  5Comments  路  Source: mui-org/material-ui

Hi Everyone,

This is related to to issue #1566 (Allow selecting a date range).

I have created a new issue here to track work on a bounty that I have added on Bountysource.

Initially I have added a $10 bounty for adding the ability to select multiple days on one datepicker.

Date Picker currently only allows selecting one date. This bounty will be awarded to the developer that creates a pull request to allow selecting a date range when the datepicker is opened.

The idea is that both a start and end date can be selected on the same calendar.

Something similar to:

The pull request must be able to:

  • Click and drag a date range. (ie, select from the 1st to the 3rd in one click and drag motion)
  • Allow selecting a date range by clicking on the first date, and then finally clicking on the second date (ie, the same as the links sent above).

Anyone else who wishes to also contribute to this functionality, feel free to add to the bounty on Bountysource.

Bountysource

enhancement

Most helpful comment

https://github.com/BernardoS/material-ui/tree/date-range-picker
I forked the material-ui and did a DateRangePicker Component, it does all the basics as the DatePicker Component but in range (except for the key associations).
Still, I think that the whole DatePicker component should be done again for a real solid implementation of DateRangePicker to be done.
They just don't fit together.
kinda inspired in this one https://github.com/Adphorus/react-date-range
(No interest for the bounty btw... did this for a personal project ;P)

All 5 comments

https://github.com/BernardoS/material-ui/tree/date-range-picker
I forked the material-ui and did a DateRangePicker Component, it does all the basics as the DatePicker Component but in range (except for the key associations).
Still, I think that the whole DatePicker component should be done again for a real solid implementation of DateRangePicker to be done.
They just don't fit together.
kinda inspired in this one https://github.com/Adphorus/react-date-range
(No interest for the bounty btw... did this for a personal project ;P)

@BernardoS Do you still have that code as the repo you linked to is down.

Sorry! I don't have it anymore :(. I guess I did the pull request @RubenSandwich and then deleted little bit after

@BernardoS Okay. Not used internally in any of your projects? Either way thank you for looking. I'm gonna ping the people who liked your comment to see if they have a copy too. @tridcatij, @andrejunges or @keremciu do any of you have a copy of @BernardoS React Date Range picker lying around?

@nathanmarks can you reopen this, as there is a bounty on the Issue, and I plan on adding more to the bounty once the component is ported (#4787)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

mb-copart picture mb-copart  路  3Comments

newoga picture newoga  路  3Comments

finaiized picture finaiized  路  3Comments

iamzhouyi picture iamzhouyi  路  3Comments

revskill10 picture revskill10  路  3Comments