const selectOptions = filteredOptions.map<React.Element<typeof DatalistItem | 'li'>>((item, index) => {
        const { value } = item;


        const isSelected = selectedValues.includes(value);
        
        const isDisabled = disabledValues.includes(value);
        
        const isClearOption = shouldShowClearOption && value === CLEAR;


        const itemProps: Object = {
            className: classNames('select-option', { 'is-clear-option': isClearOption, 'is-disabled-option': isDisabled }),
            key: index,
            ...(isDisabled ? {} : {
                /* preventDefault on click to prevent wrapping label from re-triggering the select button */
                onClick: event => {
                    event.preventDefault();
                    if (isClearOption) {
                        this.handleClearClick();
                    } else {
                        this.selectOption(index);
                    }
                },
                onMouseEnter: () => {
                    this.setActiveItem(index, false);
                },
                setActiveItemID: this.setActiveItemID,
            })
        };

        const disabledValues = ['1', '2'];

        const  => {
                const isDisabled = disabledValues.includes(item.value);

                if (isDisabled) {
                       return;
                }

                // update value
        };

        const optionRenderer = item => {
                const isDisabled = disabledValues.includes(item.value);

                return <span className={isDisabled ? 'disabled' : ''}>{item.displayText}</span>
         };


        <BaseSelectFiled 
                
                optionRenderer={optionRenderer}
         />