fix(LOY-251): numeric inputmode on inputs for mobile numeric keyboard

packages/design-system/lib/components/Select/SelectFilter.tsx

@@ -93,6 +93,7 @@ export function SelectFilter({
   onFocus = () => undefined,
   onBlur = () => undefined,
   autoComplete,
+  inputMode,
   ...props
 }: SelectFilterProps) {
   const [focus, setFocus] = useState(false)
@@ -146,6 +147,7 @@ export function SelectFilter({
                 ref={inputRef}
                 className={styles.input}
                 autoComplete={autoComplete}
+                inputMode={inputMode}
               />
             </Typography>
           </span>

packages/design-system/lib/components/Select/types.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react'
+import { ComponentProps, InputHTMLAttributes } from 'react'
 import { ComboBox, Key, ListBoxItem, Select } from 'react-aria-components'
 import { MaterialIconProps } from '../Icons/MaterialIcon'
 
@@ -26,7 +26,8 @@ export interface SelectItemProps extends ComponentProps<typeof ListBoxItem> {
 }
 
 export interface SelectFilterProps extends ComponentProps<typeof ComboBox> {
-  autoComplete?: string
+  autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete']
+  inputMode?: InputHTMLAttributes<HTMLInputElement>['inputMode']
   icon?: MaterialIconProps['icon']
   itemIcon?: MaterialIconProps['icon']
   items: Item[]