From afa7827026a0bbc40be30bbd074168f2d0dd18b9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Simon=20Ha=C3=AFoun-Viet?= Date: Mon, 18 Dec 2023 17:42:37 +0100 Subject: [PATCH] feat: add option to prevent virtual keyboard from opening --- packages/DatePicker/src/index.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/DatePicker/src/index.tsx b/packages/DatePicker/src/index.tsx index 7431896744..d39a969f1e 100644 --- a/packages/DatePicker/src/index.tsx +++ b/packages/DatePicker/src/index.tsx @@ -20,6 +20,7 @@ export interface DatePickerOptions { onFocus?: CustomInputOptions['handleFocus'] useWeekdaysShort?: boolean placeholder?: ReactDatePickerProps['placeholderText'] + preventVirtualKeyboard?: boolean value: string | Date transparent?: boolean } @@ -49,6 +50,7 @@ export const DatePicker = forwardRef<'input', DatePickerProps>( onChange, onFocus, placeholder, + preventVirtualKeyboard = false, popperProps, size = 'md', startYear = 1900, @@ -135,6 +137,7 @@ export const DatePicker = forwardRef<'input', DatePickerProps>( handleFocus={e => handleFocus(e)} icon={icon} iconPlacement={iconPlacement} + inputMode={preventVirtualKeyboard ? 'none' : 'text'} onReset={handleReset} ref={instance => { // for internal use only