Scroll DayPicker to selected days months - reactjs

I am using DayPicker in overlay. I have set the selected from date as 17th August 2020 and I am setting DayPicker to show months from current to 12 months onward.
I want my DayPicker to scroll into selected date month (which is August in our case). But it is showing current month as default open.
I have tried multiple combination of props available, but nothing helps.
I have created a codesandbox for the same.
https://codesandbox.io/s/react-day-picker-examplesselected-dz5pv?file=/example.js
PS: I can do this by Javascript, but I want to know if there is any default props available for this.

Related

react datepicker custom dates for selection

Currently Im developing an datepicker from hackerone react datepicker, where user can select date from day up to decade, but I didnt find any props in DatePicker component at their website to give user opportunity to select decade, maximum is a year selection. I decided to put prop yearItemNumber={100} so it will give a range of 100 years, but how can I combine 10 years into one option as it show in first screen?
How it may look:
What I have:
Also additional question, how can I display a century in datepicker header? Or its just a hardcoded text

React Calendar view not aligned with value

I am currently working on a project where the given user needs to fill out a form to add an activity. There is a filter which selects which month this applies to. There is a calendar where a date is selected from. The issue is that the calendar works properly when the current date is in the selected month as such:
The current month popup view
The current month filter
But when the filter is applied to a month that isn't the current one, the view lacks behind as such:
The current month filter
The error full popup
I have tried the use of the active start date yet, I can't seem to ensure that the active start date is applied for the month. Are there any known solutions? I have my code snippet attached below:
Code of the parameters
Code of the React Component Returned
The date is given by another component which is updated with the use state according to the filter applied.

How to link DayPicker to existing input element

I'm using react-day-picker DayPicker (not DayPickerInput) and have an existing element I want to use to drive the date popup. I can't figure out how to pre-feed the date from the element to the calendar and highlight the given date. All the other functionality, e.g. capturing the user chosen date and populating the element are working fine. So if my input element has Nov 11, 2019, and I click on it, I want the popup to go to that date and show it as selected. The current behavior is that it shows the current month and date. I've tried to set the selectedDays={this.state.selectedDay}, but that doesn't seem to work. Note that I am new to reactjs, and this could be the gap in my understanding.
Thanks for any suggestions you may have.
Found at least one way to achieve the behavior I was looking for. There is a DayPicker property "initialMonth" that will display the current month. Note that this only needs to be populated only with year and month:
initialMonth = {new Date(selectedDate.getFullYear(), selectedDate.getMonth())}

Open a month picker with specific months on click of input box

I want open a month picker in react on clicking of input box or a calendar icon same as react widget datepicker. Moreover I want to apply a logic wherein only future months should be clickable and previous months to be disabled. Please let me know how I can do this in react.
i have use react-widget calander but its by default in open state. i have used react-widget month picker but after clicking on a particular month, the dates also appear
Thanks in advance

FullCalendar month view is only showing events for the current month

I imported a couple thousand events into Drupal 7 Events content type. They're all published and I can view each event individually. But, in the Month view, only events from the current month are appearing. If I click through to other months, nothing appears.
I just realized it's doing this for other views also (week and day).
I'm guessing that I have some type of filter set incorrectly or something. Any ideas?

Resources