Skip to content

use of min/max and endAdornment in InputProps #16952

@Clinton-Cochrane

Description

@Clinton-Cochrane

for the Textbox component it appears you have to use "inputProps" to use the max and min properties on a numeric type, but to have the InputAdornment you have to use "InputProps". This is both confusing to reading the code, and also eslint does not like duplicate props for a component

  • [x ] The issue is present in the latest release.
  • [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

To use the min and max properties you have to declare it in "inputProps" and to use adornments you have to use "InputProps" or else they will not work. Currently eslint throws a warning about no duplicated props.

Expected Behavior 🤔

should not be two props with the same name (ignoring capitalization)

Steps to Reproduce 🕹

https://codesandbox.io/embed/material-demo-3kqy3

Steps:

Context 🔦

Your Environment 🌎

Tech Version
Material-UI v4.?.?
React
Browser
TypeScript
etc.

Metadata

Metadata

Assignees

No one assigned

    Labels

    duplicateThis issue or pull request already exists.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions