"p:selectOneMenu" and Material Design Error

[nattapor]

Can i use material design error message with <p:selectOneMenu> and other input components?
I try to use with <p:selectOneMenu>, but it display not correctly.Thank you.

https://imgur.com/1uuvHDf

https://imgur.com/pyQTOsw

[kubrasulukan]

Please try the code block that I wrote down

xhtml;

Code: Select all

<p:outputLabel for="mtext" value="Material Text Error:" />
                            <h:panelGroup styleClass="md-inputfield">
                                <p:selectOneMenu id="mtext" required="true" >
                                    <f:selectItem itemLabel="Select One" itemValue="" />
                                    <f:selectItem itemLabel="Xbox One" itemValue="Xbox One" />
                                    <f:selectItem itemLabel="PS4" itemValue="PS4" />
                                    <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
                                </p:selectOneMenu>
                                <label>Select One</label>
                                <p:message for="mtext" display="text" />
                            </h:panelGroup>

css;

Code: Select all

            .md-inputfield .ui-selectonemenu > label {
                color: transparent;
            }

            .md-inputfield .ui-selectonemenu.ui-state-filled > label {
                color: #212121;
            }

These are look like ;


Best Regards