From c13ac40ebbdc72f6fcc9a15a3643a0636dd6157b Mon Sep 17 00:00:00 2001
From: Amit Kumar <amitkumar@Amits-MacBook-Pro-4.local>
Date: Mon, 8 Dec 2025 11:15:20 +0530
Subject: [PATCH] add title in input fields

---
 packages/react-vanilla-components/src/components/CheckBox.tsx   | 1 +
 .../react-vanilla-components/src/components/CheckBoxGroup.tsx   | 1 +
 packages/react-vanilla-components/src/components/DateInput.tsx  | 1 +
 packages/react-vanilla-components/src/components/DropDown.tsx   | 2 +-
 packages/react-vanilla-components/src/components/Email.tsx      | 1 +
 packages/react-vanilla-components/src/components/FileUpload.tsx | 1 +
 .../react-vanilla-components/src/components/NumberField.tsx     | 1 +
 .../src/components/RadioButtonGroup.tsx                         | 1 +
 packages/react-vanilla-components/src/components/Switch.tsx     | 1 +
 .../react-vanilla-components/src/components/TelephoneInput.tsx  | 1 +
 packages/react-vanilla-components/src/components/TextField.tsx  | 1 +
 .../react-vanilla-components/src/components/TextFieldArea.tsx   | 1 +
 12 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/react-vanilla-components/src/components/CheckBox.tsx b/packages/react-vanilla-components/src/components/CheckBox.tsx
index de2a91e8..956c8624 100644
--- a/packages/react-vanilla-components/src/components/CheckBox.tsx
+++ b/packages/react-vanilla-components/src/components/CheckBox.tsx
@@ -54,6 +54,7 @@ const CheckBox = (props: PROPS) => {
             id={`${id}-widget`}
             type='checkbox'
             className={'cmp-adaptiveform-checkbox__widget'}
+            title={props.tooltip || ''}
             onChange={handleChange}
             value={value}
             checked={selectedValue === value ? true : false}
diff --git a/packages/react-vanilla-components/src/components/CheckBoxGroup.tsx b/packages/react-vanilla-components/src/components/CheckBoxGroup.tsx
index efca8587..b3957b3c 100644
--- a/packages/react-vanilla-components/src/components/CheckBoxGroup.tsx
+++ b/packages/react-vanilla-components/src/components/CheckBoxGroup.tsx
@@ -75,6 +75,7 @@ const CheckBoxGroup = (props: PROPS) => {
           className={`cmp-adaptiveform-checkboxgroup__widget ${orientation}`}
           id={`${id}-widget`}
           aria-describedby={syncAriaDescribedBy(id, props.tooltip, props.description, props.errorMessage)}
+          title={props.tooltip || ''}
         >
           {options?.map((item, index: number) => (
             <div className={`cmp-adaptiveform-checkboxgroup-item ${name}`} key={enums![index]}>
diff --git a/packages/react-vanilla-components/src/components/DateInput.tsx b/packages/react-vanilla-components/src/components/DateInput.tsx
index 97d83211..356c05ca 100644
--- a/packages/react-vanilla-components/src/components/DateInput.tsx
+++ b/packages/react-vanilla-components/src/components/DateInput.tsx
@@ -66,6 +66,7 @@ const DateInput = (props: PROPS) => {
           required={required}
           onChange={changeHandler}
           className={'cmp-adaptiveform-datepicker__widget'}
+          title={props.tooltip || ''}
           aria-label={label?.value}
           readOnly={readOnly}
           placeholder={placeholder}
diff --git a/packages/react-vanilla-components/src/components/DropDown.tsx b/packages/react-vanilla-components/src/components/DropDown.tsx
index 2056756a..1bb293ed 100644
--- a/packages/react-vanilla-components/src/components/DropDown.tsx
+++ b/packages/react-vanilla-components/src/components/DropDown.tsx
@@ -54,7 +54,7 @@ const DropDown = (props: PROPS) => {
           id={`${id}-widget`}
           data-testid='select'
           name={name}
-          title={label?.value}
+          title={props.tooltip || ''}
           className={'cmp-adaptiveform-dropdown__widget'}
           onChange={changeHandler}
           value={selectedValue}
diff --git a/packages/react-vanilla-components/src/components/Email.tsx b/packages/react-vanilla-components/src/components/Email.tsx
index 0797df07..2ca6fd15 100644
--- a/packages/react-vanilla-components/src/components/Email.tsx
+++ b/packages/react-vanilla-components/src/components/Email.tsx
@@ -62,6 +62,7 @@ const Email = (props: PROPS) => {
           type="email"
           id={`${id}-widget`}
           className={'cmp-adaptiveform-emailinput__widget'}
+          title={props.tooltip || ''}
           value={value}
           onChange={handleChange}
           onBlur={handleBlur}
diff --git a/packages/react-vanilla-components/src/components/FileUpload.tsx b/packages/react-vanilla-components/src/components/FileUpload.tsx
index e549643a..e96ff41d 100644
--- a/packages/react-vanilla-components/src/components/FileUpload.tsx
+++ b/packages/react-vanilla-components/src/components/FileUpload.tsx
@@ -169,6 +169,7 @@ const FileUpload = (props: PROPS) => {
             <input
               ref={fileInputField}
               className="cmp-adaptiveform-fileinput__widget"
+              title={props.tooltip || ''}
               id={id}
               type="file"
               name={name}
diff --git a/packages/react-vanilla-components/src/components/NumberField.tsx b/packages/react-vanilla-components/src/components/NumberField.tsx
index 084bdaac..3c670c13 100644
--- a/packages/react-vanilla-components/src/components/NumberField.tsx
+++ b/packages/react-vanilla-components/src/components/NumberField.tsx
@@ -60,6 +60,7 @@ const NumberField = (props: PROPS) => {
           id={`${id}-widget`}
           type='number'
           className={'cmp-adaptiveform-numberinput__widget'}
+          title={props.tooltip || ''}
           value={value}
           onChange={changeHandler}
           required={required}
diff --git a/packages/react-vanilla-components/src/components/RadioButtonGroup.tsx b/packages/react-vanilla-components/src/components/RadioButtonGroup.tsx
index 8aef5450..9cefffaf 100644
--- a/packages/react-vanilla-components/src/components/RadioButtonGroup.tsx
+++ b/packages/react-vanilla-components/src/components/RadioButtonGroup.tsx
@@ -56,6 +56,7 @@ const RadioButtonGroup = (props: PROPS) => {
           id={`${id}-widget`}
           role="radiogroup"
           aria-describedby={syncAriaDescribedBy(id, props.tooltip, props.description, props.errorMessage)}
+          title={props.tooltip || ''}
         >
           {options?.map((item, index: number) => (
             <div className="cmp-adaptiveform-radiobutton__option" key={enums![index]}>
diff --git a/packages/react-vanilla-components/src/components/Switch.tsx b/packages/react-vanilla-components/src/components/Switch.tsx
index 45070cc9..737886f2 100644
--- a/packages/react-vanilla-components/src/components/Switch.tsx
+++ b/packages/react-vanilla-components/src/components/Switch.tsx
@@ -77,6 +77,7 @@ const Switch = (props: PROPS) => {
               <input
                 className="cmp-adaptiveform-switch__widget"
                 type="checkbox"
+                title={props.tooltip || ''}
                 name={name}
                 role="switch"
                 disabled={!enabled}
diff --git a/packages/react-vanilla-components/src/components/TelephoneInput.tsx b/packages/react-vanilla-components/src/components/TelephoneInput.tsx
index 4cdda18e..bfadaf8b 100644
--- a/packages/react-vanilla-components/src/components/TelephoneInput.tsx
+++ b/packages/react-vanilla-components/src/components/TelephoneInput.tsx
@@ -42,6 +42,7 @@ const TelephoneInput = (props: PROPS) => {
           type="tel"
           id={`${id}-widget`}
           className={'cmp-adaptiveform-telephoneinput__widget'}
+          title={props.tooltip || ''}
           value={value || ''}
           onChange={handleChange}
           onBlur={handleBlur}
diff --git a/packages/react-vanilla-components/src/components/TextField.tsx b/packages/react-vanilla-components/src/components/TextField.tsx
index a75489fa..9c1c2f0a 100644
--- a/packages/react-vanilla-components/src/components/TextField.tsx
+++ b/packages/react-vanilla-components/src/components/TextField.tsx
@@ -62,6 +62,7 @@ const TextField = (props: PROPS) => {
           type="text"
           id={`${id}-widget`}
           className={'cmp-adaptiveform-textinput__widget'}
+          title={props.tooltip || ''}
           value={value || ''}
           onChange={handleChange}
           onBlur={handleBlur}
diff --git a/packages/react-vanilla-components/src/components/TextFieldArea.tsx b/packages/react-vanilla-components/src/components/TextFieldArea.tsx
index 79061e66..b8643085 100644
--- a/packages/react-vanilla-components/src/components/TextFieldArea.tsx
+++ b/packages/react-vanilla-components/src/components/TextFieldArea.tsx
@@ -61,6 +61,7 @@ const TextFieldArea = (props: PROPS) => {
         <textarea
           id={`${id}-widget`}
           className={'cmp-adaptiveform-textinput__widget'}
+          title={props.tooltip || ''}
           name={name}
           onChange={handleChange}
           value={value}