Next month button doesn't work. about react-native-daterange-picker HOT 4 OPEN

naxulanth commented on June 17, 2024

Next month button doesn't work.

from react-native-daterange-picker.

Comments (4)

aldiinugroho commented on June 17, 2024 7

maybe dates.displayedDate will be undefined, therefore we need to give certain conditions.

try this maybe it help:

const setDates = (dates) => {
        if (dates.startDate != undefined) {
            setStartDate(dates.startDate)
        }

        if (dates.displayedDate != undefined) {
            setDisplayedDate(dates.displayedDate)
        }

        if (dates.endDate != undefined) {
            setEndDate(dates.endDate)
        }
    };

from react-native-daterange-picker.

johnny-minty commented on June 17, 2024

@longman0512 You need to ensure you handle the onChange event properly and set/update the 'displayedDate' prop correctly

from react-native-daterange-picker.

fcamargo10 commented on June 17, 2024

maybe dates.displayedDate will be undefined, therefore we need to give certain conditions.

try this maybe it help:

const setDates = (dates) => {
        if (dates.startDate != undefined) {
            setStartDate(dates.startDate)
        }

        if (dates.displayedDate != undefined) {
            setDisplayedDate(dates.displayedDate)
        }

        if (dates.endDate != undefined) {
            setEndDate(dates.endDate)
        }
    };

Work's fine.

from react-native-daterange-picker.

shoaibshebi commented on June 17, 2024

Set Like that

👇👇😊

const [dateObj, setDateObj] = useState({
    startDate: null,
    endDate: null,
    displayedDate: moment(),
  });
  
  
<DateRangePicker
            onChange={dates => {
              console.log('dates ------------------', dates);
              setDateObj({
                startDate:
                  'startDate' in dates
                    ? moment(dates.startDate)
                    : dateObj?.startDate,
                endDate:
                  'endDate' in dates ? moment(dates.endDate) : dateObj?.endDate,
                displayedDate:
                  'displayedDate' in dates
                    ? moment(dates.displayedDate)
                    : dateObj?.displayedDate,
              });
            }}
            endDate={dateObj?.endDate}
            startDate={dateObj?.startDate}
            displayedDate={dateObj?.displayedDate}
            range={true}
>

from react-native-daterange-picker.

Recommend Projects