Use out Input component as DatePicker's Input

fortanix · Dec 6, 2024 · 6ddde14 · 6ddde14
1 parent e5e749e
commit 6ddde14
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/forms/controls/DatePicker/DatePicker.tsx b/src/components/forms/controls/DatePicker/DatePicker.tsx
@@ -10,6 +10,8 @@ import { classNames as cx, type ComponentPropsWithoutRef, type ClassNameArgument
 import 'react-datepicker/dist/react-datepicker.css';
 import cl from './DatePicker.module.scss';
 
+import { Input } from '../Input/Input.tsx';
+
 
 // Omit<ComponentPropsWithoutRef<typeof ReactDatePicker>, 'onChange'> & {
 export type DatePickerProps = typeof ReactDatePicker & {
@@ -40,6 +42,7 @@ export const DatePicker = (props: DatePickerProps) => {
         )}
         dateFormat="MM/dd/yyyy"
         placeholderText="MM/DD/YYYY"
+        customInput={<Input />}
         {...propsRest}
       />
     </div>