We Keep Coding

React material ui date picker disable all dates in year except for the last day on everry month

I've been trying to figure out a way to only let the users select the last day of every month of a year (disabling the rest of the days). with the use of material ui date picker, was not able to find a proper solution to it. I would really appreciate if any one be able to show me how to implement this, thank you for your time!

Not sure what you meant say on the post, but there's prop called onMonthChange on material Ui DatePicker API docs, you can get the relevant month details with this, then you can use the shouldDisableDate prop to disable the rest of the days other than the last date of the month.
refer Material Ui DatePicker API docs here https://next.material-ui.com/api/date-picker/

Unfortunately there is no way to let the users select the last day of every month of a year (disabling the rest of the days) with material ui date picker (like DateTimePicker or KeyboardDatePicker).
You could define an interval of valid dates (using props minDate and maxDate).
Another thing you can do is allow user to select all dates and then manage valid/invalid date using onChange event.

How to select quarter date from the date popup not the actual date?

I want exactly the same thing like in the following image.
Is it possible? any jquery library or some custom thing?

JQuery calender to highlight current week and block 3 weeks

I'm using jquery calender in one of my application and what I need to do is once I select a date between day Mon - Fri then entire Mon-Fri days should get highlight and also 3 weeks considering only from Mon - Fri gets greyed out.
I tired to get some good input from already posted query but none was helpfull. I took help from post Jquery calender 2 way block date but was difficult to implement.
I need a some code snippet to understand how to validate over calender days.
Thanks

Datepicker for Bootstrap (select Week only and making it work in IE)

I'm using this date picker:
http://www.eyecon.ro/bootstrap-datepicker/
2 questions:
Anyone know how to make it work in Internet Explorer? It just
doesn't, try it.
How can I configure it such that it selects entire
weeks? (if a person selects a specific day in the week, the value
passed is the start of the week, it would also be good if it
highlights the entire week on hover)

You can try https://github.com/eternicode/bootstrap-datepicker which is an improved version of datepicker by eyecon.
You might also consider using HTML5's builtin datepicker by simply using
<input type="date">

Ready-made date picker in Javascript + HTML? (need: separate fields for DD, MM, YY plus calendar chooser)

I need such a form element: 3 separate drop-downs of Day, Month and Year, plus "calendar" button that shows calendar picker. Dropdowns should behave cleverly and know each other's state (e.g., no 31 February should be possible and leap years should be handled correctly). Calendar picker should show a little calendar, where user would pick a date and the pick would be passed to drop-downs.
I appreciate if you point me to an existing solution.
I intent NOT to use ExtJS or similar high-end framework, more on JQuery level.

Search for jquery demos on datepicker.
You will find a lot of datepickers along with the source code. You can select among them.
I use the jquery UI datepicker mostly.