How to change the datepicker calendra view in angular material - angularjs

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.

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

How to get the current year on each time the year changed using left and right arrows in the react datepicker

enter image description here
Iam using a div child element to display the current selected year inside the datepicker. Currently the selected year can only be updated when an onchange event is fired. Because of that i have to open the datepicker again after selecting a date to see an updated year in the red text.
Is there any event to get the current year before a date is selected inside the datepicker ?

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

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

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

The moment datepicker is not shown with the selected date (month) in datepicker

I wrapped momentjs datepicker into angularjs directive.
My question is
The datepicker is not shown with the selected date (month) in datepicker.
For example, I selected 05/05/2014;
After I hit submit button, I expand the input to get the datepicker, the current page is March not May (I am sure I update ng-model with the selected month).
Yes, I can navigate to May, and 05/05/2014 is selected.
What I want, the expanded datepicker should be May month page. Thanks.
Solved, just use options in datePicker which "startViewDate"

Resources