♻️ Refactor ExampleCustomInput component for improved clarity

Author: balajis-qb

docs-site/src/examples/ts/customInput.tsx

@@ -4,18 +4,19 @@ type ExampleCustomInputProps = {
   onClick?: () => void;
 };
 
+const ExampleCustomInput = forwardRef<
+  HTMLButtonElement,
+  ExampleCustomInputProps
+>(({ value, onClick, className }, ref) => (
+  <button type="button" className={className} onClick={onClick} ref={ref}>
+    {value}
+  </button>
+));
+ExampleCustomInput.displayName = "ExampleCustomInput";
+
 const CustomInput = () => {
   const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());
 
-  const ExampleCustomInput = forwardRef<
-    HTMLButtonElement,
-    ExampleCustomInputProps
-  >(({ value, onClick, className }, ref) => (
-    <button className={className} onClick={onClick} ref={ref}>
-      {value}
-    </button>
-  ));
-
   return (
     <DatePicker
       selected={selectedDate}