I'm stuck on this problem. Can anyone help? Before clicking, After Clicking, Code Snippet. (utilizi...

# react

[Dmitriy Malayev]

I'm stuck on this problem. Can anyone help?
Before clicking, After Clicking, Code Snippet. (utilizing mui)

[Dmitriy Malayev]

Solution
TextField {
sx {
width = 40.pct
}
label = _ReactNode_("Start Day")
variant = FormControlVariant.outlined
onClick = {
val target = it.target as dom.html.HTMLInputElement
target.type = InputType.date.toString()
}
onBlur = {
val target = it.target as dom.html.HTMLInputElement
target.type = InputType.text.toString()
}
}

[Paul Meshkovsky]

Is this a work-around right ?

[Dmitriy Malayev]

Solution to a non working problem above

[aerialist]

Hi @Dmitriy Malayev, this is a bug of the MUI Material UI library.
Please create an issue here.

P.S. Also you can use ‘Date Pickers’ instead
- Documentation
- Kotlin Wrappers
- Kotlin MUI Showcase

[Salman]

Shrink prop will fix the problem, thanks @Leon for helping with the syntax