React Airbnb date picker custom year/month navigation unwanted year/month jump - reactjs

I am using react-dates from Airbnb and specified min and max dates, also created custom year/month navigation, but the problem is that if the month is by default before the month in min date and want to change year, it change month and year in both panels to min date month/year and if you click on prev icon it should be disabled and next icon should be enabeld (for example: if left panel month is Jul, right panel month should be Aug) but still it navigates and month and year in both panels are the same
You can check demo here demo
any help please?

Add the disableScroll prop. Checkout this fork of your sandbox

Related

react-datepicker month and year dropdown overlap

I have used react-datepicker library.
When i use month and year dropdown they are displaying one above another
I want them to display side by side

Scroll DayPicker to selected days months

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.

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

How to change the datepicker calendra view in angular material

In angular material datepicker when click on calendar button it open date and than on clicking in month it show year. I want to select the year first than month and don't want to show date on calendar, it also show on same format once the year and month selected form the calendar in MM/YYYY format only.

WPF Datepicker scroll through dates in textbox

I would like to scroll using the arrow keys through the day month and year fields in the datepicker textbox.
I am guessing this will be a two step solution:
1- break up month day year into individual fields that the user 'clicks' into.
2- once the user has focus of the either day year or month then they can use arrow keys to scroll up /down.
anyone done this before with wpf?
Found this project has a date time with up / down:
http://wpftoolkit.codeplex.com/

Resources