function NumberRangeColumnFilter({ filterValue = [], setFilter }) {
  return (
    <div
      style={{
        display: 'flex',
      }}
    >
      <input
        value={filterValue[0] || ''}
        type="number"
        onChange={e => {
          const val = e.target.value
          setFilter((old = []) => [val ? parseInt(val, 10) : undefined, old[1]])
        }}
        placeholder="Min"
        style={{
          width: '70px',
          marginRight: '0.5rem',
        }}
      />
      to
      <input
        value={filterValue[1] || ''}
        type="number"
        onChange={e => {
          const val = e.target.value
          setFilter((old = []) => [old[0], val ? parseInt(val, 10) : undefined])
        }}
        placeholder="Max"
        style={{
          width: '70px',
          marginLeft: '0.5rem',
        }}
      />
    </div>
  )
}
// ones that have values between the two
ones that have values between the two
ones that have values between the two
function NumberRangeColumnFilter({ filterValue = [], setFilter }) {
  return (
    <div
      style={{
        display: 'flex',
      }}
    >
      <input
        value={filterValue[0] || ''}
        type="number"
        onChange={e => {
          const val = e.target.value
          setFilter((old = []) => [val ? parseInt(val, 10) : undefined, old[1]])
        }}
        placeholder="Min"
        style={{
          width: '70px',
          marginRight: '0.5rem',
        }}
      />
      to
      <input
        value={filterValue[1] || ''}
        type="number"
        onChange={e => {
          const val = e.target.value
          setFilter((old = []) => [old[0], val ? parseInt(val, 10) : undefined])
        }}
        placeholder="Max"
        style={{
          width: '70px',
          marginLeft: '0.5rem',
        }}
      />
    </div>
  )
}
function NumberRangeColumnFilter ( { filterValue = [ ] , setFilter } ) { return ( < div style = { { display : 'flex' , } } > < input value = { filterValue [ 0 ] || '' } type = "number" onChange = { e => { const val = e . target . value setFilter ( ( old = [ ] ) => [ val ? parseInt ( val , 10 ) : undefined , old [ 1 ] ] ) } } placeholder = "Min" style = { { width : '70px' , marginRight : '0.5rem' , } } / > 
      to
       < input value = { filterValue [ 1 ] || '' } type = "number" onChange = { e => { const val = e . target . value setFilter ( ( old = [ ] ) => [ old [ 0 ] , val ? parseInt ( val , 10 ) : undefined ] ) } } placeholder = "Max" style = { { width : '70px' , marginLeft : '0.5rem' , } } / > < / div > ) }
ones that have values between the two
ones that have values between the two