Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

DatePicker maxDate and minDate

See original GitHub issue

It would be awesome to be able to set the maxDate and minDates that are considered selectable in the datePicker and timePicker. For example, using the range picker, I want to the user to only be able to select past dates/times. With something like jqueryui’s date picker you can set it with the (max/min)Date apis.

Currently this is sort of possible with validation but its not a great user experience.

Issue Analytics

State:
Created 7 years ago
Reactions:10
Comments:13 (1 by maintainers)

Top GitHub Comments

44reactions

abhipanoriancommented, Sep 9, 2019

I was able to accomplish this by

<DatePicker disabledDate={d => !d || d.isAfter("2002-12-31") || d.isSameOrBefore("1960-01-01") } format="YYYY-MM-DD HH:mm:ss" defaultPickerValue={moment("2002-12-31")} placeholder="Start" />

19reactions

Bobinhoscommented, Jan 18, 2018

@benjycui I would like to have minDate and maxDate too. disabledDate rule works only for days in month, not for months and years, so user can change months and years even though all dates in month/year are disabled. Or you can approve disabledDate behaviour for month/year pickers