material-ui select dropdown looking like a chip - reactjs

Is it possible to create a similar Dropdown Select with material-ui that looks like a Chip component like this?
If so could you direct me where to start?

yes, it is possible, Material UI have variant type of select, you can see and try those in the following link :
more and advanced select component in Material UI

Related

How can I show multiple datas in MUI Table or DataGrid?

Does anyone can give me some example or hints to create a table like this?
enter image description here
I know the basic of MUI table but I do not know how I can group up the datas like this.
Thank You
you can use DataGrid Component from Mui v5 and then use renderCell method for that specific row so you can let 2 or more data with the same key can combine

How to change the Menu dropdown element from Select in MaterialUI?

What I need to do is actually change the HTML from the select dropdown when the property multiple is true, to be something like this:
Don't need to be exactly like that, the main thing that I want to do is add the checkbox before the option label. I can't see a way of doing this because the select component only accepts a MenuProps prop instead accepting a MenuComponent as well..
The select component docs:
https://material-ui.com/pt/components/selects
I don't think you can do that with the Select component without having to modify it a lot, but you can use Autocomplete which has pretty much the same functionality and you can add checkboxes to it.

Material UI - How a Date Picker could only select month/year

I'm using MaterialUI in a project and I need a date picker (https://material-ui.com/demos/pickers/) that is able to only select month and year, what props should I use to achieve this?
The Material UI date picker docs specify that you can use a custom renderer here.
Here is the codesandbox for the custom renderer. You might be able to use the custom renderer with the format prop to achieve what you are looking for.
All links here are invalid so i want to give a quick summarization on this question, Material UI has a simple functions for what you need now (using DatePicker component), refer to official docs:
https://mui.com/components/date-picker/#views-playground
Codesandbox example here
as you can see there, adding:
views={['year', 'month']}
property to DatePicker does the trick!

Alternative to Icon Menu/ PopOver Menu in Material UI

I'm using material-ui for a project and I got stuck in using menus. Basically I want to select multiple values from the menu which DropDown does not support. And other menus don't support OnChange. So what should I use in order to select multiple values(these values are sort of filters for a table so they can't be normal lists)
I'm having the same issue and still not sure about the onChange support
how about using Toggle switch

programmatically open a bootstrap select

I need to programmatically open a bootstrap select, not show like documentation says
(it affects displaying)
It seems to be a missing method, so how can it be done?
Use the toggle method. It programmatically toggles the bootstrap-select menu open/closed.
$('.selectpicker').selectpicker('toggle');
I tried the documentation and it wasn't working for me either, so I did some research and apparently opening a select list is not an easy thing to do programatically with JavaScript.
check out this Post and this Post.
What I would probably recommend is to use a Bootstrap .btn-dropdown instead of a select list if possible?

Resources