ukrbublik / react-awesome-query-builder

User-friendly query builder for React
https://ukrbublik.github.io/react-awesome-query-builder
MIT License
1.97k stars 494 forks source link

Max date. Float. #146

Closed jigardarji318 closed 4 years ago

jigardarji318 commented 4 years ago

Hi Team,

1 Can you please suggest how to implement autocomplete on a text field? 2 Allow Max date should be the current date 3 How to implement type number as a float

ukrbublik commented 4 years ago

Please split questions to separate issues.

  1. What is your use case? You can use select / multiselect widgets that support autocomplete (like 'Color' or 'Colors' in demo)

  2. https://codesandbox.io/s/ecstatic-kepler-blpwq?file=/src/demo/config_simple.tsx:2692-2977 See customProps with disabledDate

    date: {
        label: 'Date',
        type: 'date',
        valueSources: ['value'],
        mainWidgetProps: {
            customProps: {
                disabledDate: (m) => (
                    m.diff(new Date(), 'minutes') > 0
                )
            }
        }
    },
  3. https://codesandbox.io/s/ecstatic-kepler-blpwq?file=/src/demo/config_simple.tsx:2110-2131 See step: 0.1

    num: {
        label: 'Number',
        type: 'number',
        preferWidgets: ['number'],
        fieldSettings: {
            min: -1,
            max: 5,
            step: 0.1
        },
    },
ukrbublik commented 4 years ago

1 - maybe duplicate of https://github.com/ukrbublik/react-awesome-query-builder/issues/191 ?