chore: code refactoring

Author: shivani170

src/Shared/Components/DatePicker/DayPickerRangeController.tsx

@@ -53,15 +53,15 @@ export const DatePickerRangeController = ({
         <div
             className="flex left top"
             style={{
-                ...styles.PresetDateRangePicker_panel,
+                ...styles.PresetDateRangePickerPanel,
                 ...DayPickerCalendarInfoHorizontal,
                 ...{
-                    PresetDateRangePicker_panel: {
+                    PresetDateRangePickerPanel: {
                         padding: '0px',
                         width: '200px',
                         height: '100%',
                     },
-                    ...styles.DayPicker__horizontal,
+                    ...styles.DayPickerHorizontal,
                 },
             }}
         >
@@ -103,12 +103,12 @@ export const DatePickerRangeController = ({
                         startDate.isSame(calendar.startDate, 'day') &&
                         endDate.isSame(calendar.endDate, 'day')
                     let buttonStyles = {
-                        ...styles.PresetDateRangePicker_button,
+                        ...styles.PresetDateRangePickerButton,
                     }
                     if (isSelected) {
                         buttonStyles = {
                             ...buttonStyles,
-                            ...styles.PresetDateRangePicker_button__selected,
+                            ...styles.PresetDateRangePickerButtonSelected,
                         }
                     }
                     return (

src/Shared/Components/DatePicker/constants.ts

@@ -149,12 +149,12 @@ export const DATE_PICKER_IDS = {
 }
 
 export const styles = {
-    PresetDateRangePicker_panel: {
+    PresetDateRangePickerPanel: {
         padding: '0px',
         width: '200px',
         height: '100%',
     },
-    PresetDateRangePicker_button: {
+    PresetDateRangePickerButton: {
         width: '188px',
         background: 'var(--transparent)',
         border: 'none',
@@ -169,10 +169,10 @@ export const styles = {
             outline: 0,
         },
     },
-    DayPicker__horizontal: {
+    DayPickerHorizontal: {
         borderRadius: '4px',
     },
-    PresetDateRangePicker_button__selected: {
+    PresetDateRangePickerButtonSelected: {
         color: 'var(--B500)',
         fontWeight: 600,
         background: 'var(--B100)',