fix span highlight wrong substring

Author: andrelandgraf

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-datalist-input",
-  "version": "3.2.0",
+  "version": "3.2.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

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