Skip to content

[TableFiltersConfig]: Add "min" and "max" properties to numeric #3034

@YauhenKavalchuk

Description

@YauhenKavalchuk

Now

The Filters Panel component allows you to configure a filter that looks like a Numeric Input component.
An example of such a configuration:

{
    field: Field,
    columnKey: Key,
    title: 'Title',
    type: 'numeric',
    predicates: defaultPredicates.numeric,
    togglerWidth: 320,
},

The problem is that at the moment there is no way to set the maximum and minimum input value.
As a result, the user can enter anything, which ultimately breaks the system.

To Do

The solution is to add additional arguments that will be passed to Numeric Input and restrict the values ​​entered by the user.
For example:

{
    field: Field,
    columnKey: Key,
    title: 'Title',
    type: 'numeric',
    predicates: defaultPredicates.numeric,
    togglerWidth: 320,
    min: 0,
    max: 20,
},

This will allow for more predictable control of user input.
Furthermore, these parameters (props "min" and "max") are used within the "Numeric Input" component itself, meaning it won't even need to be modified:
https://uui.epam.com/documents?category=components&id=numericInput&mode=propsEditor&isSkin=true&theme=loveship

Metadata

Metadata

Assignees

Labels

improvementSomething that could be better

Type

No type

Projects

Status

Closed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions