fix Highlight component to support more flexible filters

Author: andrelandgraf

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-datalist-input",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "react-datalist-input provides a React datalist/combobox component called DatalistInput. The component contains an input field with a dropdown menu of suggestions based on the current input.",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

src/index.tsx

@@ -376,7 +376,7 @@ const Highlight: React.FC<PropsWithChildren<HighlightProps>> = ({
       <>
         {children.substring(0, index)}
         {as === 'mark' ? (
-          <mark {...props}>{children.substring(index, inputLength)}</mark>
+          <mark {...props}>{children.substring(index, index + inputLength)}</mark>
         ) : (
           <span {...props}>{children.substring(index, inputLength)}</span>
         )}